<?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/"
	>

<channel>
	<title>ヘッダー  |  らいなのらいふ</title>
	<atom:link href="https://rainanolife.com/tag/%E3%83%98%E3%83%83%E3%83%80%E3%83%BC/feed/" rel="self" type="application/rss+xml" />
	<link>https://rainanolife.com</link>
	<description>本当に好きなゲームの攻略とレビュー、ミュージカル刀剣乱舞の情報をまとめています</description>
	<lastBuildDate>Sat, 02 Apr 2022 01:27:40 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.6.5</generator>

<image>
	<url>https://rainanolife.com/wp-content/uploads/2021/08/cropped-blog_icon_image-32x32.png</url>
	<title>ヘッダー  |  らいなのらいふ</title>
	<link>https://rainanolife.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"/>
<atom:link rel="self" href="https://rainanolife.com/tag/%E3%83%98%E3%83%83%E3%83%80%E3%83%BC/feed/"/>
<site xmlns="com-wordpress:feed-additions:1">196146197</site>	<item>
		<title>【ブログ初心者向け】Canvaでヘッダー画像を作ろう【Canvaで作る画像シリーズ】</title>
		<link>https://rainanolife.com/create-a-header-image-with-canva/</link>
					<comments>https://rainanolife.com/create-a-header-image-with-canva/#respond</comments>
		
		<dc:creator><![CDATA[らいな]]></dc:creator>
		<pubDate>Fri, 20 Aug 2021 08:50:00 +0000</pubDate>
				<category><![CDATA[雑記]]></category>
		<category><![CDATA[ブログ]]></category>
		<category><![CDATA[ヘッダー]]></category>
		<category><![CDATA[無料]]></category>
		<category><![CDATA[画像編集]]></category>
		<guid isPermaLink="false">https://rainanolife.com/?p=1290</guid>

					<description><![CDATA[らいなです。WordPressのテーマを「Lightning」から「Cocoon」に変更しました。 そこで今回は、ヘッダー画像も合わせて変更しようと思いまして、その手順とこれからヘッダー画像を作るよ！という人に向けて、手 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>らいなです。WordPressのテーマを「Lightning」から「Cocoon」に変更しました。</p>



<p>そこで今回は、ヘッダー画像も合わせて変更しようと思いまして、その手順とこれからヘッダー画像を作るよ！という人に向けて、手順と気を付けた方がいいことをまとめました。</p>



<p>SEOが気になる人に向けてというよりは、ブログ初めての人向けに書いています。</p>




  <div id="toc" class="toc tnt-none toc-center tnt-none 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">
    <ul class="toc-list open"><li><a href="#toc1" tabindex="0">ヘッダー画像とは？ → サイトのタイトル画像のこと(ほぼ)</a></li><li><a href="#toc2" tabindex="0">ヘッダー画像はいる？いらない？ → 別になくてもいい</a></li><li><a href="#toc3" tabindex="0">ヘッダー画像を作る準備をしよう</a></li><li><a href="#toc4" tabindex="0">ヘッダー画像を作ろう【Canva編】</a><ul><li><a href="#toc5" tabindex="0">Canvaで画像のサイズ指定をして新規作成 → 文字を入力する</a></li><li><a href="#toc6" tabindex="0">Canvaのテキストの編集方法</a></li><li><a href="#toc7" tabindex="0">Canvaで作成した画像をダウンロードする</a></li></ul></li><li><a href="#toc8" tabindex="0">まとめ</a></li></ul>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">ヘッダー画像とは？ → サイトのタイトル画像のこと(ほぼ)</span></h2>



<p>ExcelやWordを普段使用している人にとって「ヘッダー」という言葉は馴染み深いものですが、パソコンを日常的に触らない方にとっては、意味のわからないものです。「ヘッダー画像」とは、見出しにもある通り、ブログやホームページのタイトル画像であるとほぼ考えていれば問題ないです。</p>



<p>「ヘッダー」自体は本文の上の領域を指していることが多いですが、違う意味の言葉であることも多いので難しいですね。</p>



<h2 class="wp-block-heading"><span id="toc2">ヘッダー画像はいる？いらない？ → 別になくてもいい</span></h2>



<p>いわばブログの看板となる「ヘッダー画像」ですが、本当にいるかどうかという話になると&#8221;いらない&#8221;です。検索流入を狙っても、画像に何が書かれているかまではわからない、ということです。今後SEOで画像識別もやります！となったら面白いですね。</p>



<p>SNSからの流入を目指す場合も、ヘッダー画像があると見栄えがいいのは間違いないですし、&#8221;ちゃんと作ろうとしている感&#8221;が出ます。ブログ初心者同士でコミュニケーションを取ることも増えていますから、認知してもらうという意味で作成することはいいことかもしれません。</p>



<p>しかし、この時点でヘッダー画像作るのが面倒に感じるのであれば、WordPressテーマの設定からタイトルを表示するように変更して、ひとまず記事を書きましょう。</p>



<h2 class="wp-block-heading"><span id="toc3">ヘッダー画像を作る準備をしよう</span></h2>



<p>いきなりでは何から手を付けたらいいか迷ってしまいます。まずは、ヘッダー画像に必要なものを考えてみましょう。</p>



<ul class="wp-block-list"><li>ブログのタイトル（必須）</li><li>背景画像（あれば）</li></ul>



<p>次に何を使って作るかを考えます。どんなペイントソフトを使用するかです。Windowsユーザーであれば、ペイントが標準で入っていますが、ご存知のとおり使いにくいですね。慣れたら結構使えますが、慣れるまでの時間がもったいないので、私が普段使用している「Canva」というツールを紹介します。</p>




<a rel="nofollow noopener" target="_blank" href="https://www.canva.com/ja_jp/" title="Just a moment..." class="blogcard-wrap external-blogcard-wrap a-wrap cf"><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 decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwww.canva.com%2Fja_jp%2F?w=160&#038;h=90" 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">Just a moment...</div><div class="blogcard-snippet external-blogcard-snippet"></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 decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.canva.com/ja_jp/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.canva.com</div></div></div></div></a>



<p>登録が必要ですが、Googleアカウント、Facebookアカウント、Apple IDがあれば、面倒な登録作業はないので簡単です。無料で様々な機能やテンプレートを使用することができます。Canvaで作成した画像は商用利用可能です。この紹介はまた今度。</p>



<h2 class="wp-block-heading"><span id="toc4">ヘッダー画像を作ろう【Canva編】</span></h2>



<p>様々なテンプレートがあるので、どこか適当に選んでしまいそうですが、Canva無料版では一度作成を始めてしまうと画像サイズを変更することができません。そのため、最初のサイズ設定が肝心です。</p>



<h3 class="wp-block-heading"><span id="toc5">Canvaで画像のサイズ指定をして新規作成 → 文字を入力する</span></h3>



<p>①右上の「デザインを作成」を押します。</p>



<p>②出てきたリストの下部にある「カスタムサイズ」を押します。</p>



<div class="wp-block-image"><figure class="alignleft size-full"><img fetchpriority="high" decoding="async" width="857" height="647" src="https://rainanolife.com/wp-content/uploads/2021/08/canva_home_make_new_image.png" alt="Canvaホーム画面から新規作成する" class="wp-image-1291" srcset="https://rainanolife.com/wp-content/uploads/2021/08/canva_home_make_new_image.png 857w, https://rainanolife.com/wp-content/uploads/2021/08/canva_home_make_new_image-300x226.png 300w, https://rainanolife.com/wp-content/uploads/2021/08/canva_home_make_new_image-768x580.png 768w" sizes="(max-width: 857px) 100vw, 857px" /><figcaption>Canvaホーム画面から新規作成する</figcaption></figure></div>



<p>③「幅」と「高さ」を入力します。私が使用中のWordPressテーマの推奨サイズは幅960px、高さ250pxです。</p>



<p>④入力すると押せるようになる「新しいデザインを作成」を押します。</p>



<div class="wp-block-image"><figure class="alignleft size-full"><img loading="lazy" decoding="async" width="382" height="311" src="https://rainanolife.com/wp-content/uploads/2021/08/canva_home_custumsize_image.png" alt="" class="wp-image-1294" srcset="https://rainanolife.com/wp-content/uploads/2021/08/canva_home_custumsize_image.png 382w, https://rainanolife.com/wp-content/uploads/2021/08/canva_home_custumsize_image-300x244.png 300w" sizes="(max-width: 382px) 100vw, 382px" /><figcaption>カスタムサイズを入力する</figcaption></figure></div>



<p>ボタンを押すと次のような画面が新しいタブで表示されます。</p>



<div class="wp-block-image"><figure class="alignleft size-large"><img loading="lazy" decoding="async" width="1024" height="484" src="https://rainanolife.com/wp-content/uploads/2021/08/canva_editor_init_960x250px_image-1024x484.png" alt="" class="wp-image-1295" srcset="https://rainanolife.com/wp-content/uploads/2021/08/canva_editor_init_960x250px_image-1024x484.png 1024w, https://rainanolife.com/wp-content/uploads/2021/08/canva_editor_init_960x250px_image-300x142.png 300w, https://rainanolife.com/wp-content/uploads/2021/08/canva_editor_init_960x250px_image-768x363.png 768w, https://rainanolife.com/wp-content/uploads/2021/08/canva_editor_init_960x250px_image-1536x727.png 1536w, https://rainanolife.com/wp-content/uploads/2021/08/canva_editor_init_960x250px_image.png 1913w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>名称未設定のデザイン &#8211; 960px × 250px</figcaption></figure></div>



<p>⑤上部の「名称未設定のデザイン &#8211; 960px × 250px」の部分をクリックして、この画像のタイトルを決めましょう。あとで変更することもできるので飛ばしても大丈夫です。</p>



<p>⑥最左部にあるタブのうち、「テキスト」を押す。</p>



<p>⑦「見出しを追加」を押す。</p>



<p>⑧右側に現れた枠にブログのタイトルを入力する。</p>



<div class="wp-block-image"><figure class="alignleft size-large"><img loading="lazy" decoding="async" width="1024" height="486" src="https://rainanolife.com/wp-content/uploads/2021/08/canva_editor_text_select_image-1024x486.png" alt="" class="wp-image-1296" srcset="https://rainanolife.com/wp-content/uploads/2021/08/canva_editor_text_select_image-1024x486.png 1024w, https://rainanolife.com/wp-content/uploads/2021/08/canva_editor_text_select_image-300x142.png 300w, https://rainanolife.com/wp-content/uploads/2021/08/canva_editor_text_select_image-768x365.png 768w, https://rainanolife.com/wp-content/uploads/2021/08/canva_editor_text_select_image-1536x729.png 1536w, https://rainanolife.com/wp-content/uploads/2021/08/canva_editor_text_select_image.png 1919w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>テキストからブログタイトルを入力する</figcaption></figure></div>



<p>最低限これでブログの看板としてのヘッダー画像ができました。しかし、表示中の白い部分が最終的な画像としてダウンロードできる部分なので、余白に対して文字が小さい気がします。続いて文字のサイズを含めて、テキストの編集方法について紹介します。</p>



<h3 class="wp-block-heading"><span id="toc6">Canvaのテキストの編集方法</span></h3>



<p>以前、こちらのページにCanvaのテキスト編集で使うことができる機能をまとめましたので、詳細が気になる方は読んでみてください。</p>




<a rel="nofollow" target="_blank" href="https://rainanolife.com/canva-beginners-edit-text/" title="【Canva初心者向け】テキストの編集方法や機能まとめ【Canvaで作る画像シリーズ】" 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 loading="lazy" decoding="async" width="160" height="90" src="https://rainanolife.com/wp-content/uploads/2021/08/20210813_icatch_image-160x90.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://rainanolife.com/wp-content/uploads/2021/08/20210813_icatch_image-160x90.png 160w, https://rainanolife.com/wp-content/uploads/2021/08/20210813_icatch_image-120x68.png 120w, https://rainanolife.com/wp-content/uploads/2021/08/20210813_icatch_image-320x180.png 320w, https://rainanolife.com/wp-content/uploads/2021/08/20210813_icatch_image-341x192.png 341w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【Canva初心者向け】テキストの編集方法や機能まとめ【Canvaで作る画像シリーズ】</div><div class="blogcard-snippet internal-blogcard-snippet">Canvaを使用する皆さんへ、テキストの編集機能をまとめました。</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 loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://rainanolife.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">rainanolife.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2021.08.12</div></div></div></div></a>



<p>いろいろできます。ブログのタイトルを編集するために必要のない機能もありますが、どこから手をつけていこうかという話になります。自己流ではありますが、おすすめの編集方法を紹介します。</p>



<ol class="wp-block-list"><li>フォントの変更</li><li>エフェクトの付加</li><li>文字間隔、行間隔の変更</li><li>太字、斜体、下線の変更</li><li>文字サイズの変更</li><li>文字色の変更</li></ol>



<p>決してこの順番を守る必要はありませんが、文字サイズの変更はできるだけ最後のほうで手をつけましょう。理由は、フォントなど文字自体の形や太さが変わることで、テキストの見た目のサイズが変化するからです。</p>



<h3 class="wp-block-heading"><span id="toc7">Canvaで作成した画像をダウンロードする</span></h3>



<p>作成した画像はCanvaに自動保存されますが、WordPressなどのブログへ使用するには一度ダウンロードする必要があります。ダウンロードするには、右上のダウンロードボタンを押して、表示された画像形式を確認して、紫色のダウンロードボタンを押します。様々な画像形式を選択することができますが、基本的にPNG形式で問題ないと思います。将来的には画像サイズとの戦いになりますが、WordPressのプラグインなどで圧縮するという対処方法があります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="363" height="445" src="https://rainanolife.com/wp-content/uploads/2021/08/canva_editor_download_image.png" alt="Canvaの画像ダウンロードのイメージ" class="wp-image-1311" srcset="https://rainanolife.com/wp-content/uploads/2021/08/canva_editor_download_image.png 363w, https://rainanolife.com/wp-content/uploads/2021/08/canva_editor_download_image-245x300.png 245w" sizes="(max-width: 363px) 100vw, 363px" /><figcaption>Canvaの画像ダウンロードのイメージ</figcaption></figure>



<h2 class="wp-block-heading"><span id="toc8">まとめ</span></h2>



<p>今回は、Canvaを使用したヘッダー画像の作成方法についてまとめました。officeアカウントがある人はパワーポイントのほうが使いやすい気もしますが、持っていない人にはおすすめできるツールとなっています。「Canva ○○」と検索すれば、たくさんのブロガーが便利な機能など記事にまとめていますのでぜひ探してみてください。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://rainanolife.com/create-a-header-image-with-canva/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1290</post-id>	</item>
	</channel>
</rss>
