PageSourceSearch

https://www.fumitei.jp/blog-logo/

html fumitei.jp collected 2026-10-02 18:41:21 UTC 128,020 bytes, 857 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja" data-loaded="false" data-scrolled="false" data-spmenu="closed">
3<head>
4<meta charset="utf-8">
5<meta name="format-detection" content="telephone=no">
6<meta http-equiv="X-UA-Compatible" content="IE=edge">
7<meta name="viewport" content="width=device-width, viewport-fit=cover">
8<title>ブログのロゴ画像の作り方。設定方法やサイズ、デザインのコツまで解説 - 文章教室「文亭(ふみてい)」</title>
9<meta name='robots' content='max-image-preview:large' />
10<link rel='dns-prefetch' href='//codoc.jp' />
11<link rel="alternate" type="application/rss+xml" title="文章教室「文亭(ふみてい)」 &raquo; フィード" href="https://www.fumitei.jp/feed/" />
12<link rel="alternate" type="application/rss+xml" title="文章教室「文亭(ふみてい)」 &raquo; コメントフィード" href="https://www.fumitei.jp/comments/feed/" />
13<link rel="alternate" type="application/rss+xml" title="文章教室「文亭(ふみてい)」 &raquo; ブログのロゴ画像の作り方。設定方法やサイズ、デザインのコツまで解説 のコメントのフィード" href="https://www.fumitei.jp/blog-logo/feed/" />
14
15<!-- SEO SIMPLE PACK 3.5.2 -->
16<meta name="description" content="今回は「ブログのロゴ画像の作り方」を解説していきます。 テキストロゴのままでも悪いわけではないのですが、オリジナルのロゴ画像を用意しておいた方が「おっ、ちゃんとしたブログだ」と思ってもらえて信頼性が上がるように思います。 ロゴ画像の作り方や">
17<link rel="canonical" href="https://www.fumitei.jp/blog-logo/">
18<meta property="og:locale" content="ja_JP">
19<meta property="og:type" content="article">
20<meta property="og:image" content="https://www.fumitei.jp/wp-content/uploads/2021/06/blog-logo.jpg">
21<meta property="og:title" content="ブログのロゴ画像の作り方。設定方法やサイズ、デザインのコツまで解説 - 文章教室「文亭(ふみてい)」">
22<meta property="og:description" content="今回は「ブログのロゴ画像の作り方」を解説していきます。 テキストロゴのままでも悪いわけではないのですが、オリジナルのロゴ画像を用意しておいた方が「おっ、ちゃんとしたブログだ」と思ってもらえて信頼性が上がるように思います。 ロゴ画像の作り方や">
23<meta property="og:url" content="https://www.fumitei.jp/blog-logo/">
24<meta property="og:site_name" content="文章教室「文亭(ふみてい)」">
25<meta name="twitter:card" content="summary_large_image">
26<!-- / SEO SIMPLE PACK -->
27
28<style id="wp-img-auto-sizes-contain-inline-css">
29img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
30/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
31</style>
32<style id="wp-block-library-inline-css">
33:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
33--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
34
35/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
36</style>
37<style id="wp-block-heading-inline-css">
38h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
39/*# sourceURL=https://www.fumitei.jp/wp-includes/blocks/heading/style.min.css */
40</style>
41<style id="wp-block-image-inline-css">
42.wp-block-image>a,.wp-block-image>figure>a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}@media not (prefers-reduced-motion){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:show-content-image .4s}}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull>a,.wp-block-image.alignwide>a{width:100%}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image.is-style-circle-mask img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;backdrop-filter:blur(16px) saturate(180%);background-color:rgba(90,90,90,.25);border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;width:20px;z-index:100}@media not (prefers-reduced-motion){.wp-lightbox-container button{transition:opacity .2s ease}}.wp-lightbox-container button:focus-visible{outline:3px auto rgba(90,90,90,.25);outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:rgba(90,90,90,.25);border:none}.wp-lightbox-overlay{box-sizing:border-box;
42cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .wp-lightbox-close-button{align-items:center;cursor:pointer;display:flex;font-family:inherit;gap:8px;justify-content:center;line-height:1;min-height:40px;min-width:40px;padding:0 4px;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .wp-lightbox-close-button:focus,.wp-lightbox-overlay .wp-lightbox-close-button:hover,.wp-lightbox-overlay .wp-lightbox-close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .wp-lightbox-close-button:has(.wp-lightbox-close-text:not([hidden])) .wp-lightbox-close-icon svg{height:1em;width:1em}.wp-lightbox-overlay .wp-lightbox-close-icon svg{display:block}.wp-lightbox-overlay .wp-lightbox-navigation-button-next,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{align-items:center;bottom:16px;cursor:pointer;display:flex;font-family:inherit;gap:4px;justify-content:center;line-height:1;min-height:40px;min-width:40px;padding:0 8px;position:absolute;z-index:2000002}.wp-lightbox-overlay .wp-lightbox-navigation-button-next[hidden],.wp-lightbox-overlay .wp-lightbox-navigation-button-prev[hidden]{display:none}@media (min-width:960px){.wp-lightbox-overlay .wp-lightbox-navigation-button-next,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{bottom:50%;transform:translateY(-50%)}}.wp-lightbox-overlay .wp-lightbox-navigation-button-next:focus,.wp-lightbox-overlay .wp-lightbox-navigation-button-next:hover,.wp-lightbox-overlay .wp-lightbox-navigation-button-next:not(:hover):not(:active):not(.has-background),.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:focus,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:hover,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:not(:hover):not(:active):not(.has-background){background:none;border:none;padding:0 8px}.wp-lightbox-overlay .wp-lightbox-navigation-button-next:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg{display:block;height:1.5em;width:1.5em}.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{left:calc(env(safe-area-inset-left) + 16px)}.wp-lightbox-overlay .wp-lightbox-navigation-button-next{right:calc(env(safe-area-inset-right) + 16px)}.wp-lightbox-overlay .wp-lightbox-navigation-icon svg{vertical-align:middle}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:2000001}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{visibility:visible}@media not (prefers-reduced-motion){.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}
42@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}
43/*# sourceURL=https://www.fumitei.jp/wp-includes/blocks/image/style.min.css */
44</style>
45<style id="wp-block-paragraph-inline-css">
46.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
47/*# sourceURL=https://www.fumitei.jp/wp-includes/blocks/paragraph/style.min.css */
48</style>
49
50<link rel='stylesheet' id='swell-icons-css' href='https://www.fumitei.jp/wp-content/themes/swell/build/css/swell-icons.css?ver=2.7.7.2' media='all' />
51<link rel='stylesheet' id='main_style-css' href='https://www.fumitei.jp/wp-content/themes/swell/build/css/main.css?ver=2.7.7.2' media='all' />
52<link rel='stylesheet' id='swell_blocks-css' href='https://www.fumitei.jp/wp-content/themes/swell/build/css/blocks.css?ver=2.7.7.2' media='all' />
53<style id="swell_custom-inline-css">
54:root{--swl-fz--content:3.8vw;--swl-letter_spacing:.05em;--swl-font_family:"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;--swl-font_weight:400;--color_main:#f1c21b;--color_text:#333;--color_link:#1176d4;--color_htag:#f1c21b;--color_bg:#ffffff;--color_gradient1:#f2df9d;--color_gradient2:#f1c21b;--color_main_thin:rgba(255, 243, 34, 0.05 );--color_main_dark:rgba(181, 146, 20, 1 );--color_list_check:#f1c21b;--color_list_num:#f1c21b;--color_list_good:#86dd7b;--color_list_triangle:#f4e03a;--color_list_bad:#f36060;--color_faq_q:#d55656;--color_faq_a:#6599b7;--color_icon_good:#f1c21b;--color_icon_good_bg:#f9f9f9;--color_icon_bad:#000000;--color_icon_bad_bg:#f9f9f9;--color_icon_info:#f578b4;--color_icon_info_bg:#fff0fa;--color_icon_announce:#ffa537;--color_icon_announce_bg:#fff5f0;--color_icon_pen:#7a7a7a;--color_icon_pen_bg:#f7f7f7;--color_icon_book:#787364;--color_icon_book_bg:#f8f6ef;--color_icon_point:#ffa639;--color_icon_check:#86d67c;--color_icon_batsu:#f36060;--color_icon_hatena:#5295cc;--color_icon_caution:#f7da38;--color_icon_memo:#84878a;--color_deep01:#74583e;--color_deep02:#e5bda7;--color_deep03:#5e6572;--color_deep04:#f09f4d;--color_pale01:#fff2f0;--color_pale02:#f3f8fd;--color_pale03:#f1f9ee;--color_pale04:#fdf9ee;--color_mark_blue:#b7e3ff;--color_mark_green:#bdf9c3;--color_mark_yellow:#fcf69f;--color_mark_orange:#ffddbc;--border01:solid 1px var(--color_main);--border02:double 4px var(--color_main);--border03:dashed 2px var(--color_border);--border04:solid 4px var(--color_gray);--card_posts_thumb_ratio:56.25%;--list_posts_thumb_ratio:61.805%;--big_posts_thumb_ratio:56.25%;--thumb_posts_thumb_ratio:61.805%;--blogcard_thumb_ratio:56.25%;--color_header_bg:#fdfdfd;--color_header_text:#333;--color_footer_bg:#fdfdfd;--color_footer_text:#333;--container_size:1100px;--article_size:800px;--logo_size_sp:64px;--logo_size_pc:80px;--logo_size_pcfix:48px;}.swl-cell-bg[data-icon="doubleCircle"]{--cell-icon-color:#ffc977}.swl-cell-bg[data-icon="circle"]{--cell-icon-color:#94e29c}.swl-cell-bg[data-icon="triangle"]{--cell-icon-color:#eeda2f}.swl-cell-bg[data-icon="close"]{--cell-icon-color:#ec9191}.swl-cell-bg[data-icon="hatena"]{--cell-icon-color:#93c9da}.swl-cell-bg[data-icon="check"]{--cell-icon-color:#94e29c}.swl-cell-bg[data-icon="line"]{--cell-icon-color:#9b9b9b}.cap_box[data-colset="col1"]{--capbox-color:#f59b5f;--capbox-color--bg:#fff8eb}.cap_box[data-colset="col2"]{--capbox-color:#5fb9f5;--capbox-color--bg:#edf5ff}.cap_box[data-colset="col3"]{--capbox-color:#2fcd90;--capbox-color--bg:#eafaf2}.red_{--the-btn-color:#0fa9a6;--the-btn-color2:#11849c;--the-solid-shadow: rgba(11, 127, 125, 1 )}.blue_{--the-btn-color:#ffb200;--the-btn-color2:#f6783c;
54--the-solid-shadow: rgba(191, 134, 0, 1 )}.green_{--the-btn-color:#f2bd00;--the-btn-color2:#ed4b76;--the-solid-shadow: rgba(182, 142, 0, 1 )}.is-style-btn_normal,.is-style-btn_shiny{--the-btn-bg: linear-gradient(100deg,var(--the-btn-color) 0%,var(--the-btn-color2) 100%)}.is-style-btn_normal{--the-btn-radius:80px}.is-style-btn_solid{--the-btn-radius:80px}.is-style-btn_shiny{--the-btn-radius:80px}.is-style-btn_line{--the-btn-radius:80px}.post_content blockquote{padding:1.5em 3em}.post_content blockquote::before,.post_content blockquote::after{content:"\00201c";display:inline-block;position:absolute;font-size:6em;color:rgba(200, 200, 200, .4)}.post_content blockquote::before{font-family:Arial,Helvetica,sans-serif;top:4px;left:8px}.post_content blockquote::after{transform:rotate(180deg);font-family:Arial,Helvetica,sans-serif;bottom:4px;right:8px}.mark_blue{background:-webkit-linear-gradient(transparent 64%,var(--color_mark_blue) 0%);background:linear-gradient(transparent 64%,var(--color_mark_blue) 0%)}.mark_green{background:-webkit-linear-gradient(transparent 64%,var(--color_mark_green) 0%);background:linear-gradient(transparent 64%,var(--color_mark_green) 0%)}.mark_yellow{background:-webkit-linear-gradient(transparent 64%,var(--color_mark_yellow) 0%);background:linear-gradient(transparent 64%,var(--color_mark_yellow) 0%)}.mark_orange{background:-webkit-linear-gradient(transparent 64%,var(--color_mark_orange) 0%);background:linear-gradient(transparent 64%,var(--color_mark_orange) 0%)}[class*="is-style-icon_"]{border-style:solid;border-width:1px;background:none}[class*="is-style-big_icon_"]{border-width:2px;border-style:solid}[data-col="gray"] .c-balloon__text{background:#ffffff;border-color:#000000}[data-col="gray"] .c-balloon__before{border-right-color:#ffffff}[data-col="green"] .c-balloon__text{background:#d1f8c2;border-color:#9ddd93}[data-col="green"] .c-balloon__before{border-right-color:#d1f8c2}[data-col="blue"] .c-balloon__text{background:#e2f6ff;border-color:#93d2f0}[data-col="blue"] .c-balloon__before{border-right-color:#e2f6ff}[data-col="red"] .c-balloon__text{background:#ffebeb;border-color:#f48789}[data-col="red"] .c-balloon__before{border-right-color:#ffebeb}[data-col="yellow"] .c-balloon__text{background:#f9f7d2;border-color:#fbe593}[data-col="yellow"] .c-balloon__before{border-right-color:#f9f7d2}.-type-list2 .p-postList__body::after,.-type-big .p-postList__body::after{content: "READ MORE »";}
54.c-postThumb__cat{background-color:#f1c21b;color:#fff;background-image: repeating-linear-gradient(-45deg,rgba(255,255,255,.1),rgba(255,255,255,.1) 6px,transparent 6px,transparent 12px)}.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before{position:absolute;display:block;pointer-events:none}.post_content h4:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before{content:"\e923";display:inline-block;font-family:"icomoon";margin-right:.5em;color:var(--color_htag)}.c-gnav a::after{background:var(--color_main);width:100%;height:2px;transform:scaleX(0)}.p-spHeadMenu .menu-item.-current{border-bottom-color:var(--color_main)}.c-gnav > li:hover > a::after,.c-gnav > .-current > a::after{transform: scaleX(1)}.c-gnav .sub-menu{color:#333;background:#fff}.l-fixHeader::before{opacity:0.3}.c-widget__title.-spmenu{padding:.5em .75em;border-radius:var(--swl-radius--2, 0px);background:var(--color_main);color:#fff;}.c-widget__title.-footer{padding:.5em}.c-widget__title.-footer::before{content:"";bottom:0;left:0;width:40%;z-index:1;background:var(--color_main)}.c-widget__title.-footer::after{content:"";bottom:0;left:0;width:100%;background:var(--color_border)}.p-spMenu{color:#333}.p-spMenu__inner::before{background:#fdfdfd;opacity:1}.p-spMenu__overlay{background:#000;opacity:0.6}[class*="page-numbers"]{border-radius:50%;margin:4px;color:var(--color_main);border: solid 1px var(--color_main)}.l-topTitleArea.c-filterLayer::before{background-color:#000;opacity:0.2;content:""}@media screen and (min-width: 960px){:root{}}@media screen and (max-width: 959px){:root{}.l-header__logo{margin-right:auto}.l-header__inner{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}}@media screen and (min-width: 600px){:root{--swl-fz--content:17px;}}@media screen and (max-width: 599px){:root{}}@media (min-width: 1008px) {.alignwide{left:-100px;width:calc(100% + 200px);}}@media (max-width: 1008px) {.-sidebar-off .swell-block-fullWide__inner.l-container .alignwide{left:0px;width:100%;}}.l-fixHeader .l-fixHeader__gnav{order:0}[data-scrolled=true] .l-fixHeader[data-ready]{opacity:1;-webkit-transform:translateY(0)!important;transform:translateY(0)!important;visibility:visible}.-body-solid .l-fixHeader{box-shadow:0 2px 4px var(--swl-color_shadow)}.l-fixHeader__inner{align-items:stretch;color:var(--color_header_text);display:flex;padding-bottom:0;padding-top:0;position:relative;z-index:1}.l-fixHeader__logo{align-items:center;display:flex;line-height:1;margin-right:24px;order:0;padding:16px 0}@media (min-width:960px){.-series .l-header__inner{align-items:stretch;display:flex}.-series .l-header__logo{align-items:center;display:flex;flex-wrap:wrap;margin-right:24px;padding:16px 0}.-series .l-header__logo .c-catchphrase{font-size:13px;padding:4px 0}.-series .c-headLogo{margin-right:16px}.-series-right .l-header__inner{justify-content:space-between}.-series-right .c-gnavWrap{margin-left:auto}.-series-right .w-header{margin-left:12px}.-series-left .w-header{margin-left:auto}}@media (min-width:960px) and (min-width:600px){.-series .c-headLogo{max-width:400px}}.c-gnav .sub-menu a:before,.c-listMenu a:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.c-submenuToggleBtn{display:none}.c-listMenu a{padding:.75em 1em .75em 1.5em;transition:padding .25s}.c-listMenu a:hover{padding-left:1.75em;padding-right:.75em}.c-gnav .sub-menu a:before,.c-listMenu a:before{color:inherit;content:"\e921";display:inline-block;left:2px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);vertical-align:middle}.widget_categories>ul>.cat-item>a,.wp-block-categories-list>li>a{padding-left:1.75em}.c-listMenu .children,.c-listMenu .sub-menu{margin:0}.c-listMenu .children a,.c-listMenu .sub-menu a{font-size:.9em;padding-left:2.5em}.c-listMenu .children a:before,.c-listMenu .sub-menu a:before{left:1em}.c-listMenu .children a:hover,.c-listMenu .sub-menu a:hover{padding-left:2.75em}.c-listMenu .children ul a,.c-listMenu .sub-menu ul a{padding-left:3.25em}.c-listMenu .children ul a:before,.c-listMenu .sub-menu ul a:before{left:1.75em}.c-listMenu .children ul a:hover,.c-listMenu .sub-menu ul a:hover{padding-left:3.5em}
54.c-gnav li:hover>.sub-menu{opacity:1;visibility:visible}.c-gnav .sub-menu:before{background:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.c-gnav .sub-menu .sub-menu{left:100%;top:0;z-index:-1}.c-gnav .sub-menu a{padding-left:2em}.c-gnav .sub-menu a:before{left:.5em}.c-gnav .sub-menu a:hover .ttl{left:4px}:root{--color_content_bg:var(--color_bg);}.c-widget__title.-side{padding:.5em}.c-widget__title.-side::before{content:"";bottom:0;left:0;width:40%;z-index:1;background:var(--color_main)}.c-widget__title.-side::after{content:"";bottom:0;left:0;width:100%;background:var(--color_border)}.c-shareBtns__item:not(:last-child){margin-right:8px}.c-shareBtns__btn{padding:6px 8px;border-radius:2px}@media screen and (min-width: 960px){:root{}.single .c-postTitle__date{display:none}}@media screen and (max-width: 959px){:root{}.single .c-postTitle__date{display:none}}@media screen and (min-width: 600px){:root{}}@media screen and (max-width: 599px){:root{}}.swell-block-fullWide__inner.l-container{--swl-fw_inner_pad:var(--swl-pad_container,0px)}@media (min-width:960px){.-sidebar-on .l-content .alignfull,.-sidebar-on .l-content .alignwide{left:-16px;width:calc(100% + 32px)}.swell-block-fullWide__inner.l-article{--swl-fw_inner_pad:var(--swl-pad_post_content,0px)}.-sidebar-on .swell-block-fullWide__inner .alignwide{left:0;width:100%}.-sidebar-on .swell-block-fullWide__inner .alignfull{left:calc(0px - var(--swl-fw_inner_pad, 0))!important;margin-left:0!important;margin-right:0!important;width:calc(100% + var(--swl-fw_inner_pad, 0)*2)!important}}.p-relatedPosts .p-postList__item{margin-bottom:1.5em}.p-relatedPosts .p-postList__times,.p-relatedPosts .p-postList__times>:last-child{margin-right:0}@media (min-width:600px){.p-relatedPosts .p-postList__item{width:33.33333%}}@media screen and (min-width:600px) and (max-width:1239px){.p-relatedPosts .p-postList__item:nth-child(7),.p-relatedPosts .p-postList__item:nth-child(8){display:none}}@media screen and (min-width:1240px){.p-relatedPosts .p-postList__item{width:25%}}.-index-off .p-toc,.swell-toc-placeholder:empty{display:none}.p-toc.-modal{height:100%;margin:0;overflow-y:auto;padding:0}#main_content .p-toc{border-radius:var(--swl-radius--2,0);margin:4em auto;max-width:800px}#sidebar .p-toc{margin-top:-.5em}.p-toc .__pn:before{content:none!important;counter-increment:none}.p-toc .__prev{margin:0 0 1em}.p-toc .__next{margin:1em 0 0}.p-toc.is-omitted:not([data-omit=ct]) [data-level="2"] .p-toc__childList{display:none}.p-toc.is-omitted:not([data-omit=nest]){position:relative}.p-toc.is-omitted:not([data-omit=nest]):before{background:linear-gradient(hsla(0,0%,100%,0),var(--color_bg));bottom:5em;content:"";height:4em;left:0;opacity:.75;pointer-events:none;position:absolute;width:100%;z-index:1}.p-toc.is-omitted:not([data-omit=nest]):after{background:var(--color_bg);bottom:0;content:"";height:5em;left:0;opacity:.75;position:absolute;width:100%;z-index:1}.p-toc.is-omitted:not([data-omit=nest]) .__next,.p-toc.is-omitted:not([data-omit=nest]) [data-omit="1"]{display:none}.p-toc .p-toc__expandBtn{background-color:#f7f7f7;border:rgba(0,0,0,.2);border-radius:5em;box-shadow:0 0 0 1px #bbb;color:#333;display:block;font-size:14px;line-height:1.5;margin:.75em auto 0;min-width:6em;padding:.5em 1em;position:relative;transition:box-shadow .25s;z-index:2}.p-toc[data-omit=nest] .p-toc__expandBtn{display:inline-block;font-size:13px;margin:0 0 0 1.25em;padding:.5em .75em}.p-toc:not([data-omit=nest]) .p-toc__expandBtn:after,.p-toc:not([data-omit=nest]) .p-toc__expandBtn:before{border-top-color:inherit;border-top-style:dotted;border-top-width:3px;content:"";display:block;height:1px;position:absolute;top:calc(50% - 1px);transition:border-color .25s;width:100%;width:22px}.p-toc:not([data-omit=nest]) .p-toc__expandBtn:before{right:calc(100% + 1em)}.p-toc:not([data-omit=nest]) .p-toc__expandBtn:after{left:calc(100% + 1em)}.p-toc.is-expanded .p-toc__expandBtn{border-color:transparent}.p-toc__ttl{display:block;font-size:1.2em;line-height:1;position:relative;text-align:center}.p-toc__ttl:before{content:"\e918";display:inline-block;font-family:icomoon;margin-right:.5em;padding-bottom:2px;vertical-align:middle}#index_modal .p-toc__ttl{margin-bottom:.5em}.p-toc__list li{line-height:1.6}.p-toc__list>li+li{margin-top:.5em}.p-toc__list .p-toc__childList{padding-left:.5em}.p-toc__list [data-level="3"]{font-size:.9em}.p-toc__list .mininote{display:none}.post_content .p-toc__list{padding-left:0}#sidebar .p-toc__list{margin-bottom:0}#sidebar .p-toc__list .p-toc__childList{padding-left:0}.p-toc__link{color:inherit;font-size:inherit;text-decoration:none}.p-toc__link:hover{opacity:.8}.p-toc.-border{border-bottom:2px solid var(--color_main);border-top:2px solid var(--color_main);padding:1.75em .5em 1.5em}.p-toc.-border .p-toc__ttl{margin-bottom:.75em}@media (min-width:960px){#main_content .p-toc{width:92%}}@media (hover:hover){.p-toc .p-toc__expandBtn:hover{border-color:transparent;box-shadow:0 0 0 2px currentcolor}}@media (min-width:600px){.p-toc.-border{padding:1.75em 1em 1.5em}}
55/*# sourceURL=swell_custom-inline-css */
56</style>
57<link rel='stylesheet' id='swell-loaded-animation-css' href='https://www.fumitei.jp/wp-content/themes/swell/build/css/modules/loaded-animation.css?ver=2.7.7.2' media='all' />
58<link rel='stylesheet' id='swell-parts/footer-css' href='https://www.fumitei.jp/wp-content/themes/swell/build/css/modules/parts/footer.css?ver=2.7.7.2' media='all' />
59<link rel='stylesheet' id='swell-page/single-css' href='https://www.fumitei.jp/wp-content/themes/swell/build/css/modules/page/single.css?ver=2.7.7.2' media='all' />
60<style id="classic-theme-styles-inline-css">
61/*! This file is auto-generated */
62.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;
62padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
63/*# sourceURL=/wp-includes/css/classic-themes.min.css */
64</style>
65
66<style id="global-styles-inline-css">
67:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #fff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--swl-main: var(--color_main);--wp--preset--color--swl-main-thin: var(--color_main_thin);--wp--preset--color--swl-gray: var(--color_gray);--wp--preset--color--swl-deep-01: var(--color_deep01);--wp--preset--color--swl-deep-02: var(--color_deep02);--wp--preset--color--swl-deep-03: var(--color_deep03);--wp--preset--color--swl-deep-04: var(--color_deep04);--wp--preset--color--swl-pale-01: var(--color_pale01);--wp--preset--color--swl-pale-02: var(--color_pale02);--wp--preset--color--swl-pale-03: var(--color_pale03);--wp--preset--color--swl-pale-04: var(--color_pale04);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
67--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 0.9em;--wp--preset--font-size--medium: 1.1em;--wp--preset--font-size--large: 1.25em;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--xs: 0.75em;--wp--preset--font-size--huge: 1.6em;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-swl-main-color{color: var(--wp--preset--color--swl-main) !important;}.has-swl-main-thin-color{color: var(--wp--preset--color--swl-main-thin) !important;}.has-swl-gray-color{color: var(--wp--preset--color--swl-gray) !important;}.has-swl-deep-01-color{color: var(--wp--preset--color--swl-deep-01) !important;}.has-swl-deep-02-color{color: var(--wp--preset--color--swl-deep-02) !important;}.has-swl-deep-03-color{color: var(--wp--preset--color--swl-deep-03) !important;}.has-swl-deep-04-color{color: var(--wp--preset--color--swl-deep-04) !important;}.has-swl-pale-01-color{color: var(--wp--preset--color--swl-pale-01) !important;}.has-swl-pale-02-color{color: var(--wp--preset--color--swl-pale-02) !important;}.has-swl-pale-03-color{color: var(--wp--preset--color--swl-pale-03) !important;}.has-swl-pale-04-color{color: var(--wp--preset--color--swl-pale-04) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-swl-main-background-color{background-color: var(--wp--preset--color--swl-main) !important;}.has-swl-main-thin-background-color{background-color: var(--wp--preset--color--swl-main-thin) !important;}.has-swl-gray-background-color{background-color: var(--wp--preset--color--swl-gray) !important;}.has-swl-deep-01-background-color{background-color: var(--wp--preset--color--swl-deep-01) !important;}.has-swl-deep-02-background-color{background-color: var(--wp--preset--color--swl-deep-02) !important;}.has-swl-deep-03-background-color{background-color: var(--wp--preset--color--swl-deep-03) !important;}.has-swl-deep-04-background-color{background-color: var(--wp--preset--color--swl-deep-04) !important;}.has-swl-pale-01-background-color{background-color: var(--wp--preset--color--swl-pale-01) !important;}.has-swl-pale-02-background-color{background-color: var(--wp--preset--color--swl-pale-02) !important;}.has-swl-pale-03-background-color{background-color: var(--wp--preset--color--swl-pale-03) !important;}.has-swl-pale-04-background-color{background-color: var(--wp--preset--color--swl-pale-04) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-swl-main-border-color{border-color: var(--wp--preset--color--swl-main) !important;}.has-swl-main-thin-border-color{border-color: var(--wp--preset--color--swl-main-thin) !important;}.has-swl-gray-border-color{border-color: var(--wp--preset--color--swl-gray) !important;}.has-swl-deep-01-border-color{border-color: var(--wp--preset--color--swl-deep-01) !important;}.has-swl-deep-02-border-color{border-color: var(--wp--preset--color--swl-deep-02) !important;}.has-swl-deep-03-border-color{border-color: var(--wp--preset--color--swl-deep-03) !important;}.has-swl-deep-04-border-color{border-color: var(--wp--preset--color--swl-deep-04) !important;}.has-swl-pale-01-border-color{border-color: var(--wp--preset--color--swl-pale-01) !important;}.has-swl-pale-02-border-color{border-color: var(--wp--preset--color--swl-pale-02) !important;}.has-swl-pale-03-border-color{border-color: var(--wp--preset--color--swl-pale-03) !important;}.has-swl-pale-04-border-color{border-color: var(--wp--preset--color--swl-pale-04) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
67.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xs-font-size{font-size: var(--wp--preset--font-size--xs) !important;}.has-huge-font-size{font-size: var(--wp--preset--font-size--huge) !important;}
68/*# sourceURL=global-styles-inline-css */
69</style>
70
71<link rel='stylesheet' id='contact-form-7-css' href='https://www.fumitei.jp/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.9.8' media='all' />
72<link rel='stylesheet' id='child_style-css' href='https://www.fumitei.jp/wp-content/themes/swell_child/style.css?ver=2026100264121' media='all' />
73<link rel='stylesheet' id='pochipp-front-css' href='https://www.fumitei.jp/wp-content/plugins/pochipp/dist/css/style.css?ver=1.9.11' media='all' />
74<link rel='stylesheet' id='hcb-style-css' href='https://www.fumitei.jp/wp-content/plugins/highlighting-code-block/build/css/hcb--light.css?ver=2.0.1' media='all' />
75<style id="hcb-style-inline-css">
76:root{--hcb--fz--base: 14px}:root{--hcb--fz--mobile: 13px}:root{--hcb--ff:Menlo, Consolas, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}
77/*# sourceURL=hcb-style-inline-css */
78</style>
79<script id="codoc-injector-js-js"  src="https://codoc.jp/js/cms.js?ver=7.1.2"  data-css="blue"  data-usercode="vzN4cxy74w" defer></script>
79
80
81<noscript><link href="https://www.fumitei.jp/wp-content/themes/swell/build/css/noscript.css" rel="stylesheet"></noscript>
82<link rel="https://api.w.org/" href="https://www.fumitei.jp/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.fumitei.jp/wp-json/wp/v2/posts/20409" /><link rel='shortlink' href='https://www.fumitei.jp/?p=20409' />
83<!-- Pochipp -->
84<style id="pchpp_custom_style">:root{--pchpp-color-inline: #069A8E;--pchpp-color-custom: #5ca250;--pchpp-color-custom-2: #8e59e4;--pchpp-color-amazon: #f99a0c;--pchpp-color-rakuten: #e0423c;--pchpp-color-yahoo: #438ee8;--pchpp-inline-bg-color: var(--pchpp-color-inline);--pchpp-inline-txt-color: #fff;--pchpp-inline-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2);--pchpp-inline-radius: 0px;--pchpp-inline-width: auto;}</style>
85<script id="pchpp_vars">window.pchppVars = {};window.pchppVars.ajaxUrl = "https://www.fumitei.jp/wp-admin/admin-ajax.php";window.pchppVars.ajaxNonce = "406944a76d";</script>
85
86
87<!-- / Pochipp -->
88<link rel="icon" href="https://www.fumitei.jp/wp-content/uploads/2022/06/cropped-fumitei-fav-32x32.png" sizes="32x32" />
89<link rel="icon" href="https://www.fumitei.jp/wp-content/uploads/2022/06/cropped-fumitei-fav-192x192.png" sizes="192x192" />
90<link rel="apple-touch-icon" href="https://www.fumitei.jp/wp-content/uploads/2022/06/cropped-fumitei-fav-180x180.png" />
91<meta name="msapplication-TileImage" content="https://www.fumitei.jp/wp-content/uploads/2022/06/cropped-fumitei-fav-270x270.png" />
92
93<link rel="stylesheet" href="https://www.fumitei.jp/wp-content/themes/swell/build/css/print.css" media="print" >
94<!-- Google Tag Manager -->
95<script>
vendor: 327 bytes, lines 95-99
95(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
96new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
97j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
98'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
99})(window,document,'script','dataLayer','
99GTM-MK24ZX6
vendor: 3 bytes, line 99
99');
99</script>
99
100<!-- End Google Tag Manager -->
101
102<script type="text/javascript" language="javascript">
103    var vc_pid = "888236522";
104</script>
104<script type="text/javascript" src="//aml.valuecommerce.com/vcdal.js" async></script>
104
105
106<script src="https://codoc.jp/js/paywall.js" defer></script>
106
107</head>
108<body>
109<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 109-110
109
110<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
110GTM-MK24ZX6
vendor: 83 bytes, lines 110-111
110"
111height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
112<!-- End Google Tag Manager (noscript) -->
113<div id="body_wrap" class="wp-singular post-template-default single single-post postid-20409 single-format-standard wp-theme-swell wp-child-theme-swell_child codoc-theme-blue -sidebar-off -frame-off id_20409" >
114<div id="sp_menu" class="p-spMenu -right">
115	<div class="p-spMenu__inner">
116		<div class="p-spMenu__closeBtn">
117			<button class="c-iconBtn -menuBtn c-plainBtn" data-onclick="toggleMenu" aria-label="メニューを閉じる">
118				<i class="c-iconBtn__icon icon-close-thin"></i>
119			</button>
120		</div>
121		<div class="p-spMenu__body">
122			<div class="c-widget__title -spmenu">
123				MENU			</div>
124			<div class="p-spMenu__nav">
125				<ul class="c-spnav c-listMenu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-477"><a href="https://www.fumitei.jp/aboutus/">文亭 &#8211; fumitei &#8211; とは</a>
126<ul class="sub-menu">
127	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2414"><a href="https://www.fumitei.jp/books/">出版書籍</a></li>
128	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30756"><a href="https://www.fumitei.jp/app/">開発アプリ</a></li>
129	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27106"><a href="https://www.fumitei.jp/tools/">文章ツール</a></li>
130	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4502"><a href="https://www.fumitei.jp/classroom/">文章教室</a></li>
131</ul>
132</li>
133<li class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-has-children menu-item-2419"><a href="https://www.fumitei.jp/column/">読みもの一覧</a>
134<ul class="sub-menu">
135	<li class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-29208"><a href="https://www.fumitei.jp/tag/member-only/">文亭の会報</a></li>
136	<li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor menu-item-1771"><a href="https://www.fumitei.jp/category/writing/">文章の書き方</a></li>
137	<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1772"><a href="https://www.fumitei.jp/category/grammar/">日本語の文法</a></li>
138	<li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-2960"><a href="https://www.fumitei.jp/category/writing/webwriting/">Webライティング</a></li>
139	<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27582"><a href="https://www.fumitei.jp/category/wordpress/">WordPress</a></li>
140	<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2420"><a href="https://www.fumitei.jp/category/webwriter/">webライター</a></li>
141	<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2421"><a href="https://www.fumitei.jp/category/tie-up/">企画・タイアップ</a></li>
142	<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27108"><a href="https://www.fumitei.jp/writing-agency/category/order/">記事発注</a></li>
143	<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27159"><a href="https://www.fumitei.jp/analysis/category/measure/">アクセス解析</a></li>
144</ul>
145</li>
146</ul>			</div>
147					</div>
148	</div>
149	<div class="p-spMenu__overlay c-overlay" data-onclick="toggleMenu"></div>
150</div>
151<header id="header" class="l-header -series -series-right" data-spfix="1"><div class="l-header__inner l-container"><div class="l-header__logo"><div class="c-headLogo -img"><a href="https://www.fumitei.jp/" title="文章教室「文亭(ふみてい)」" class="c-headLogo__link" rel="home"><img src="https://www.fumitei.jp/wp-content/themes/swell_child/img/fumitei-logo.svg" alt="文章教室「文亭(ふみてい)」" class="c-headLogo__img" decoding="async"></a></div><div class="c-catchphrase u-thin">札幌発、オンライン文章講座</div></div><nav id="gnav" class="l-header__gnav c-gnavWrap"><ul class="c-gnav"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-477"><a href="https://www.fumitei.jp/aboutus/"><span class="ttl">文亭 &#8211; fumitei &#8211; とは</span></a><ul class="sub-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2414"><a href="https://www.fumitei.jp/books/"><span class="ttl">出版書籍</span></a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30756"><a href="https://www.fumitei.jp/app/"><span class="ttl">開発アプリ</span></a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27106"><a href="https://www.fumitei.jp/tools/"><span class="ttl">文章ツール</span></a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4502"><a href="https://www.fumitei.jp/classroom/"><span class="ttl">文章教室</span></a></li></ul></li><li class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-has-children menu-item-2419"><a href="https://www.fumitei.jp/column/"><span class="ttl">読みもの一覧</span></a><ul class="sub-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-29208"><a href="https://www.fumitei.jp/tag/member-only/"><span class="ttl">文亭の会報</span></a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor menu-item-1771"><a href="https://www.fumitei.jp/category/writing/"><span class="ttl">文章の書き方</span></a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1772"><a href="https://www.fumitei.jp/category/grammar/"><span class="ttl">日本語の文法</span></a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2960"><a href="https://www.fumitei.jp/category/writing/webwriting/"><span class="ttl">Webライティング</span></a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27582"><a href="https://www.fumitei.jp/category/wordpress/"><span class="ttl">WordPress</span></a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2420"><a href="https://www.fumitei.jp/category/webwriter/"><span class="ttl">webライター</span></a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2421"><a href="https://www.fumitei.jp/category/tie-up/"><span class="ttl">企画・タイアップ</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27108"><a href="https://www.fumitei.jp/writing-agency/category/order/"><span class="ttl">記事発注</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27159"><a href="https://www.fumitei.jp/analysis/category/measure/"><span class="ttl">アクセス解析</span></a></li></ul></li><li class="menu-item c-gnav__s"><button class="c-gnav__sBtn c-plainBtn" data-onclick="toggleSearch" aria-label="検索ボタン"><i class="icon-search"></i></button></li></ul></nav><div class="l-header__customBtn sp_"><button class="c-iconBtn c-plainBtn" data-onclick="toggleSearch" aria-label="検索ボタン"><i class="c-iconBtn__icon icon-search"></i></button></div><div class="l-header__menuBtn sp_"><button class="c-iconBtn -menuBtn c-plainBtn" data-onclick="toggleMenu" aria-label="メニューボタン"><i class="c-iconBtn__icon icon-menu-thin"></i><span class="c-iconBtn__label">お品書き</span></button></div></div></header><div id="fix_header" class="l-fixHeader -series -series-right"><div class="l-fixHeader__inner l-container"><div class="l-fixHeader__logo"><div class="c-headLogo -img"><a href="https://www.fumitei.jp/" title="文章教室「文亭(ふみてい)」" class="c-headLogo__link" rel="home"><img src="https://www.fumitei.jp/wp-content/themes/swell_child/img/fumitei-logo.svg" alt="文章教室「文亭(ふみてい)」" class="c-headLogo__img" decoding="async"></a></div></div><div class="l-fixHeader__gnav c-gnavWrap"><ul class="c-gnav"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-477"><a href="https://www.fumitei.jp/aboutus/"><span class="ttl">文亭 &#8211; fumitei &#8211; とは</span></a><ul class="sub-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2414"><a href="https://www.fumitei.jp/books/"><span class="ttl">出版書籍</span></a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30756"><a href="https://www.fumitei.jp/app/"><span class="ttl">開発アプリ</span></a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27106"><a href="https://www.fumitei.jp/tools/"><span class="ttl">文章ツール</span></a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4502"><a href="https://www.fumitei.jp/classroom/"><span class="ttl">文章教室</span></a></li></ul></li><li class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-has-children menu-item-2419"><a href="https://www.fumitei.jp/column/"><span class="ttl">読みもの一覧</span></a><ul class="sub-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-29208"><a href="https://www.fumitei.jp/tag/member-only/"><span class="ttl">文亭の会報</span></a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor menu-item-1771"><a href="https://www.fumitei.jp/category/writing/"><span class="ttl">文章の書き方</span></a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1772"><a href="https://www.fumitei.jp/category/grammar/"><span class="ttl">日本語の文法</span></a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2960"><a href="https://www.fumitei.jp/category/writing/webwriting/"><span class="ttl">Webライティング</span></a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27582"><a href="https://www.fumitei.jp/category/wordpress/"><span class="ttl">WordPress</span></a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2420"><a href="https://www.fumitei.jp/category/webwriter/"><span class="ttl">webライター</span></a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2421"><a href="https://www.fumitei.jp/category/tie-up/"><span class="ttl">企画・タイアップ</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27108"><a href="https://www.fumitei.jp/writing-agency/category/order/"><span class="ttl">記事発注</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27159"><a href="https://www.fumitei.jp/analysis/category/measure/"><span class="ttl">アクセス解析</span></a></li></ul></li><li class="menu-item c-gnav__s"><button class="c-gnav__sBtn c-plainBtn" data-onclick="toggleSearch" aria-label="検索ボタン"><i class="icon-search"></i></button></li></ul></div></div></div><div id="breadcrumb" class="p-breadcrumb"><ol class="p-breadcrumb__list l-container"><li class="p-breadcrumb__item"><a href="https://www.fumitei.jp/" class="p-breadcrumb__text"><span class="__home icon-home"> ホーム</span></a></li><li class="p-breadcrumb__item"><a href="https://www.fumitei.jp/category/writing/" class="p-breadcrumb__text"><span>文章の書き方</span></a></li><li class="p-breadcrumb__item"><a href="https://www.fumitei.jp/category/writing/webwriting/" class="p-breadcrumb__text"><span>Webライティング</span></a></li><li class="p-breadcrumb__item"><span class="p-breadcrumb__text">ブログのロゴ画像の作り方。設定方法やサイズ、デザインのコツまで解説
151</span></li></ol></div><div id="content" class="l-content l-container" data-postid="20409" data-pvct="true">
152<main id="main_content" class="l-mainContent l-article">
153	<article class="l-mainContent__inner" data-clarity-region="article">
154		<div class="p-articleHead c-postTitle">
155	<h1 class="c-postTitle__ttl">ブログのロゴ画像の作り方。設定方法やサイズ、デザインのコツまで解説</h1>
156			<time class="c-postTitle__date u-thin" datetime="2023-01-25" aria-hidden="true">
157			<span class="__y">2023</span>
158			<span class="__md">1/25</span>
159		</time>
160	</div>
161<div class="p-articleMetas -top">
162		<div class="p-articleMetas__termList c-categoryList">
163					<a class="c-categoryList__link hov-flash-up" href="https://www.fumitei.jp/category/writing/webwriting/" data-cat-id="22">
164				Webライティング			</a>
165			</div>
166<div class="p-articleMetas__times c-postTimes u-thin">
167	<time class="c-postTimes__posted icon-posted" datetime="2021-06-23" aria-label="公開日">2021年6月23日</time><time class="c-postTimes__modified icon-modified" datetime="2023-01-25" aria-label="更新日">2023年1月25日</time></div>
168			<a href="https://www.fumitei.jp/author/colorcrispy/" class="c-postAuthor is-link p-articleMetas__author">
169				<figure class="c-postAuthor__figure"><img width="100" height="100"  src="https://www.fumitei.jp/wp-content/uploads/2021/10/me.jpeg" alt="" class="avatar" srcset="https://www.fumitei.jp/wp-content/uploads/2021/10/me.jpeg 500w, https://www.fumitei.jp/wp-content/uploads/2021/10/me-300x300.jpeg 300w, https://www.fumitei.jp/wp-content/uploads/2021/10/me-150x150.jpeg 150w" sizes="(max-width: 500px) 100v
169w, 500px" loading="lazy" ></figure>
170				<span class="c-postAuthor__name u-thin">たくろー</span>
171			</a>
172		</div>
173<figure class="p-articleThumb"><img width="1280" height="720"  src="https://www.fumitei.jp/wp-content/uploads/2021/06/blog-logo.jpg" alt="" class="p-articleThumb__img" srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/blog-logo.jpg 1280w, https://www.fumitei.jp/wp-content/uploads/2021/06/blog-logo-300x169.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/blog-logo-1024x576.jpg 1024w, https://www.fumitei.jp/wp-content/uploads/2021/06/blog-logo-768x432.jpg 768w" sizes="(min-width: 960px) 960px, 100vw" ></figure>		<div class="post_content">
174			
175<p class="wp-block-paragraph">今回は「ブログのロゴ画像の作り方」を解説していきます。</p>
176
177
178
179<p class="wp-block-paragraph">テキストロゴのままでも悪いわけではないのですが、オリジナルのロゴ画像を用意しておいた方が<strong>「おっ、ちゃんとしたブログだ」</strong>と思ってもらえて信頼性が上がるように思います。</p>
180
181
182
183<p class="wp-block-paragraph">ロゴ画像の作り方やデザインのコツまでまとめましたので、ぜひご参考ください。</p>
184
185
186
187<div class="w-beforeToc"><div class="widget_swell_ad_widget"><div class="p-blogParts post_content" data-partsID="30846">
188<div class="swell-block-capbox cap_box is-style-inner"><div class="cap_box_ttl"><span>【PR】強制労働みたいなポチゲー</span></div><div class="cap_box_content">
189<figure class="wp-block-image size-large"><a href="https://black-company.life/?utm_source=media&amp;utm_medium=article&amp;utm_id=fumitei"><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://thanksgivingdayclipart.com/wp-content/uploads/2025/09/banner-1024x576.webp" alt="" class="wp-image-2233 lazyload" width="1024" data-aspectratio="1024/576"><noscript><img src="https://thanksgivingdayclipart.com/wp-content/uploads/2025/09/banner-1024x576.webp" alt="" class="wp-image-2233"></noscript></a></figure>
190
191
192
193<p class="wp-block-paragraph">20秒に1回のペースで仕事をしないといけない、強制労働みたいな超やり込み型ブラウザゲーム。</p>
194
195
196
197<p class="wp-block-paragraph">「ブラック企業ライフ」好評配信中です。</p>
198
199
200
201<div class="swell-block-button blue_ is-style-btn_normal"><a href="https://black-company.life/?utm_source=media&amp;utm_medium=article&amp;utm_id=fumitei" class="swell-block-button__link"><span>無料で遊ぶ</span></a></div>
202</div></div>
203</div>
204<div class="p-blogParts post_content" data-partsID="4132">
205<div class="swell-block-capbox cap_box is-style-inner"><div class="cap_box_ttl"><span>PR</span></div><div class="cap_box_content">
206<div class="swell-block-columns"><div class="swell-block-columns__inner">
207<div class="swell-block-column swl-has-mb--s">
208<figure class="wp-block-image size-full is-resized is-style-shadow"><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="http://www.fumitei.jp/wp-content/uploads/2022/06/writer28.jpg" alt="" class="wp-image-4121 lazyload" width="125" height="200" data-aspectratio="125/200"><noscript><img src="http://www.fumitei.jp/wp-content/uploads/2022/06/writer28.jpg" alt="" class="wp-image-4121" width="125" height="200"></noscript></figure>
209</div>
210
211
212
213<div class="swell-block-column swl-has-mb--s">
214<p class="has-text-align-left has-xs-font-size wp-block-paragraph"><p class="ad-text1 has-text-align-left has-xs-font-size"></p>
215<p class="ad-text2 has-text-align-left has-xs-font-size"></p>
216<p class="ad-text3 has-text-align-left has-xs-font-size"></p>
217<p class="ad-text4 has-text-align-left has-xs-font-size"></p></p>
218
219
220
221<div class="swell-block-button blue_ -size-s u-mb-ctrl u-mb-0 is-style-btn_normal"><a href="https://amzn.to/3y9SXMB" target="_blank" rel="noopener noreferrer nofollow" class="swell-block-button__link"><span><strong>Amazonで詳細を見る</strong></span></a></div>
222
223
224
225<p class="ad-text5 has-text-align-center has-xs-font-size"></p>
226</div>
227</div></div>
228</div></div>
229
230
231
232<style type="text/css" id="wp-custom-css">
233.ad-text1::before{
234content:"駆け出しWebライター向けの書籍を出版しました。";
235}
236.ad-text2::before{
237content:"『Webライターが書いてはいけない文章28選』";
238}
239.ad-text3::before{
240content:"編集コストの低い(=担当編集から好かれる)文章の書き方を、パラパラっと読んでいただけるようわかりやすくまとめています。";
241}
242.ad-text4::before{
243content:"気軽にお読みいただき、レビューや評価をいただけると嬉しいです。";
244}
245.ad-text5::before{
246content:"※Kindle Unlimited読み放題対象";
247}
248</style>
249</div></div></div><div class="p-toc -border"><span class="p-toc__ttl">時間割</span></div><div id="custom_html-5" class="widget_text widget-below-toc widget_custom_html"><div class="textwidget custom-html-widget"><p class="has-text-align-center u-mb-ctrl u-mb-0"><strong>\ この記事を書いた人 /</strong></p></div></div><div id="custom_html-14" class="widget_text widget-below-toc widget_custom_html"><div class="textwidget custom-html-widget"><div class="p-profileBox">
250				<figure class="p-profileBox__icon">
251			<img width="120" height="120" src="https://www.fumitei.jp/wp-content/uploads/2021/10/me-300x300.jpeg" alt="" class="p-profileBox__iconImg ls-is-cached lazyloaded" sizes="(max-width: 120px) 100v
251w, 120px" data-src="https://www.fumitei.jp/wp-content/uploads/2021/10/me-300x300.jpeg" data-srcset="https://www.fumitei.jp/wp-content/uploads/2021/10/me-300x300.jpeg 300w, https://www.fumitei.jp/wp-content/uploads/2021/10/me-150x150.jpeg 150w, https://www.fumitei.jp/wp-content/uploads/2021/10/me.jpeg 500w" style="" srcset="https://www.fumitei.jp/wp-content/uploads/2021/10/me-300x300.jpeg 300w, https://www.fumitei.jp/wp-content/uploads/2021/10/me-150x150.jpeg 150w, https://www.fumitei.jp/wp-content/uploads/2021/10/me.jpeg 500w"><noscript><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.fumitei.jp/wp-content/uploads/2021/10/me-300x300.jpeg" class="p-profileBox__iconImg lazyload" alt="" width="300" data-aspectratio="300/300"><noscript><img src="https://www.fumitei.jp/wp-content/uploads/2021/10/me-300x300.jpeg" class="p-profileBox__iconImg" alt=""></noscript></noscript>		</figure>
252		<div class="p-profileBox__name u-fz-m">
253		たくろー	</div>
254			<div class="p-profileBox__job u-thin">
255			Webディレクター		</div>
256				<div class="p-profileBox__text">
257			ライティングから編集、校正、ディレクション、SEO対策、アクセス解析、撮影、画像編集、Web制作と、なんでもやってるwebディレクターです。<br>
258現在はIT企業でインハウスSEO担当兼、メディア運営責任者・編集者として働きながら、札幌でWebライティングの講師として活動。「良いWebライターが増えれば仕事が楽になるなぁ」と思いながら、一人でひっそりと文亭を運営中。著書『Webライターが書いてはいけない文章28選』
259					</div>
260<div class="swell-block-button green_ is-style-btn_normal"><a href="https://www.fumitei.jp/aboutus/" class="swell-block-button__link" data-has-icon="1" data-nodal=""><span>文亭とは</span><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewbox="0 0 512 512" class="__icon -right" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M202.24 74C166.11 56.75 115.61 48.3 48 48a31.36 31.36 0 00-17.92 5.33A32 32 0 0016 79.9V366c0 19.34 13.76 33.93 32 33.93 71.07 0 142.36 6.64 185.06 47a4.11 4.11 0 006.94-3V106.82a15.89 15.89 0 00-5.46-12A143 143 0 00202.24 74zm279.68-20.7A31.33 31.33 0 00464 48c-67.61.3-118.11 8.71-154.24 26a143.31 143.31 0 00-32.31 20.78 15.93 15.93 0 00-5.45 12v337.13a3.93 3.93 0 006.68 2.81c25.67-25.5 70.72-46.82 185.36-46.81a32 32 0 0032-32v-288a32 32 0 00-14.12-26.61z"></path></svg></a></div>
261		</div></div></div><h2 class="wp-block-heading">ブログのロゴ画像とは?</h2>
262
263
264
265<figure class="wp-block-image"><img decoding="async" width="800" height="377" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo1.jpg" alt="" class="wp-image-20410 lazyload" data-srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo1.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo1-300x141.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo1-768x362.jpg 768w" sizes="(max-width: 800px) 100vw, 800px"  data-aspectratio="800/377"><noscript><img decoding="async" width="800" height="377" src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo1.jpg" alt="" class="wp-image-20410" srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo1.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo1-300x141.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo1-768x362.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" ></noscript><figcaption class="wp-element-caption">僕が運営している個人ブログの以前の姿です</figcaption></figure>
266
267
268
269<p class="wp-block-paragraph">ブログのロゴ画像とは、ヘッダーに表示される「ブログ名」のテキスト代わりに表示する画像です。ヘッダーは基本的にずっと表示されていますので、まさに「そのブログの顔」とも言える画像と言えます。</p>
270
271
272
273<p class="wp-block-paragraph">一般的に「png」形式の背景透過ファイル、あるいはSVG形式のファイルで用意することが多いのが特徴です。</p>
274
275
276
277<h3 class="wp-block-heading">ブログのロゴ画像を用意するメリットとは</h3>
278
279
280
281<p class="wp-block-paragraph">ロゴ画像があるのとないのとでは、ブログの見た目が大きく変わります。</p>
282
283
284
285<p class="wp-block-paragraph">比較画像を用意しました。</p>
286
287
288
289<figure class="wp-block-image"><img decoding="async" width="800" height="365" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo2.jpg" alt="" class="wp-image-20412 lazyload" data-srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo2.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo2-300x137.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo2-768x350.jpg 768w" sizes="(max-width: 800px) 100v
289w, 800px"  data-aspectratio="800/365"><noscript><img decoding="async" width="800" height="365" src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo2.jpg" alt="" class="wp-image-20412" srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo2.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo2-300x137.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo2-768x350.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" ></noscript><figcaption class="wp-element-caption">ロゴ画像の有無を比較</figcaption></figure>
290
291
292
293<p class="wp-block-paragraph">ロゴなしデザインでは、フォントサイズが小さくなって極端になってしまいましたが、どちらにせよ印象は大きく変わります。</p>
294
295
296
297<p class="wp-block-paragraph">ロゴ画像があるだけで、しっかり手を入れて作っているブログっぽくなりますので、そういう意味では<strong>「読者からの信頼感」</strong>をアップさせる一つの手段とも言えます。</p>
298
299
300
301<p class="wp-block-paragraph">一方でオリジナルロゴを用意するデメリットは一切ありませんから、こだわりがなければ用意しておいて下さい。</p>
302
303
304
305<h2 class="wp-block-heading">ブログのロゴ画像向けの画像形式</h2>
306
307
308
309<figure class="wp-block-image size-full is-resized"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.fumitei.jp/wp-content/uploads/2022/09/y1000.png" alt="" class="wp-image-26569 lazyload" width="200" height="200" data-srcset="https://www.fumitei.jp/wp-content/uploads/2022/09/y1000.png 800w, https://www.fumitei.jp/wp-content/uploads/2022/09/y1000-300x300.png 300w, https://www.fumitei.jp/wp-content/uploads/2022/09/y1000-150x150.png 150w, https://www.fumitei.jp/wp-content/uploads/2022/09/y1000-768x768.png 768w" sizes="(max-width: 200px) 100vw, 200px"  data-aspectratio="200/200"><noscript><img decoding="async" src="https://www.fumitei.jp/wp-content/uploads/2022/09/y1000.png" alt="" class="wp-image-26569" width="200" height="200" srcset="https://www.fumitei.jp/wp-content/uploads/2022/09/y1000.png 800w, https://www.fumitei.jp/wp-content/uploads/2022/09/y1000-300x300.png 300w, https://www.fumitei.jp/wp-content/uploads/2022/09/y1000-150x150.png 150w, https://www.fumitei.jp/wp-content/uploads/2022/09/y1000-768x768.png 768w" sizes="(max-width: 200px) 100vw, 200px" ></noscript></figure>
310
311
312
313<p class="wp-block-paragraph">ブログのロゴ画像に向いている画像形式は、PNGとSVGです。</p>
314
315
316
317<p class="wp-block-paragraph">繊細なデザインや画像・イラストを使用したロゴ画像にはPNGが。文字や線だけのシンプルなデザインのロゴ画像にはSVG画像が向いています。</p>
318
319
320
321<p class="wp-block-paragraph">それぞれの特徴についても知っておいてください。</p>
322
323
324
325<h3 class="wp-block-heading">PNG形式</h3>
326
327
328
329<p class="wp-block-paragraph">PNG形式は「非圧縮」の画像形式です。圧縮されていない分、線が滲みにくく綺麗に表示されるのが特徴です。</p>
330
331
332
333<p class="wp-block-paragraph">
333(jpegやwebpなどの画像形式は圧縮されたものですので、ロゴなどの繊細なデザインではどうしても滲みが出ます)</p>
334
335
336
337<p class="wp-block-paragraph">背景も透過できますし、ほぼすべての画像編集ソフトで作成できる形式です。WordPressやその他ブログサービスでも標準対応していますので、多くのシーンでロゴ画像として使える画像形式です。</p>
338
339
340
341<h3 class="wp-block-heading">SVG形式</h3>
342
343
344
345<p class="wp-block-paragraph">SVG形式の画像は、大きさを変化させても画質が劣化しないのが特徴です。レスポンシブにロゴの大きさを変化させても、くっきりきれいに表示できるのがメリット。</p>
346
347
348
349<p class="wp-block-paragraph">しかし複雑なデザインは表現できない(表示されない部分が出てくる)のがデメリットですから、たとえば文字だけのシンプルなロゴ画像、簡単なアイコンをあしらったロゴ画像などにおすすめです。</p>
350
351
352
353<p class="wp-block-paragraph">またWordPressには標準対応していないため、アップロードするにはプラグインを導入するか、function.phhpを編集する必要があります。</p>
354
355
356
357<h2 class="wp-block-heading">ブログのロゴ画像の作り方。適正サイズは?</h2>
358
359
360
361<figure class="wp-block-image size-full is-resized"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.fumitei.jp/wp-content/uploads/2022/12/y0737.png" alt="" class="wp-image-26629 lazyload" width="200" height="200" data-srcset="https://www.fumitei.jp/wp-content/uploads/2022/12/y0737.png 800w, https://www.fumitei.jp/wp-content/uploads/2022/12/y0737-300x300.png 300w, https://www.fumitei.jp/wp-content/uploads/2022/12/y0737-150x150.png 150w, https://www.fumitei.jp/wp-content/uploads/2022/12/y0737-768x768.png 768w" sizes="(max-width: 200px) 100vw, 200px"  data-aspectratio="200/200"><noscript><img decoding="async" src="https://www.fumitei.jp/wp-content/uploads/2022/12/y0737.png" alt="" class="wp-image-26629" width="200" height="200" srcset="https://www.fumitei.jp/wp-content/uploads/2022/12/y0737.png 800w, https://www.fumitei.jp/wp-content/uploads/2022/12/y0737-300x300.png 300w, https://www.fumitei.jp/wp-content/uploads/2022/12/y0737-150x150.png 150w, https://www.fumitei.jp/wp-content/uploads/2022/12/y0737-768x768.png 768w" sizes="(max-width: 200px) 100vw, 200px" ></noscript></figure>
362
363
364
365<p class="wp-block-paragraph">では、ロゴ画像の作り方をお伝えしていきます。</p>
366
367
368
369<p class="wp-block-paragraph">今回はPNG形式で作成する例をお伝えしますが、前提知識として<strong>「ジャストサイズで作ると、Retina(高解像度)ディスプレイだと滲んで見える」</strong>という注意点があります。今どきのスマホとかPCモニターは大体Retinaディスプレイですから、対応させておきましょう。</p>
370
371
372
373<p class="wp-block-paragraph">Retina対応させるには<strong>「実際に表示させるサイズより大きく作り、縮小表示する」</strong>という運用が基本です。そうすると線が荒くなりにくく、綺麗に表示されます。</p>
374
375
376
377<p class="wp-block-paragraph">その注意点も含めつつ、ここではロゴ画像の作り方を<strong>「Photoshop」</strong>を例に挙げて解説していきます。</p>
378
379
380
381<p class="wp-block-paragraph">(他の画像編集ソフトでも、流れやポイントはだいたい一緒です)</p>
382
383
384
385<h3 class="wp-block-heading">1. ロゴのサイズを「横1300px:縦360px」に設定</h3>
386
387
388<div class="wp-block-image">
389<figure class="aligncenter"><img decoding="async" width="800" height="464" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo6.jpg" alt="1. ロゴのサイズは「横600px:縦180px」に設定" class="wp-image-20424 lazyload" data-srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo6.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo6-300x174.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo6-768x445.jpg 768w" sizes="(max-width: 800px) 100v
389w, 800px"  data-aspectratio="800/464"><noscript><img decoding="async" width="800" height="464" src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo6.jpg" alt="1. ロゴのサイズは「横600px:縦180px」に設定" class="wp-image-20424" srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo6.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo6-300x174.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo6-768x445.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" ></noscript></figure>
390</div>
391
392
393<p class="wp-block-paragraph">まずはカンパスサイズを設定します。今回は例として<strong>「横1300px:縦360px」</strong>で作ります。特に決まりがあるわけでもないのですが、大体このくらいの大きめサイズで作っておけば問題ありません。(大きく作っておけば、小さく書き出すのも容易です)</p>
394
395
396
397<p class="wp-block-paragraph">なお一部のWordPressテーマでは、ロゴ画像を設定する項目に<strong>「推奨サイズ」</strong>が書かれていることがありますので、その数値の2倍〜3倍以上のサイズで作っておけば良いかと思います。</p>
398
399
400
401<h3 class="wp-block-heading">2. 背景は透過させつつ、好きなデザインで作る</h3>
402
403
404
405<figure class="wp-block-image"><img decoding="async" width="800" height="437" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo9.jpg" alt="" class="wp-image-20427 lazyload" data-srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo9.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo9-300x164.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo9-768x420.jpg 768w" sizes="(max-width: 800px) 100vw, 800px"  data-aspectratio="800/437"><noscript><img decoding="async" width="800" height="437" src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo9.jpg" alt="" class="wp-image-20427" srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo9.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo9-300x164.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo9-768x420.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" ></noscript></figure>
406
407
408
409<p class="wp-block-paragraph">あとは好きなデザインのロゴを作るだけですが、<span class="marker">基本的には背景を透過させたデザイン</span>を用意しておくと安心です。</p>
410
411
412
413<p class="wp-block-paragraph">背景が非透過のロゴと透過のロゴと比べると、下記の画像のようになります。</p>
414
415
416<div class="wp-block-image">
417<figure class="aligncenter"><img decoding="async" width="800" height="459" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo10.jpg" alt="背景透過のロゴと非透過のロゴを比べた画像" class="wp-image-20431 lazyload" data-srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo10.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo10-300x172.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo10-768x441.jpg 768w" sizes="(max-width: 800px) 100vw, 800px"  data-aspectratio="800/459"><noscript><img decoding="async" width="800" height="459" src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo10.jpg" alt="背景透過のロゴと非透過のロゴを比べた画像" class="wp-image-20431" srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo10.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo10-300x172.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo10-768x441.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" ></noscript></figure>
418</div>
419
420
421<p class="wp-block-paragraph">デザインによっては特に問題ない場合もあるのですが、基本的には透過させておいた方が応用が効きます。</p>
422
423
424
425<p class="wp-block-paragraph">もちろん<strong>背景色をつけたいなら透過させなくても良い</strong>のですが、そうでなければ「あえて透過させない」という選択肢を取る必要もありませんから、こだわりがなã
425‘れば透過デザインにしておきましょう。</p>
426
427
428
429<h3 class="wp-block-heading">3. pngで書き出す</h3>
430
431
432
433<figure class="wp-block-image"><img decoding="async" width="800" height="449" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo11.jpg" alt="" class="wp-image-20432 lazyload" data-srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo11.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo11-300x168.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo11-768x431.jpg 768w" sizes="(max-width: 800px) 100vw, 800px"  data-aspectratio="800/449"><noscript><img decoding="async" width="800" height="449" src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo11.jpg" alt="" class="wp-image-20432" srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo11.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo11-300x168.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo11-768x431.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" ></noscript></figure>
434
435
436
437<p class="wp-block-paragraph">あとは<strong>PNG形式</strong>を選び、<strong>透明部分もそのまま保存</strong>するようにチェックを入れて書き出すだけです。</p>
438
439
440
441<p class="wp-block-paragraph">ちなみに同じPNGでも<strong>「PNG-8」</strong>とか<strong>「PNG-24」</strong>とか種類がありますが、それぞれ扱えるデータ量を表しています。(8なら8bit分、24なら24bit分のデータが含まれます)</p>
442
443
444
445<p class="wp-block-paragraph">少しでも軽くしたいならPNG-8を選ぶと良いですが、そこまで変わらない場合が多いため、<span class="marker">基本的にはPNG-24を選んで綺麗なロゴ画像を用意</span>することをおすすめします。</p>
446
447
448
449<h2 class="wp-block-heading">イケてるロゴ画像のデザイン例</h2>
450
451
452
453<figure class="wp-block-image size-full is-resized"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.fumitei.jp/wp-content/uploads/2022/11/y0705-1.png" alt="" class="wp-image-26335 lazyload" width="200" height="200" data-srcset="https://www.fumitei.jp/wp-content/uploads/2022/11/y0705-1.png 800w, https://www.fumitei.jp/wp-content/uploads/2022/11/y0705-1-300x300.png 300w, https://www.fumitei.jp/wp-content/uploads/2022/11/y0705-1-150x150.png 150w, https://www.fumitei.jp/wp-content/uploads/2022/11/y0705-1-768x768.png 768w" sizes="(max-width: 200px) 100vw, 200px"  data-aspectratio="200/200"><noscript><img decoding="async" src="https://www.fumitei.jp/wp-content/uploads/2022/11/y0705-1.png" alt="" class="wp-image-26335" width="200" height="200" srcset="https://www.fumitei.jp/wp-content/uploads/2022/11/y0705-1.png 800w, https://www.fumitei.jp/wp-content/uploads/2022/11/y0705-1-300x300.png 300w, https://www.fumitei.jp/wp-content/uploads/2022/11/y0705-1-150x150.png 150w, https://www.fumitei.jp/wp-content/uploads/2022/11/y0705-1-768x768.png 768w" sizes="(max-width: 200px) 100vw, 200px" ></noscript></figure>
454
455
456
457<p class="wp-block-paragraph">ここからは、イケてるロゴ画像のデザイン例をご紹介していきます。</p>
458
459
460
461<p class="wp-block-paragraph">個人ブログから勝手に取ってくるのは申し訳ありませんので、今回は有名どころのブランドロゴから探してきました。</p>
462
463
464
465<p class="wp-block-paragraph">デザインの方向性としては大まかに3種類に分けられると思いましたので、例としてご紹介しておきます。</p>
466
467
468
469<h3 class="wp-block-heading">サイト名の文字列を活かしたロゴデザイン</h3>
470
471
472<div class="wp-block-image">
473<figure class="aligncenter"><img decoding="async" width="800" height="383" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo3.jpg" alt="ブログ名の文字列を活かしたロゴデザイン" class="wp-image-20419 lazyload" data-srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo3.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo3-300x144.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo3-768x368.jpg 768w" sizes="(max-width: 800px) 100v
473w, 800px"  data-aspectratio="800/383"><noscript><img decoding="async" width="800" height="383" src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo3.jpg" alt="ブログ名の文字列を活かしたロゴデザイン" class="wp-image-20419" srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo3.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo3-300x144.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo3-768x368.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" ></noscript></figure>
474</div>
475
476
477<p class="wp-block-paragraph">サイト名の文字列にちょっと手を加えたようなロゴは、有名企業でも個人ブログでも多いロゴの作り方です。</p>
478
479
480
481<p class="wp-block-paragraph">和風のサイトなら縦書きのロゴもあったり、サイトのイメージに合わせてカラフルにしたり、何かしら意味を持たせたりと、各サイトこだわりが見えます。</p>
482
483
484
485<p class="wp-block-paragraph">シンプルですので、一番参考にしやすい種類のロゴデザインです。</p>
486
487
488
489<h3 class="wp-block-heading">サイト名+アイコンのロゴデザイン</h3>
490
491
492
493<figure class="wp-block-image"><img decoding="async" width="800" height="383" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo4.jpg" alt="" class="wp-image-20421 lazyload" data-srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo4.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo4-300x144.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo4-768x368.jpg 768w" sizes="(max-width: 800px) 100vw, 800px"  data-aspectratio="800/383"><noscript><img decoding="async" width="800" height="383" src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo4.jpg" alt="" class="wp-image-20421" srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo4.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo4-300x144.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo4-768x368.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" ></noscript></figure>
494
495
496
497<p class="wp-block-paragraph">サイト名とアイコンを並べて表現したロゴ画像も一般的です。</p>
498
499
500
501<p class="wp-block-paragraph">読者的にもブランドをイメージしやすく、わかりやすくておすすめのロゴデザインです。</p>
502
503
504
505<p class="wp-block-paragraph">デザインが難しければ、例えばフリーのアイコンサイトなどから画像を拾ってきてサイト名の横に並べるだけでも、なんとなくそれっぽくなります。</p>
506
507
508
509<h3 class="wp-block-heading">がっちりこだわったロゴデザイン</h3>
510
511
512<div class="wp-block-image">
513<figure class="aligncenter"><img decoding="async" width="800" height="383" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo5.jpg" alt="がっちりこだわったロゴデザイン" class="wp-image-20422 lazyload" data-srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo5.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo5-300x144.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo5-768x368.jpg 768w" sizes="(max-width: 800px) 100vw, 800px"  data-aspectratio="800/383"><noscript><img decoding="async" width="800" height="383" src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo5.jpg" alt="がっちりこだわったロゴデザイン" class="wp-image-20422" srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo5.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo5-300x144.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo5-768x368.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" ></noscript></figure>
514</div>
515
516
517<p class="wp-block-paragraph">こだわったロゴデザインにしている企業もたくさんあります。</p>
518
519
520
521<p class="wp-block-paragraph">個人ブログだとなかなか難しいかもしれませんが、例えばココナラなどで発注すれば、数千円〜数万円程度で綺麗なロゴデザインを作ってもらえます。クラウドワークスならコンペ形式で募集することもできますから、æ¤
521œè¨Žã—てみると良いでしょう。</p>
522
523
524
525<p class="wp-block-paragraph">ロゴデザインにこだわってみたい方は、この辺りも参考にしてみて下さい。</p>
526
527
528
529<h2 class="wp-block-heading">WordPressブログでロゴ画像を設定する方法</h2>
530
531
532
533<figure class="wp-block-image size-full is-resized"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.fumitei.jp/wp-content/uploads/2022/11/y0987.png" alt="" class="wp-image-26334 lazyload" width="200" height="200" data-srcset="https://www.fumitei.jp/wp-content/uploads/2022/11/y0987.png 800w, https://www.fumitei.jp/wp-content/uploads/2022/11/y0987-300x300.png 300w, https://www.fumitei.jp/wp-content/uploads/2022/11/y0987-150x150.png 150w, https://www.fumitei.jp/wp-content/uploads/2022/11/y0987-768x768.png 768w" sizes="(max-width: 200px) 100vw, 200px"  data-aspectratio="200/200"><noscript><img decoding="async" src="https://www.fumitei.jp/wp-content/uploads/2022/11/y0987.png" alt="" class="wp-image-26334" width="200" height="200" srcset="https://www.fumitei.jp/wp-content/uploads/2022/11/y0987.png 800w, https://www.fumitei.jp/wp-content/uploads/2022/11/y0987-300x300.png 300w, https://www.fumitei.jp/wp-content/uploads/2022/11/y0987-150x150.png 150w, https://www.fumitei.jp/wp-content/uploads/2022/11/y0987-768x768.png 768w" sizes="(max-width: 200px) 100vw, 200px" ></noscript></figure>
534
535
536
537<p class="wp-block-paragraph">最後に、作ったロゴ画像をブログに設定する方法をお伝えしておきます。</p>
538
539
540
541<p class="wp-block-paragraph">各WordPressテーマごとに少し方法が違うため、代表的なテーマを例に挙げて解説していきます。</p>
542
543
544
545<h3 class="wp-block-heading">JINでロゴ画像を設定する方法</h3>
546
547
548
549<p class="wp-block-paragraph">JINでロゴ画像を設定するには<strong>「外観→カスタマイズ→ヘッダー設定」</strong>と進みます。</p>
550
551
552
553<figure class="wp-block-image"><img decoding="async" width="800" height="426" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo12.jpg" alt="" class="wp-image-20437 lazyload" data-srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo12.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo12-300x160.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo12-768x409.jpg 768w" sizes="(max-width: 800px) 100vw, 800px"  data-aspectratio="800/426"><noscript><img decoding="async" width="800" height="426" src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo12.jpg" alt="" class="wp-image-20437" srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo12.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo12-300x160.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo12-768x409.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" ></noscript></figure>
554
555
556
557<p class="wp-block-paragraph">上記のように、サイトロゴの項目に用意した画像を設定します。altタグは、基本的に「(ブログ名)のロゴ画像」としておくと良いでしょう。</p>
558
559
560
561<p class="wp-block-paragraph">その下にロゴのサイズや上下余白を設定する項目もありますので、プレビューを見つつ設定してください。</p>
562
563
564
565<figure class="wp-block-image"><img decoding="async" width="800" height="422" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo13.jpg" alt="" class="wp-image-20439 lazyload" data-srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo13.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo13-300x158.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo13-768x405.jpg 768w" sizes="(max-width: 800px) 100vw, 800px"  data-aspectratio="800/422"><noscript><img decoding="async" width="800" height="422" src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo13.jpg" alt="" class="wp-image-20439" srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo13.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo13-300x158.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo13-768x4
56505.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" ></noscript></figure>
566
567
568
569<p class="wp-block-paragraph">ちなみに600px &#8211; 180pxで作ったロゴなら20%で表示させると、だいたい良いバランスになります。</p>
570
571
572
573<h3 class="wp-block-heading">SWELLでロゴ画像を設定する方法</h3>
574
575
576
577<p class="wp-block-paragraph">SWELLでロゴ画像を設定するには「外観→カスタマイズ→ヘッダー」と進みます。</p>
578
579
580
581<p class="wp-block-paragraph">SWELLは「ヘッダー背景を透過させる設定」ができるので、その場合は2種類のロゴ画像を設定することになります。</p>
582
583
584
585<p class="wp-block-paragraph">まず通常の「ロゴ画像」は、追従ヘッダーに表示されるものになります。一つ一つの記事でも表示されるので、こちらがメインですね。ヘッダーの色に合わせたロゴ画像を用意しましょう。</p>
586
587
588
589<figure class="wp-block-image"><img decoding="async" width="800" height="537" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo14.jpg" alt="" class="wp-image-20440 lazyload" data-srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo14.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo14-300x201.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo14-768x516.jpg 768w" sizes="(max-width: 800px) 100vw, 800px"  data-aspectratio="800/537"><noscript><img decoding="async" width="800" height="537" src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo14.jpg" alt="" class="wp-image-20440" srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo14.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo14-300x201.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo14-768x516.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" ></noscript></figure>
590
591
592
593<p class="wp-block-paragraph">画像サイズも、適時サイズを調整しましょう。</p>
594
595
596
597<p class="wp-block-paragraph">「PC 80px:追従ヘッダー 48px : SP(モバイル)80px」あたりで設定するとバランスが良くなるかと思いますが、プレビューを見ながら色々と調整してみて下さい。</p>
598
599
600
601<p class="wp-block-paragraph">ちなみに「透過時のロゴ画像」は、最初に表示されるロゴ画像です。ヘッダー画像のカラーリングに合わせた色で作りましょう。</p>
602
603
604
605<figure class="wp-block-image"><img decoding="async" width="800" height="537" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo15.jpg" alt="" class="wp-image-20441 lazyload" data-srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo15.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo15-300x201.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo15-768x516.jpg 768w" sizes="(max-width: 800px) 100vw, 800px"  data-aspectratio="800/537"><noscript><img decoding="async" width="800" height="537" src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo15.jpg" alt="" class="wp-image-20441" srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo15.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo15-300x201.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo15-768x516.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" ></noscript></figure>
606
607
608
609<p class="wp-block-paragraph">SWWLLでヘッダーを追従させる場合は、上記のように2種類のロゴ画像を用意する必要があります。</p>
610
611
612
613<h3 class="wp-block-heading">Cocoonでロゴ画像を設定する方法</h3>
614
615
616
617<p class="wp-block-paragraph">無料テーマのCocoonでロゴ画像を設定するには「Cocoon設定→ヘッダー」と進みます。</p>
618
619
620
621<p class="wp-block-paragraph">ヘッダーロゴの部分で設定すればOKです。</p>
622
623
624
625<figure class="wp-block-image"><img decoding="async" width="800" height="325" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo16.jpg" alt="" class="wp-image-20442 lazyload" data-srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo16.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo16-300x122.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo16-768x312.jpg 768w" sizes="(max-width: 800px) 100v
625w, 800px"  data-aspectratio="800/325"><noscript><img decoding="async" width="800" height="325" src="http://blog.fumitei.jp/wp-content/uploads/2021/06/logo16.jpg" alt="" class="wp-image-20442" srcset="https://www.fumitei.jp/wp-content/uploads/2021/06/logo16.jpg 800w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo16-300x122.jpg 300w, https://www.fumitei.jp/wp-content/uploads/2021/06/logo16-768x312.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" ></noscript></figure>
626
627
628
629<p class="wp-block-paragraph">ロゴサイズは縦横選べます。好きに設定して下さい。</p>
630
631
632
633<h2 class="wp-block-heading">ブログのロゴ画像は作っておいて損はない</h2>
634
635
636
637<p class="wp-block-paragraph">ロゴ画像は、ブログの顔になります。</p>
638
639
640
641<p class="wp-block-paragraph">もちろんブログの雰囲気によってはテキスト表示でもマッチすると思いますが、基本的には何か画像を用意しておいた方が「ちゃんと運営している感」が出ます。</p>
642
643
644
645<p class="wp-block-paragraph">ロゴ画像を作っておいて損はありませんから、ぜひ設定してみて下さい。</p>
646
647
648<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type1" data-onclick="clickLink">
649				<div class="p-blogCard__inner">
650					<span class="p-blogCard__caption">あわせて読みたい</span>
651					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.fumitei.jp/wp-content/uploads/2022/10/wordpress-start-300x169.jpg" alt="" class="c-postThumb__img u-obf-cover lazyload" width="320" height="180" data-aspectratio="320/180"><noscript><img decoding="async" src="https://www.fumitei.jp/wp-content/uploads/2022/10/wordpress-start-300x169.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></noscript></figure></div>					<div class="p-blogCard__body">
652						<a class="p-blogCard__title" href="https://www.fumitei.jp/wordpress-start/">ConoHa WINGでWordPressブログを始める方法</a>
653						<span class="p-blogCard__excerpt">今回は「WordPress(ワードプレス)の始め方と使い方」を、初心者向けに解説していきます。 「WordPressを設置してブログを始める」と聞くと、なんだか難しそうなイメー&#8230;</span>					</div>
654				</div>
655			</div>
656		</div>		</div>
657		<div class="w-singleBottom"><div id="custom_html-18" class="widget_text c-widget widget_custom_html"><div class="textwidget custom-html-widget"><div class="p-blogParts post_content" data-partsID="30832">
658<div class="swell-block-capbox cap_box is-style-onborder_ttl"><div class="cap_box_ttl"><span>テーマを作りました</span></div><div class="cap_box_content"><div class="wp-block-image">
659<figure class="aligncenter size-full is-resized"><img decoding="async" width="800" height="482" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.fumitei.jp/wp-content/uploads/2024/10/dawny-mock.png" alt="" class="wp-image-30833 lazyload" style="width:300px" data-srcset="https://www.fumitei.jp/wp-content/uploads/2024/10/dawny-mock.png 800w, https://www.fumitei.jp/wp-content/uploads/2024/10/dawny-mock-300x181.png 300w, https://www.fumitei.jp/wp-content/uploads/2024/10/dawny-mock-768x463.png 768w" sizes="(max-width: 800px) 100vw, 800px" ><noscript><img decoding="async" width="800" height="482" src="https://www.fumitei.jp/wp-content/uploads/2024/10/dawny-mock.png" alt="" class="wp-image-30833" style="width:300px" srcset="https://www.fumitei.jp/wp-content/uploads/2024/10/dawny-mock.png 800w, https://www.fumitei.jp/wp-content/uploads/2024/10/dawny-mock-300x181.png 300w, https://www.fumitei.jp/wp-content/uploads/2024/10/dawny-mock-768x463.png 768w" sizes="(max-width: 800px) 100vw, 800px" ></noscript></figure>
660</div>
661
662
663<p class="wp-block-paragraph">「シンプルすぎるWordPressテーマ」がコンセプトの無料WordPressテーマを制作しました。</p>
664
665
666
667<p class="wp-block-paragraph">自作・カスタマイズを前提としたテーマになっています。テーマ制作の学習やベーステーマに興味がある方は、ぜひ活用してみてください。</p>
668
669
670
671<div class="swell-block-button is-style-btn_normal"><a href="https://dawny.org/" class="swell-block-button__link"><span>DAWNY公式サイト</span></a></div>
672</div></div>
673</div></div></div></div><div class="p-articleFoot">
674	<div class="p-articleMetas -bottom">
675			<div class="p-articleMetas__termList c-categoryList">
676					<a class="c-categoryList__link hov-flash-up" href="https://www.fumitei.jp/category/writing/webwriting/" data-cat-id="22">
677				Webライティング			</a>
678			</div>
679	</div>
680</div>
681<div class="c-shareBtns -bottom -style-btn-small">
682			<div class="c-shareBtns__message">
683			<span class="__text">
684				記事をシェア			</span>
685		</div>
686		<ul class="c-shareBtns__list">
687							<li class="c-shareBtns__item -facebook">
688				<a class="c-shareBtns__btn hov-flash-up" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.fumitei.jp%2Fblog-logo%2F" title="Facebookでシェア" onclick="javascript:window.open(this.href, '_blank', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=800,width=600');return false;" target="_blank" role="button" tabindex="0">
689					<i class="snsicon c-shareBtns__icon icon-facebook" aria-hidden="true"></i>
690				</a>
691			</li>
692							<li class="c-shareBtns__item -twitter">
693				<a class="c-shareBtns__btn hov-flash-up" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.fumitei.jp%2Fblog-logo%2F&#038;text=%E3%83%96%E3%83%AD%E3%82%B0%E3%81%AE%E3%83%AD%E3%82%B4%E7%94%BB%E5%83%8F%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9%E3%80%82%E8%A8%AD%E5%AE%9A%E6%96%B9%E6%B3%95%E3%82%84%E3%82%B5%E3%82%A4%E3%82%BA%E3%80%81%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E3%82%B3%E3%83%84%E3%81%BE%E3%81%A7%E8%A7%A3%E8%AA%AC&#038;hashtags=%E6%96%87%E4%BA%AD" title="Twitterでシェア" onclick="javascript:window.open(this.href, '_blank', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=600');return false;" target="_blank" role="button" tabindex="0">
694					<i class="snsicon c-shareBtns__icon icon-twitter" aria-hidden="true"></i>
695				</a>
696			</li>
697							<li class="c-shareBtns__item -hatebu">
698				<a class="c-shareBtns__btn hov-flash-up" href="//b.hatena.ne.jp/add?mode=confirm&#038;url=https%3A%2F%2Fwww.fumitei.jp%2Fblog-logo%2F" title="はてなブックマークに登録" onclick="javascript:window.open(this.href, '_blank', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=1000');return false;" target="_blank" role="button" tabindex="0">
699					<i class="snsicon c-shareBtns__icon icon-hatebu" aria-hidden="true"></i>
700				</a>
701			</li>
702							<li class="c-shareBtns__item -pocket">
703				<a class="c-shareBtns__btn hov-flash-up" href="https://getpocket.com/edit?url=https%3A%2F%2Fwww.fumitei.jp%2Fblog-logo%2F&#038;title=%E3%83%96%E3%83%AD%E3%82%B0%E3%81%AE%E3%83%AD%E3%82%B4%E7%94%BB%E5%83%8F%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9%E3%80%82%E8%A8%AD%E5%AE%9A%E6%96%B9%E6%B3%95%E3%82%84%E3%82%B5%E3%82%A4%E3%82%BA%E3%80%81%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E3%82%B3%E3%83%84%E3%81%BE%E3%81%A7%E8%A7%A3%E8%AA%AC" title="Pocketに保存" target="_blank" role="button" tabindex="0">
704					<i class="snsicon c-shareBtns__icon icon-pocket" aria-hidden="true"></i>
705				</a>
706			</li>
707							<li class="c-shareBtns__item -pinterest">
708				<a class="c-shareBtns__btn hov-flash-up" href="https://jp.pinterest.com/pin/create/button/" title="ピンを保存" target="_blank" role="button" tabindex="0" data-pin-do="buttonBookmark" data-pin-custom="true" data-pin-lang="ja">
709					<i class="snsicon c-shareBtns__icon icon-pinterest" aria-hidden="true"></i>
710				</a>
711			</li>
712							<li class="c-shareBtns__item -line">
713				<a class="c-shareBtns__btn hov-flash-up" href="https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Fwww.fumitei.jp%2Fblog-logo%2F&#038;text=%E3%83%96%E3%83%AD%E3%82%B0%E3%81%AE%E3%83%AD%E3%82%B4%E7%94%BB%E5%83%8F%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9%E3%80%82%E8%A8%AD%E5%AE%9A%E6%96%B9%E6%B3%95%E3%82%84%E3%82%B5%E3%82%A4%E3%82%BA%E3%80%81%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E3%82%B3%E3%83%84%E3%81%BE%E3%81%A7%E8%A7%A3%E8%AA%AC" title="LINEに送る" target="_blank" role="button" tabindex="0">
714					<i class="snsicon c-shareBtns__icon icon-line" aria-hidden="true"></i>
715				</a>
716			</li>
717												<li class="c-shareBtns__item -copy">
718				<button class="c-urlcopy c-plainBtn c-shareBtns__btn hov-flash-up" data-clipboard-text="https://www.fumitei.jp/blog-logo/" title="URLをコピーする">
719					<span class="c-urlcopy__content">
720						<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-copy c-shareBtns__icon -to-copy" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M38,5.5h-9c0-2.8-2.2-5-5-5s-5,2.2-5,5h-9c-2.2,0-4,1.8-4,4v33c0,2.2,1.8,4,4,4h28c2.2,0,4-1.8,4-4v-33
721				C42,7.3,40.2,5.5,38,5.5z M24,3.5c1.1,0,2,0.9,2,2s-0.9,2-2,2s-2-0.9-2-2S22.9,3.5,24,3.5z M38,42.5H10v-33h5v3c0,0.6,0.4,1,1,1h16
722				c0.6,0,1-0.4,1-1v-3h5L38,42.5z"/><polygon points="24,37 32.5,28 27.5,28 27.5,20 20.5,20 20.5,28 15.5,28 "/></svg>						<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-copied c-shareBtns__icon -copied" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M38,5.5h-9c0-2.8-2.2-5-5-5s-5,2.2-5,5h-9c-2.2,0-4,1.8-4,4v33c0,2.2,1.8,4,4,4h28c2.2,0,4-1.8,4-4v-33
723				C42,7.3,40.2,5.5,38,5.5z M24,3.5c1.1,0,2,0.9,2,2s-0.9,2-2,2s-2-0.9-2-2S22.9,3.5,24,3.5z M38,42.5H10v-33h5v3c0,0.6,0.4,1,1,1h16
724				c0.6,0,1-0.4,1-1v-3h5V42.5z"/><polygon points="31.9,20.2 22.1,30.1 17.1,25.1 14.2,28 22.1,35.8 34.8,23.1 "/></svg>					</span>
725				</button>
726				<div class="c-copyedPoppup">URLをコピーしました!</div>
727			</li>
728			</ul>
729
730	</div>
731<div class="c-shareBtns -fix -style-btn-small">
732		<ul class="c-shareBtns__list">
733							<li class="c-shareBtns__item -facebook">
734				<a class="c-shareBtns__btn hov-flash-up" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.fumitei.jp%2Fblog-logo%2F" title="Facebookでシェア" onclick="javascript:window.open(this.href, '_blank', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=800,width=600');return false;" target="_blank" role="button" tabindex="0">
735					<i class="snsicon c-shareBtns__icon icon-facebook" aria-hidden="true"></i>
736				</a>
737			</li>
738							<li class="c-shareBtns__item -twitter">
739				<a class="c-shareBtns__btn hov-flash-up" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.fumitei.jp%2Fblog-logo%2F&#038;text=%E3%83%96%E3%83%AD%E3%82%B0%E3%81%AE%E3%83%AD%E3%82%B4%E7%94%BB%E5%83%8F%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9%E3%80%82%E8%A8%AD%E5%AE%9A%E6%96%B9%E6%B3%95%E3%82%84%E3%82%B5%E3%82%A4%E3%82%BA%E3%80%81%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E3%82%B3%E3%83%84%E3%81%BE%E3%81%A7%E8%A7%A3%E8%AA%AC&#038;hashtags=%E6%96%87%E4%BA%AD" title="Twitterでシェア" onclick="javascript:window.open(this.href, '_blank', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=600');return false;" target="_blank" role="button" tabindex="0">
740					<i class="snsicon c-shareBtns__icon icon-twitter" aria-hidden="true"></i>
741				</a>
742			</li>
743							<li class="c-shareBtns__item -hatebu">
744				<a class="c-shareBtns__btn hov-flash-up" href="//b.hatena.ne.jp/add?mode=confirm&#038;url=https%3A%2F%2Fwww.fumitei.jp%2Fblog-logo%2F" title="はてなブックマークに登録" onclick="javascript:window.open(this.href, '_blank', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=1000');return false;" target="_blank" role="button" tabindex="0">
745					<i class="snsicon c-shareBtns__icon icon-hatebu" aria-hidden="true"></i>
746				</a>
747			</li>
748							<li class="c-shareBtns__item -pocket">
749				<a class="c-shareBtns__btn hov-flash-up" href="https://getpocket.com/edit?url=https%3A%2F%2Fwww.fumitei.jp%2Fblog-logo%2F&#038;title=%E3%83%96%E3%83%AD%E3%82%B0%E3%81%AE%E3%83%AD%E3%82%B4%E7%94%BB%E5%83%8F%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9%E3%80%82%E8%A8%AD%E5%AE%9A%E6%96%B9%E6%B3%95%E3%82%84%E3%82%B5%E3%82%A4%E3%82%BA%E3%80%81%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E3%82%B3%E3%83%84%E3%81%BE%E3%81%A7%E8%A7%A3%E8%AA%AC" title="Pocketに保存" target="_blank" role="button" tabindex="0">
750					<i class="snsicon c-shareBtns__icon icon-pocket" aria-hidden="true"></i>
751				</a>
752			</li>
753							<li class="c-shareBtns__item -pinterest">
754				<a class="c-shareBtns__btn hov-flash-up" href="https://jp.pinterest.com/pin/create/button/" title="ピンを保存" target="_blank" role="button" tabindex="0" data-pin-do="buttonBookmark" data-pin-custom="true" data-pin-lang="ja">
755					<i class="snsicon c-shareBtns__icon icon-pinterest" aria-hidden="true"></i>
756				</a>
757			</li>
758							<li class="c-shareBtns__item -line">
759				<a class="c-shareBtns__btn hov-flash-up" href="https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Fwww.fumitei.jp%2Fblog-logo%2F&#038;text=%E3%83%96%E3%83%AD%E3%82%B0%E3%81%AE%E3%83%AD%E3%82%B4%E7%94%BB%E5%83%8F%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9%E3%80%82%E8%A8%AD%E5%AE%9A%E6%96%B9%E6%B3%95%E3%82%84%E3%82%B5%E3%82%A4%E3%82%BA%E3%80%81%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E3%82%B3%E3%83%84%E3%81%BE%E3%81%A7%E8%A7%A3%E8%AA%AC" title="LINEに送る" target="_blank" role="button" tabindex="0">
760					<i class="snsicon c-shareBtns__icon icon-line" aria-hidden="true"></i>
761				</a>
762			</li>
763												<li class="c-shareBtns__item -copy">
764				<button class="c-urlcopy c-plainBtn c-shareBtns__btn hov-flash-up" data-clipboard-text="https://www.fumitei.jp/blog-logo/" title="URLをコピーする">
765					<span class="c-urlcopy__content">
766						<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-copy c-shareBtns__icon -to-copy" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M38,5.5h-9c0-2.8-2.2-5-5-5s-5,2.2-5,5h-9c-2.2,0-4,1.8-4,4v33c0,2.2,1.8,4,4,4h28c2.2,0,4-1.8,4-4v-33
767				C42,7.3,40.2,5.5,38,5.5z M24,3.5c1.1,0,2,0.9,2,2s-0.9,2-2,2s-2-0.9-2-2S22.9,3.5,24,3.5z M38,42.5H10v-33h5v3c0,0.6,0.4,1,1,1h16
768				c0.6,0,1-0.4,1-1v-3h5L38,42.5z"/><polygon points="24,37 32.5,28 27.5,28 27.5,20 20.5,20 20.5,28 15.5,28 "/></svg>						<svg xmlns="http://www.w3.org/2000/svg" class="swl-svg-copied c-shareBtns__icon -copied" width="1em" height="1em" viewBox="0 0 48 48" role="img" aria-hidden="true" focusable="false"><path d="M38,5.5h-9c0-2.8-2.2-5-5-5s-5,2.2-5,5h-9c-2.2,0-4,1.8-4,4v33c0,2.2,1.8,4,4,4h28c2.2,0,4-1.8,4-4v-33
769				C42,7.3,40.2,5.5,38,5.5z M24,3.5c1.1,0,2,0.9,2,2s-0.9,2-2,2s-2-0.9-2-2S22.9,3.5,24,3.5z M38,42.5H10v-33h5v3c0,0.6,0.4,1,1,1h16
770				c0.6,0,1-0.4,1-1v-3h5V42.5z"/><polygon points="31.9,20.2 22.1,30.1 17.1,25.1 14.2,28 22.1,35.8 34.8,23.1 "/></svg>					</span>
771				</button>
772				<div class="c-copyedPoppup">URLをコピーしました!</div>
773			</li>
774			</ul>
775
776	</div>
777		<div id="after_article" class="l-articleBottom">
778					</div>
779			</article>
780</main>
781</div>
782<div id="before_footer_widget" class="w-beforeFooter"></div><footer id="footer" class="l-footer">
783	</footer>
784<div class="p-fixBtnWrap">
785	
786	</div>
787
788<div id="search_modal" class="c-modal p-searchModal">
789	<div class="c-overlay" data-onclick="toggleSearch"></div>
790	<div class="p-searchModal__inner">
791		<form role="search" method="get" class="c-searchForm" action="https://www.fumitei.jp/" role="search">
792	<input type="text" value="" name="s" class="c-searchForm__s s" placeholder="検索" aria-label="検索ワード">
793	<button type="submit" class="c-searchForm__submit icon-search hov-opacity u-bg-main" value="search" aria-label="検索を実行する"></button>
794</form>
795		<button class="c-modal__close c-plainBtn" data-onclick="toggleSearch">
796			<i class="icon-batsu"></i> 閉じる		</button>
797	</div>
798</div>
799<div id="index_modal" class="c-modal p-indexModal">
800	<div class="c-overlay" data-onclick="toggleIndex"></div>
801	<div class="p-indexModal__inner">
802		<div class="p-toc post_content -modal"><span class="p-toc__ttl">時間割</span></div>
803		<button class="c-modal__close c-plainBtn" data-onclick="toggleIndex">
804			<i class="icon-batsu"></i> 閉じる		</button>
805	</div>
806</div>
807</div><!--/ #all_wrapp-->
808<div class="l-scrollObserver" aria-hidden="true"></div>
808<script async defer src="//assets.pinterest.com/js/pinit.js"></script>
808<script>
809var pochippSaleData = {
810	amazon:{"start":"","end":"","text":""},
811	rakuten:{"start":"","end":"","text":""},
812	yahoo:{"start":"","end":"","text":""},
813};
814</script>
814
815	
815<script type="speculationrules">
816{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/swell_child/*","/wp-content/themes/swell/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
817</script>
vendor: 1 bytes, line 817
817
818<script id="swell_script-js-extra">
819var swellVars = {"siteUrl":"https://www.fumitei.jp/","restUrl":"https://www.fumitei.jp/wp-json/wp/v2/","ajaxUrl":"https://www.fumitei.jp/wp-admin/admin-ajax.php","ajaxNonce":"597615379d","isLoggedIn":"","useAjaxAfterPost":"1","useAjaxFooter":"1","usePvCount":"1","isFixHeadSP":"1","tocListTag":"ul","tocTarget":"h3","tocPrevText":"\u524d\u306e\u30da\u30fc\u30b8\u3078","tocNextText":"\u6b21\u306e\u30da\u30fc\u30b8\u3078","tocCloseText":"\u6298\u308a\u305f\u305f\u3080","tocOpenText":"\u3082\u3063\u3068\u898b\u308b","tocOmitType":"ct","tocOmitNum":"15","tocMinnum":"2","tocAdPosition":"before","offSmoothScroll":""};
820//# sourceURL=swell_script-js-extra
821</script>
vendor: 1 bytes, line 821
821
822<script id="swell_script-js" src="https://www.fumitei.jp/wp-content/themes/swell/build/js/main.min.js?ver=2.7.7.2"></script>
vendor: 1 bytes, line 822
822
823<script id="wp-hooks-js" src="https://www.fumitei.jp/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 823
823
824<script id="wp-i18n-js" src="https://www.fumitei.jp/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 824
824
825<script id="wp-i18n-js-after">
826wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
827//# sourceURL=wp-i18n-js-after
828</script>
vendor: 1 bytes, line 828
828
829<script id="swv-js" src="https://www.fumitei.jp/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.9.8"></script>
vendor: 1 bytes, line 829
829
830<script id="contact-form-7-js-extra">
831var wpcf7 = {"api":{"root":"https://www.fumitei.jp/wp-json/","namespace":"contact-form-7/v1"}};
832//# sourceURL=contact-form-7-js-extra
833</script>
vendor: 1 bytes, line 833
833
834<script id="contact-form-7-js-translations">
835( function( domain, translations ) {
836	var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
837	localeData[""].domain = domain;
838	wp.i18n.setLocaleData( localeData, domain );
839} )( "contact-form-7", {"translation-revision-date":"2024-07-17 08:16:16+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=1; plural=0;","lang":"ja_JP"},"This contact form is placed in the wrong place.":["\u3053\u306e\u30b3\u30f3\u30bf\u30af\u30c8\u30d5\u30a9\u30fc\u30e0\u306f\u9593\u9055\u3063\u305f\u4f4d\u7f6e\u306b\u7f6e\u304b\u308c\u3066\u3044\u307e\u3059\u3002"],"Error:":["\u30a8\u30e9\u30fc:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
840//# sourceURL=contact-form-7-js-translations
841</script>
vendor: 1 bytes, line 841
841
842<script id="contact-form-7-js" src="https://www.fumitei.jp/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.9.8"></script>
vendor: 1 bytes, line 842
842
843<script id="hcb-prism-js" src="https://www.fumitei.jp/wp-content/plugins/highlighting-code-block/assets/js/prism.js?ver=2.0.1"></script>
vendor: 1 bytes, line 843
843
844<script id="clipboard-js" src="https://www.fumitei.jp/wp-includes/js/clipboard.min.js?ver=2.0.11"></script>
vendor: 1 bytes, line 844
844
845<script id="hcb-script-js-extra">
846var hcbVars = {"showCopyBtn":"1","copyBtnLabel":"\u30b3\u30fc\u30c9\u3092\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc\u3059\u308b"};
847//# sourceURL=hcb-script-js-extra
848</script>
vendor: 1 bytes, line 848
848
849<script id="hcb-script-js" src="https://www.fumitei.jp/wp-content/plugins/highlighting-code-block/build/js/hcb_script.js?ver=2.0.1"></script>
vendor: 1 bytes, line 849
849
850<script id="swell_lazysizes-js" src="https://www.fumitei.jp/wp-content/themes/swell/assets/js/plugins/lazysizes.min.js?ver=2.7.7.2"></script>
vendor: 1 bytes, line 850
850
851<script id="swell_set_fix_header-js" src="https://www.fumitei.jp/wp-content/themes/swell/build/js/front/set_fix_header.min.js?ver=2.7.7.2"></script>
vendor: 1 bytes, line 851
851
852<script id="swell_set_urlcopy-js" src="https://www.fumitei.jp/wp-content/themes/swell/build/js/front/set_urlcopy.min.js?ver=2.7.7.2"></script>
852
853
854<!-- JSON-LD @SWELL -->
855<script type="application/ld+json">{"@context": "https://schema.org","@graph": [{"@type":"Organization","@id":"https:\/\/www.fumitei.jp\/#organization","name":"文章教室「文亭」","url":"https:\/\/www.fumitei.jp\/","logo":{"@type":"ImageObject","url":"https:\/\/www.fumitei.jp\/wp-content\/uploads\/2021\/12\/fumitei-logo.svg","width":1600,"height":360},"founder":{"@type":"Person","name":"たくろー"}},{"@type":"WebSite","@id":"https:\/\/www.fumitei.jp\/#website","url":"https:\/\/www.fumitei.jp\/","name":"文章教室「文亭(ふみてい)」 - 札幌発、オンライン文章講座"},{"@type":"WebPage","@id":"https:\/\/www.fumitei.jp\/blog-logo\/","url":"https:\/\/www.fumitei.jp\/blog-logo\/","name":"ブログのロゴ画像の作り方。設定方法やサイズ、デザインのコツまで解説 - 文章教室「文亭(ふみてい)」","description":"今回は「ブログのロゴ画像の作り方」を解説していきます。 テキストロゴのままでも悪いわけではないのですが、オリジナルのロゴ画像を用意しておいた方が「おっ、ちゃんとしたブログだ」と思ってもらえて信頼性が上がるように思います。 ロゴ画像の作り方や","isPartOf":{"@id":"https:\/\/www.fumitei.jp\/#website"}},{"@type":"Article","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/www.fumitei.jp\/blog-logo\/"},"headline":"ブログのロゴ画像の作り方。設定方法やサイズ、デザインのコツまで解説","image":{"@type":"ImageObject","url":"https:\/\/www.fumitei.jp\/wp-content\/uploads\/2021\/06\/blog-logo.jpg"},"datePublished":"2021-06-23T08:50:34+0900","dateModified":"2023-01-25T08:21:37+0900","author":{"@type":"Person","@id":"https:\/\/www.fumitei.jp\/blog-logo\/#author","name":"たくろー","url":"https:\/\/www.fumitei.jp\/aboutus\/","jobTitle":"Webディレクター"},"publisher":{"@id":"https:\/\/www.fumitei.jp\/#organization"}},{"@type":"BreadcrumbList","@id":"https:\/\/www.fumitei.jp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/www.fumitei.jp\/category\/writing\/","name":"文章の書き方"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/www.fumitei.jp\/category\/writing\/webwriting\/","name":"Webライティング"}}]}]}</script>
855
856<!-- / JSON-LD @SWELL -->
857</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.