<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>サイト名  |  しふぁの副業ブログ飯</title>
	<atom:link href="https://shifa-blog.com/tag/%E3%82%B5%E3%82%A4%E3%83%88%E5%90%8D/feed/" rel="self" type="application/rss+xml" />
	<link>https://shifa-blog.com</link>
	<description>初心者でも簡単な副業ブログの始め方</description>
	<lastBuildDate>Thu, 06 Jul 2023 14:45:26 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.3</generator>

<image>
	<url>https://shifa-blog.com/wp-content/uploads/2023/04/cropped-アイコン画像-完成（背景あり）-32x32.jpg</url>
	<title>サイト名  |  しふぁの副業ブログ飯</title>
	<link>https://shifa-blog.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/><atom:link rel="hub" href="https://websubhub.com/hub"/><site xmlns="com-wordpress:feed-additions:1">217712357</site>	<item>
		<title>WordPressのサイト名(タイトル)の変更方法！画像で表示させる方法も解説【Cocoon向け】</title>
		<link>https://shifa-blog.com/wordpress-site-title/</link>
					<comments>https://shifa-blog.com/wordpress-site-title/#respond</comments>
		
		<dc:creator><![CDATA[しふぁ]]></dc:creator>
		<pubDate>Thu, 06 Jul 2023 14:45:26 +0000</pubDate>
				<category><![CDATA[WordPressカスタマイズ]]></category>
		<category><![CDATA[ブログの作り方]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[サイト名]]></category>
		<category><![CDATA[タイトル]]></category>
		<category><![CDATA[変更]]></category>
		<guid isPermaLink="false">https://shifa-blog.com/?p=2388</guid>

					<description><![CDATA[ブログで飯食って8年以上！ どうも、しふぁです。 このページでは、 ・WordPressのサイト名(タイトル)の変更方法 ・サイト名(タイトル)を画像で表示させる方法 このような内容について解説しているので参考にしてみて [&#8230;]<p><a href="https://shifa-blog.com/wordpress-site-title/">WordPressのサイト名(タイトル)の変更方法！画像で表示させる方法も解説【Cocoon向け】</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></description>
										<content:encoded><![CDATA[<p>ブログで飯食って8年以上！</p>
<p>どうも、しふぁです。</p>
<p>このページでは、</p>
<div class="blank-box bb-green"><strong>・WordPressのサイト名(タイトル)の変更方法<br />
・サイト名(タイトル)を画像で表示させる方法<br />
</strong></div>
<p>このような内容について解説しているので参考にしてみてください。</p>
<p>ちなみに、テーマに「Cocoon」を使っている人向けに、Cocoonでのブログデザインのカスタマイズ方法を10個解説したページも作成しています。</p>
<p>こちらから実際のページを確認できるので、サイト名の変更が行えた後に他のカスタマイズもやってみたいと思ったらチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/cocoon-design-customization/">Cocoonを使ってブログデザインをカスタマイズする10個の方法を確認する！</a></p>
<p><span id="more-2388"></span></p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">WordPressのサイト名(タイトル)の変更方法</a></li><li><a href="#toc2" tabindex="0">サイトタイトルを画像で表示させる方法（ヘッダーロゴ）</a></li><li><a href="#toc3" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">WordPressのサイト名(タイトル)の変更方法</span></h2>
<p>まずは、WordPressのサイト名(タイトル)の変更方法を解説していきます。</p>
<p>WordPressの管理画面にログインしたら、画面左にある<strong>「設定」から「一般」をクリック</strong>してください。<br />
<img decoding="async" fetchpriority="high" class="aligncenter size-full wp-image-2393" src="https://shifa-blog.com/wp-content/uploads/2023/07/16.jpg" alt="" width="450" height="290" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/16.jpg 450w, https://shifa-blog.com/wp-content/uploads/2023/07/16-300x193.jpg 300w" sizes="(max-width: 450px) 100vw, 450px" /></p>
<p>&nbsp;</p>
<p>次に表示された画面の1番上に<strong>「サイトのタイトル」</strong>という項目があり、現在設定しているサイト名が表示されているので、新しいサイト名に変更してみましょう。<br />
<img decoding="async" class="aligncenter size-full wp-image-2394" src="https://shifa-blog.com/wp-content/uploads/2023/07/17.jpg" alt="" width="600" height="257" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/17.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/07/17-300x129.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">その下にある「キャッチフレーズ」の項目を変更すると、サイト名の近くに表示されるの説明文を変更可能なので、必要であればこちらも修正してみよう！</div>
</div>
<p>&nbsp;</p>
<p>実際に設定を変更できたら、画面下にある<strong>「変更を保存」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2395" src="https://shifa-blog.com/wp-content/uploads/2023/07/18.jpg" alt="" width="312" height="176" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/18.jpg 312w, https://shifa-blog.com/wp-content/uploads/2023/07/18-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/07/18-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/07/18-160x90.jpg 160w" sizes="(max-width: 312px) 100vw, 312px" /></p>
<p>&nbsp;</p>
<p>すると、「設定を保存しました。」と表示され、画面左上にあるサイト名も変更されます。</p>
<p>後は画面左上のサイト名をクリックし、実際のサイトの方でもタイトルが変更されているのか確認しましょう！<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2396" src="https://shifa-blog.com/wp-content/uploads/2023/07/19.jpg" alt="" width="409" height="231" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/19.jpg 409w, https://shifa-blog.com/wp-content/uploads/2023/07/19-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/07/19-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/07/19-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/07/19-320x180.jpg 320w" sizes="(max-width: 409px) 100vw, 409px" /></p>
<p>&nbsp;</p>

<h2><span id="toc2">サイトタイトルを画像で表示させる方法（ヘッダーロゴ）</span></h2>
<p>先ほどのサイトタイトルの変更方法は、あくまで文字だけを変更する方法でした。</p>
<p>シンプルなデザインのサイト名が好きなのであれば問題無いですが、<strong>凝ったデザインにしたいのであれば画像を使用してサイトタイトルを表示させるのがおすすめです！</strong></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">ヘッダーロゴを使用するとも言います！</div>
</div>
<p>ただ、実際にサイトタイトルを画像で表示させる場合、使用しているテーマによって設定方法が異なっています。</p>
<p>今回は初心者ブロガーがよく使用している<strong>「Cocoon」</strong>での設定方法を解説するので、実際にCocoonを使用している人は参考にしてください。</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-139" src="https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">他のテーマを使用している場合は、そのテーマでの設定方法を解説している他のブログ記事を確認して対処してください。</div>
</div>
<p>&nbsp;</p>
<p>それではやり方を解説しますが、WordPress管理画面の左側にある<strong>「Cocoon設定」から「Cocoon設定」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2397" src="https://shifa-blog.com/wp-content/uploads/2023/07/20.jpg" alt="" width="552" height="343" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/20.jpg 552w, https://shifa-blog.com/wp-content/uploads/2023/07/20-300x186.jpg 300w" sizes="(max-width: 552px) 100vw, 552px" /></p>
<p>&nbsp;</p>
<p>次に<strong>「ヘッダー」</strong>タブをクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1539" src="https://shifa-blog.com/wp-content/uploads/2023/05/216.jpg" alt="" width="600" height="143" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/216.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/216-300x72.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にヘッダーロゴという項目があるので<strong>「選択」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1542" src="https://shifa-blog.com/wp-content/uploads/2023/05/219.jpg" alt="" width="600" height="83" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/219.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/219-300x42.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に画像を選択できる画面が表示されるので、<strong>サイトタイトルの代わりに表示させたい画像をアップロード</strong>してください。</p>
<p>そして、<strong>クリックして選択した後に「画像の選択」をクリック</strong>しましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2398" src="https://shifa-blog.com/wp-content/uploads/2023/07/21.jpg" alt="" width="600" height="436" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/21.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/07/21-300x218.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">画像サイズは<strong>幅800px・高さ200px（多少前後してもOK）</strong>で、<strong>背景を透過したpng形式</strong>の画像がおすすめです！</div>
</div>
<p>ちなみに、画像の背景を透過させる方法がわからない人もいると思いますが、<strong>GIMP</strong>という画像編集ソフトを使用した背景透過方法を自分が運営している別ブログで解説しています。</p>
<p>以下のリンクから詳細な情報が確認できるページに飛べるので、気になる人はチェックしてみてください！</p>
<p>＞＞<a rel="noopener" href="https://shifa-channel.com/gimp-gazou-kirinuki/" target="_blank">GIMPで画像の背景を透過させる方法を確認する！</a></p>
<a rel="noopener" href="https://shifa-channel.com/gimp-gazou-kirinuki/" title="GIMPで画像を切り抜き、背景を透明化(透過)して保存する3つの方法！" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://shifa-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/6ef637359537bb5c14fecd333df1bd6f.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">GIMPで画像を切り抜き、背景を透明化(透過)して保存する3つの方法！</div><div class="blogcard-snippet external-blogcard-snippet">GIMPを使用して画像を切り抜き、背景を透明化して保存したいけどやり方がわからないと悩んでいませんか？今回はそんな人のために3つのやり方を解説していくので、背景を透過させたい画像によって編集方法をチェックしてみて下さい！</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-channel.com/gimp-gazou-kirinuki/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">shifa-channel.com</div></div></div></div></a>
<p>&nbsp;</p>
<p>実際にアップロードした画像を選択すると、以下のように画像が表示されるので、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1546" src="https://shifa-blog.com/wp-content/uploads/2023/05/221.jpg" alt="" width="600" height="137" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/221.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/221-300x69.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>画面下にある<strong>「変更をまとめて保存」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1502" src="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg" alt="" width="350" height="186" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg 350w, https://shifa-blog.com/wp-content/uploads/2023/05/186-300x159.jpg 300w" sizes="(max-width: 350px) 100vw, 350px" /></p>
<p>&nbsp;</p>
<p>実際にサイトを確認すると、選択した画像がヘッダーロゴとして表示されます！<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2389" src="https://shifa-blog.com/wp-content/uploads/2023/05/14-3.jpg" alt="" width="600" height="307" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/14-3.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/14-3-300x154.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>ちなみに、サイトタイトルの背景も編集したいのであれば、<strong>ヘッダー背景画像</strong>という設定項目があります。</p>
<p>実際に<strong>「選択」</strong>をクリックすると、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1548" src="https://shifa-blog.com/wp-content/uploads/2023/05/222.jpg" alt="" width="600" height="144" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/222.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/222-300x72.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>画像を選択できる画面が表示されるので、<strong>背景画像として</strong><strong>表示させたい画像をアップロード</strong>してください。</p>
<p>そして、<strong>クリックして選択した後に「画像の選択」をクリック</strong>しましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2400" src="https://shifa-blog.com/wp-content/uploads/2023/05/22-3.jpg" alt="" width="600" height="437" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/22-3.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/22-3-300x219.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">背景画像は<strong>幅1600px・高さ300px（多少前後してもOK）</strong>で、<strong>jpg形式の画像</strong>を使用するのがおすすめです！</div>
</div>
<p>ちなみに、フリー画像サイトを32個まとめたページを、自分が運営している別のブログで解説しています。</p>
<p>背景用の画像が欲しいと思うのであれば、以下のリンクからチェックしてみてください！</p>
<p>＞＞<a rel="noopener" href="https://shifa-channel.com/osyare-freegazou/" target="_blank">おしゃれなフリー画像がDLできるおすすめサイト32選を確認する！</a></p>
<a rel="noopener" href="https://shifa-channel.com/osyare-freegazou/" title="おしゃれなフリー画像がDLできるおすすめサイト32選！（写真/アイコン/イラスト）" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://shifa-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/85b831971456e8c675ee1ff52ee46f8f.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">おしゃれなフリー画像がDLできるおすすめサイト32選！（写真/アイコン/イラスト）</div><div class="blogcard-snippet external-blogcard-snippet">動画やブログを作成する時や、チラシや資料といったビジネスで使用する時に画像を使いたいけどどこからダウンロードできるかわからないと悩んでませんか？そんなあなたに無料で利用でき、おしゃれなフリー画像がDLできるサイトを32個紹介したいと思います！</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-channel.com/osyare-freegazou/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">shifa-channel.com</div></div></div></div></a>
<p>&nbsp;</p>
<p>ただ注意点として、フリー画像サイトからダウンロードした画像は、<span class="bold blue">サイズが幅1600px・高さ300pxになっていないことが多いです。</span></p>
<p>このサイズに調整するのであれば、画像編集ソフトを使用して調整する必要がありますが、<strong>JTrim</strong>という画像編集ソフトを使用してサイズ調整するのをおすすめしています。</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">このブログで使っている解説用の画像もJTrimで編集しているので、今後のブログ運営でも役に立ちますよ！</div>
</div>
<p>実際にJTrimをインストールする方法や基本的な使い方を解説したページを作成しているので、以下のリンクから詳細情報をチェックしてみてください。</p>
<p>＞＞<a href="https://shifa-blog.com/jtrim-install-usage/">JTrimのインストール方法と基本的な画像編集方法を確認する！</a></p>
<a href="https://shifa-blog.com/jtrim-install-usage/" title="JTrimとは？インストール方法と基本的な使い方を初心者向けに徹底解説！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">JTrimとは？インストール方法と基本的な使い方を初心者向けに徹底解説！</div><div class="blogcard-snippet internal-blogcard-snippet">JTrimは無料で利用できる画像編集ソフトとなっておりブログ記事内に挿入する画像を編集する場合に非常に便利です。このページではインストール方法と基本的な使い方を初心者向けに徹底解説しているので要チェック！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>&nbsp;</p>
<p>実際に画像を選択すると、以下のように選択した画像が表示されるので、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1551" src="https://shifa-blog.com/wp-content/uploads/2023/05/223-1.jpg" alt="" width="600" height="200" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/223-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/223-1-300x100.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>画面下にある<strong>「変更をまとめて保存」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1502" src="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg" alt="" width="350" height="186" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg 350w, https://shifa-blog.com/wp-content/uploads/2023/05/186-300x159.jpg 300w" sizes="(max-width: 350px) 100vw, 350px" /></p>
<p>&nbsp;</p>
<p>実際にサイトを確認すると、選択した画像がヘッダー背景画像として表示されます！<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2390" src="https://shifa-blog.com/wp-content/uploads/2023/05/15-2.jpg" alt="" width="600" height="393" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/15-2.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/15-2-300x197.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>設定方法の解説は以上になりますが、クオリティの高いヘッダーロゴにしたいのであれば、そのようなロゴを描いているクリエイターに依頼するのがおすすめです。</p>
<p>そのようなクリエイター（絵師）を探す方法や実際の依頼方法を解説したページを作成しているので、気になる人は以下のリンクからチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/logo-icon-create-request/">クリエイターにサイトロゴの作成依頼をする方法を確認する！</a></p>
<a href="https://shifa-blog.com/logo-icon-create-request/" title="高クオリティのサイトロゴやアイコン画像の作成を有償依頼する方法を徹底解説！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">高クオリティのサイトロゴやアイコン画像の作成を有償依頼する方法を徹底解説！</div><div class="blogcard-snippet internal-blogcard-snippet">WordPressブログ用にサイトロゴやアイコン画像は必要？実際に作成するにはどうしたらいいの？と悩むあなたに！サイトロゴやアイコン画像の必要性やクオリティの高いサイトロゴやアイコン画像の作成を有償依頼する方法を徹底解説しています！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>&nbsp;</p>
<h2><span id="toc3">まとめ</span></h2>
<p>今回は、</p>
<div class="blank-box bb-green"><strong>・WordPressのサイト名(タイトル)の変更方法<br />
・サイト名(タイトル)を画像で表示させる方法<br />
</strong></div>
<p>このような内容について解説しました！</p>
<p>ちなみに、テーマに「Cocoon」を使っている人向けに、Cocoonでのブログデザインのカスタマイズ方法を10個解説したページも作成しています。</p>
<p>こちらから実際のページを確認できるので、興味がある場合はチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/cocoon-design-customization/">Cocoonを使ってブログデザインをカスタマイズする10個の方法を確認する！</a></p>
<a href="https://shifa-blog.com/cocoon-design-customization/" title="Cocoonを使ってブログデザインをカスタマイズする方法10選" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Cocoonを使ってブログデザインをカスタマイズする方法10選</div><div class="blogcard-snippet internal-blogcard-snippet">WordPressブログでテーマにCocoonを使用している場合、ブログデザインをカスタマイズできる設定がたくさん存在しています。今回はその中でも10個のデザインカスタマイズ方法を解説するので、よりクオリティの高いブログに仕上げてみましょう！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>&nbsp;</p>
<p>また、このブログでは、これから副業でブログを始めたい人、稼ぎたい人に向けて情報発信をしています。</p>
<p>サイト内カテゴリやサイトマップを活用して、他の情報もチェックしてみてください！</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-61" src="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">
<p>わからないことがある場合はコメントで具体的に質問してみてね！（全てがわかるわけではないのでその点は注意）</p>
</div>
</div>
  <div class="author-box border-element no-icon cf">
          <div class="author-widget-name">
        この記事を書いた人      </div>
        <figure class="author-thumb">
      <img alt='しふぁ' src='https://shifa-blog.com/wp-content/uploads/2023/04/アイコン画像-完成（背景あり）.jpg' class='avatar avatar-200 photo' height='200' width='200' />    </figure>
    <div class="author-content">
      <div class="author-name">
        <a rel="author" href="https://shifa-blog.com/author/shifa/" title="しふぁ の投稿">しふぁ</a>      </div>
      <div class="author-description">
        <p>高卒→工場勤務→夜勤＆月残業70時間以上の激務で身長173㎝なのに体重50㎏を切り、体調にも影響が出る→仕事4年目に「ブログで稼げる」という情報を知る→22歳で仕事を退職してブログに専念→約11か月で月10万円達成→今では月収7桁を越え、8年以上もブログだけで飯食ってます。1993年生まれ。別ジャンルでYouTubeでも活躍してます。どうぞよろしく。</p>

      </div>
            <div class="profile-follows author-follows">
        <!-- SNSページ -->
<div class="sns-follow bc-brand-color fbc-hide sf-profile">

    <div class="sns-follow-message">しふぁをフォローする</div>
    <div class="sns-follow-buttons sns-buttons">

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    
      <a rel="nofollow noopener" href="//feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fshifa-blog.com" class="sns-button follow-button feedly-button feedly-follow-button-sq" target="_blank" title="feedlyで更新情報を購読"><span class="icon-feedly-logo"></span><span class="follow-count feedly-follow-count"></span></a>
  
      <a rel="nofollow" href="https://shifa-blog.com/feed/" class="sns-button follow-button rss-button rss-follow-button-sq" target="_blank" title="RSSで更新情報をフォロー"><span class="icon-rss-logo"></span></a>
  
  </div><!-- /.sns-follow-buttons -->

</div><!-- /.sns-follow -->
      </div>
      
    </div>
  </div>

<p><a href="https://shifa-blog.com/wordpress-site-title/">WordPressのサイト名(タイトル)の変更方法！画像で表示させる方法も解説【Cocoon向け】</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://shifa-blog.com/wordpress-site-title/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2388</post-id>	</item>
	</channel>
</rss>
