<?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://3lbox.com/archives/tag/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC/feed" rel="self" type="application/rss+xml" />
	<link>https://3lbox.com</link>
	<description>暇人による暇人のための漫画ブログ</description>
	<lastBuildDate>Thu, 05 Sep 2019 12:51:20 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://3lbox.com/wp-content/uploads/2019/07/cropped-1ac1f61113141d7858858badbc588cd5-32x32.png</url>
	<title>【メニュー】タグの記事一覧｜いちのへ日記</title>
	<link>https://3lbox.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>WordPressの固定ページとメニューの話</title>
		<link>https://3lbox.com/archives/1968</link>
					<comments>https://3lbox.com/archives/1968#respond</comments>
		
		<dc:creator><![CDATA[らずり]]></dc:creator>
		<pubDate>Thu, 05 Sep 2019 07:48:07 +0000</pubDate>
				<category><![CDATA[WordPressとブログ運営の話]]></category>
		<category><![CDATA[初期設定]]></category>
		<category><![CDATA[初心者]]></category>
		<category><![CDATA[固定ページ]]></category>
		<category><![CDATA[メニュー]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://3lbox.com/?p=1968</guid>

					<description><![CDATA[早速舞い戻ってまいりました！ 記事のリクエストがあったので、今回は固定ページとメニューの使い方に関して書いていきたいと思います。 私のページでは専門的な話はできないので、ここでは気軽に目を通してもらって、もっと詳しく知り]]></description>
										<content:encoded><![CDATA[<p>早速舞い戻ってまいりました！</p>
<p>記事のリクエストがあったので、今回は固定ページとメニューの使い方に関して書いていきたいと思います。</p>
<p>私のページでは専門的な話はできないので、ここでは気軽に目を通してもらって、もっと詳しく知りたい場合は他のサイトも確認しながら知識を増やしてくださいね。</p>
<p>それでは早速始めていきましょう！</p>
<h2>投稿と固定ページ</h2>
<h3>投稿と固定ページの違い</h3>
<p>まず、「投稿と固定ページの違いが分からない」と思う方が多いかもしれませんね。</p>
<p>どちらも新規投稿をする画面は変わらないので、何で分けられてるの？って感じだと思います。</p>
<p>両方の画面を開いてもあまり違いはありません。</p>
<p>でも実は右側の設定の欄に実は少し違いがあるんですよ。</p>
<p>分かりますか？</p>
<img fetchpriority="high" decoding="async" class="aligncenter wp-image-1973 size-full" src="https://3lbox.com/wp-content/uploads/2019/09/bfd83afbed4b06614676d8f1f86fa0ba.png" alt="" width="603" height="715" />
<p>そう、黄色く色を塗られた部分が違いです！</p>
<p>投稿ではカテゴリーとタグを追加する項目が設定できるようになっています。</p>
<p>だから？って感じかもしれませんが</p>
<div class="simple-box6">
<p><strong>投稿は『ブログ的な運用に向いている』</strong></p>
<p><strong>固定ページは『サイトのコンテンツを作るのに向いてる』</strong></p>
</div>
<p>というイメージで考えてもらえれば分かりやすいかと思います。</p>
<p>サイトのコンテンツというのは企業サイトにあるような「会社説明」や「料金設定」などの独立したページというイメージですね。</p>
<p>ちょっと想像できましたか？</p>
<p>では、私のブログで投稿と固定ページの使い分けを少し見てみたいと思います。</p>
<p>まずは投稿の方ですが、これは普段更新しているブログ（絵日記）の記事の部分です。</p>
<img decoding="async" class="aligncenter wp-image-1974 size-full" src="https://3lbox.com/wp-content/uploads/2019/09/cba534abdef48fa0b51f96d1e7dc7774.png" alt="" width="1020" height="926" srcset="https://3lbox.com/wp-content/uploads/2019/09/cba534abdef48fa0b51f96d1e7dc7774.png 1020w, https://3lbox.com/wp-content/uploads/2019/09/cba534abdef48fa0b51f96d1e7dc7774-300x272.png 300w, https://3lbox.com/wp-content/uploads/2019/09/cba534abdef48fa0b51f96d1e7dc7774-768x697.png 768w, https://3lbox.com/wp-content/uploads/2019/09/cba534abdef48fa0b51f96d1e7dc7774.png 856w" sizes="(max-width: 1020px) 100vw, 1020px" />
<p>もうめっちゃブログって感じ。</p>
<p>新しい記事ができればトップページに自動で時系列順に表示されて、カテゴリーなどの紐付けができるようになります。</p>
<p>もう全部投稿で作ってるんじゃないの？？と思うかもしれませんが、実は固定ページで作っているところも一応あるんですよ。</p>
<p>はいこちら。</p>
<img decoding="async" class="aligncenter wp-image-1975 size-full" src="https://3lbox.com/wp-content/uploads/2019/09/871e15ca3a8d45f4976a7b580ba90d5c.png" alt="" width="794" height="747" />
<p>『お問い合わせ』、『プライバシーポリシー』、『免責事項』。</p>
<p>この３つだけです。</p>
<p>これらは、私のサイトの中では独立した存在です。</p>
<p>別に時系列に並べる必要もないし、カテゴリー分けして別の記事と紐付けすべき内容でもありません。</p>
<p>だから固定ページで作られています。</p>
<p>ちなみに固定ページは、新しく作成しても通常は自動でどこかに表示されるものではありません。(設定次第)</p>
<p>折角書いたのに私の固定ページは一体どこへ……？と思うかもしれませんが、それぞれをリンクで貼るなりメニューとして固定してあげないとサイト上には現れないんです。</p>
<p>ページのどこかにあるはずだ！と思い込んでいるとパニックになるのでお気をつけて。</p>
<p>固定ページを上手に使いこなせるようになると、固定ページを使ってデザインのカスタマイズができるようになったりするのですが、最初のうちはあまり深く考えなくても大丈夫だと思います。</p>
<p>ここまでで固定ページの説明は伝わりましたか？</p>
<p>なんとなーく、違いがあるんだなということくらいは分かりましたかね。</p>
<p>SEO的にも違いがあるらしいですが、その辺りを知りたい人は詳しい人の説明を探してみてください。</p>
<h3>固定ページのちょっとした参考例</h3>
<p>固定ページと投稿の使い分けについて、少しだけ参考に例を置いておくので、自分のサイトを作る時に参考にしてみてください。</p>
<p>別にこうしなければいけないというものでもないので、こんな風にしてもいいのか〜程度に考えてもらえればと思います。</p>
<h4>ブログとイラストを分けたい人</h4>
<p>私がこういうサイトを作る場合は、ブログの部分は『投稿』で更新して、イラストのギャラリーは『固定ページ』で作ると思います。</p>
<p>イラストだけを見れる部屋を独立させて作るというイメージですかね。</p>
<p>前回お話したプラグインという機能を使えば、ギャラリー形式でイラストを表示できるプラグインも存在します。</p>
<p>でも別に投稿で描いてカテゴリー分けしたっていいじゃん！！って思う人はそうやっても全然良いと思います。</p>
<p>その場合は、『<a href="https://demo.gavick.com/wordpress/portfolio/" target="_blank" rel="noopener noreferrer">PORTFOLIO</a>』のようなテンプレートを使ってあげるほうが見ている側に親切かもしれません。</p>
<p>あとは、プロフィールやお問い合わせなんかを『固定ページ』で作ります。</p>
<h4>漫画を1話ずつ更新していきたい人</h4>
<p>この場合は、私だったら漫画のタイトルをカテゴリー分けして作るほうが見やすいと思うので、『投稿』で1話ずつ記事を作ると思います。</p>
<p>イラストと違い、1話に何ページかの漫画を載せるからというのも理由の一つです。</p>
<p>また、漫画には『時系列』も必要ですよね。</p>
<p>ブログも合わせて描きたいのなら、ブログ(日記)用のカテゴリーを作ります。</p>
<p>私のページでも、カテゴリーをクリックするとカテゴリー別に記事が表示されるので、読者は漫画のタイトルごとに表示することも可能です。</p>
<h4>アフィリエイト系のサイトを作りたい人。</h4>
<p>プロフィールやお問い合わせ、免責事項などは『固定ページ』で作って、あとは『投稿』で作ります。</p>
<p>こういう人たちはSEOの話が重要になってくると思うので、SEO対策についての知識もきちんと頭に入れた上で作業に入ってくださいね。</p>
<p>&nbsp;</p>
<p>こんな感じでしょうか。あくまで「私だったらこうするかな〜」程度なので、本当に参考程度に見ておいてください。</p>
<p>さぁ、固定ページの説明が終わりました！</p>
<p>それでは次はメニューの使い方を見ていきましょう。</p>
<h2>メニューを作る前に</h2>
<p>と、その前に。</p>
<p>メニューを作るためには、リンクを飛ばしたいページが必要になります。</p>
<p>WordPressをインストールした時から既にサンプル用の『投稿』と『固定ページ』は自動で作られていると思います。</p>
<p>が、これらを削除して、自分で一つずつ『投稿』と『固定ページ』を作ってみてください。</p>
<p>『投稿』は適当で大丈夫です。</p>
<p>『固定ページ』は折角なので簡単なプロフィールの記事なんかを作ってみましょう。</p>
<p>タイトルは「プロフィール」、内容は簡単なもので大丈夫です。</p>
<img loading="lazy" decoding="async" class="aligncenter wp-image-1990 size-full" src="https://3lbox.com/wp-content/uploads/2019/09/5b3418352b1fbbe920422b3b520e8730.png" alt="" width="2538" height="746" srcset="https://3lbox.com/wp-content/uploads/2019/09/5b3418352b1fbbe920422b3b520e8730.png 2538w, https://3lbox.com/wp-content/uploads/2019/09/5b3418352b1fbbe920422b3b520e8730-300x88.png 300w, https://3lbox.com/wp-content/uploads/2019/09/5b3418352b1fbbe920422b3b520e8730-768x226.png 768w, https://3lbox.com/wp-content/uploads/2019/09/5b3418352b1fbbe920422b3b520e8730-1024x301.png 1024w, https://3lbox.com/wp-content/uploads/2019/09/5b3418352b1fbbe920422b3b520e8730.png 856w" sizes="auto, (max-width: 2538px) 100vw, 2538px" />
<p>できましたか？</p>
<p>一度下書きを保存すると、タイトルの上に「パーマリンク」という項目が出てきます。</p>
<p>タイトルに入れた通りの文字がURLの後ろにつくんですが、日本語はSEO的によくないそうなので英語に変えておきましょう。</p>
<p>編集ボタンから変えることができます。</p>
<p>終わったら公開してしまいましょう！</p>
<p>ここで話は変わりますがひとつ朗報があります。</p>
<p>今初めて固定ページを触った人もいるかもしれません。</p>
<p>正直、記事作成画面めっちゃ見にくくないですか&#8230;&#8230;？</p>
<p>直感的ではないというか、昔のブログマンからしたらどこに何があるのか分からないと思います。</p>
<p>そんな人はプラグインで『<strong>Classic Editor』</strong>というものを追加しておきましょう。</p>
<img loading="lazy" decoding="async" class="aligncenter wp-image-1991 size-full" src="https://3lbox.com/wp-content/uploads/2019/09/aeae8069d256091b50376e56e9d86191.png" alt="" width="2498" height="1074" srcset="https://3lbox.com/wp-content/uploads/2019/09/aeae8069d256091b50376e56e9d86191.png 2498w, https://3lbox.com/wp-content/uploads/2019/09/aeae8069d256091b50376e56e9d86191-300x129.png 300w, https://3lbox.com/wp-content/uploads/2019/09/aeae8069d256091b50376e56e9d86191-768x330.png 768w, https://3lbox.com/wp-content/uploads/2019/09/aeae8069d256091b50376e56e9d86191-1024x440.png 1024w, https://3lbox.com/wp-content/uploads/2019/09/aeae8069d256091b50376e56e9d86191.png 856w" sizes="auto, (max-width: 2498px) 100vw, 2498px" />
<p>投稿画面がこんな風になります。</p>
<p>プラグインってすごくな！？</p>
<p>「いやいや、さっきの方が使いやすい！！」って人はそのまま使ってもらって全然大丈夫ですよ！！</p>
<p>このプラグインがいつWordPressのバージョン対応外になるか分からないので&#8230;&#8230;.そのまま適応できる方がきっと強い&#8230;&#8230;.(吐血)</p>
<p>それでは気を取り直して、メニューの作り方に進みましょう！</p>
<p>疲れたら一回休憩しましょうね！！</p>
<p>お茶！！飲んできて！！！</p>
<h2>メニューの使い方</h2>
<p>メニューの使い方まで分かると、固定ページを表示させることもできますので、どんどんサイトらしくなってきますよ！</p>
<p>それでは早速触ってみましょう。</p>
<h3>メニューのカスタマイズ画面</h3>
<p>サイトのメニューのカスタマイズは、WordPressの左側メニューの「外観」から「メニュー」を選びます。</p>
<img loading="lazy" decoding="async" class="aligncenter wp-image-1979 size-full" src="https://3lbox.com/wp-content/uploads/2019/09/e64649167e9846edfacf6d6e7f2bfb4a.png" alt="" width="648" height="344" />
<img loading="lazy" decoding="async" class="aligncenter wp-image-1980 size-full" src="https://3lbox.com/wp-content/uploads/2019/09/9d6e2dfc46746b12724f0f3b77b5ee78.png" alt="" width="330" height="390" />
<p>オンマウスで表示してもいいし、外観をクリックしてしまって下に表示させてもOKです。</p>
<p>メニューのカスタマイズ画面が出ましたか？</p>
<img loading="lazy" decoding="async" class="aligncenter wp-image-1981 size-full" src="https://3lbox.com/wp-content/uploads/2019/09/98319e453606a40468783acd552273eb.png" alt="" width="2520" height="1712" srcset="https://3lbox.com/wp-content/uploads/2019/09/98319e453606a40468783acd552273eb.png 2520w, https://3lbox.com/wp-content/uploads/2019/09/98319e453606a40468783acd552273eb-300x204.png 300w, https://3lbox.com/wp-content/uploads/2019/09/98319e453606a40468783acd552273eb-768x522.png 768w, https://3lbox.com/wp-content/uploads/2019/09/98319e453606a40468783acd552273eb-1024x696.png 1024w, https://3lbox.com/wp-content/uploads/2019/09/98319e453606a40468783acd552273eb.png 856w" sizes="auto, (max-width: 2520px) 100vw, 2520px" />
<p>こんな画面になればOKです。</p>
<p>上の方に「編集するメニューを選択」という欄がありますね。</p>
<p>上の画像を見てもらうと、プルダウンメニューになっていると思います。</p>
<p>これは、選んだテーマにもよりますが、メニューを何個か作れるためです。</p>
<p>メニューって一個じゃないの？って感じですが、一個じゃないんです！</p>
<p>私のサイトでいうと</p>
<ul>
<li>トップページのヘッダー画像下にあるメインメニュー</li>
<li>フッターのメニュー(プライバシーポリシー・免責事項)</li>
<li>スマホに右上に出るメニュー</li>
<li>スマホ右下のメニュー</li>
</ul>
<p>全部表示されるものが微妙に違います。</p>
<p>画像の真ん中下半分に「メニューの設定」のチェック項目がありますよね。</p>
<p>私の使っているテーマでは、このメニューのカスタマイズ画面から６つのメニューをカスタマイズすることができます。</p>
<p>テーマによってはメニューの名前が違う場合があります。ややこしくてすみません。</p>
<p>何言ってんのか分からない？私もどう説明していいか分からない！</p>
<p>ということで、実際に少し触ってみましょう。</p>
<h3>メニューを作ってみよう</h3>
<p>まず、一番最初から存在しているメニューがあるはずです。ない？</p>
<p>無いなら「新しいメニューを作成しましょう」というボタンを押して、メニューを作ります。</p>
<p>いや、でも多分あるはず。。。</p>
<p>メニュー名は分かりやすく「トップページ」とでもしておきましょうか。</p>
<p>今回はグローバルナビゲーションという、私のページでいうヘッダー下のメニューを作っていきます。</p>
<p>メニューを追加するには、画面左の「メニュー項目を追加」という欄を触っていきます。</p>
<img loading="lazy" decoding="async" class="aligncenter wp-image-1993 size-full" src="https://3lbox.com/wp-content/uploads/2019/09/b9b03343429db5e6e7a2d4bb793df8e1.png" alt="" width="654" height="1334" />
<p>ここで使うのは、大体</p>
<ul>
<li>固定ページ</li>
<li>投稿</li>
<li>カスタムリンク</li>
<li>カテゴリー</li>
</ul>
<p>あたりですかね。</p>
<p>それぞれをクリックしてもらうと、作成した固定ページや投稿の一覧が表示されます。</p>
<p>この時何も作ってないと「ホーム」しか表示されませんのでお気をつけて。</p>
<p>ちなみにホームというのは、自分のサイトのトップページのことです。</p>
<p>もし作ったページが表示されない！という場合はタブが「最近」になっている可能性があるので「すべて表示」に切り替えてみましょう。</p>
<p>それでも見つからない場合は固定ページが下書きのままになってるかもしれません。</p>
<p>それでは先ほど作った固定ページの「プロフィール」にチェックを入れて、メニューに追加を押してみてください。</p>
<img loading="lazy" decoding="async" class="aligncenter wp-image-1995 size-full" src="https://3lbox.com/wp-content/uploads/2019/09/f811a5ccfa5bbfc215d79c07b3beffca.png" alt="" width="2516" height="1328" srcset="https://3lbox.com/wp-content/uploads/2019/09/f811a5ccfa5bbfc215d79c07b3beffca.png 2516w, https://3lbox.com/wp-content/uploads/2019/09/f811a5ccfa5bbfc215d79c07b3beffca-300x158.png 300w, https://3lbox.com/wp-content/uploads/2019/09/f811a5ccfa5bbfc215d79c07b3beffca-768x405.png 768w, https://3lbox.com/wp-content/uploads/2019/09/f811a5ccfa5bbfc215d79c07b3beffca-1024x540.png 1024w, https://3lbox.com/wp-content/uploads/2019/09/f811a5ccfa5bbfc215d79c07b3beffca.png 856w" sizes="auto, (max-width: 2516px) 100vw, 2516px" />
<p>右側のメニュー構造のところにきましたか？</p>
<p>プロフィール　固定ページのところをクリックすると、細かい設定画面が出てきます。</p>
<p>ナビゲーションラベルというのは、トップページにメニューを表示した時に使う名前です。</p>
<p>固定ページのタイトルをそのまま使いたくない場合はここを変えましょう。</p>
<p>今回は「自己紹介」にでもしておきましょうか。</p>
<p>他の固定ページや投稿、カテゴリーなどを追加したい場合は同じ手順で追加していきましょう。</p>
<p>では、ツイッターのような外部リンクをメニューにつけたい場合はどうすればいいかというと、「カスタムリンク」という項目を使います。</p>
<img loading="lazy" decoding="async" class="aligncenter wp-image-1996 size-full" src="https://3lbox.com/wp-content/uploads/2019/09/c576248f9914e1c2caaf3d9b016a0849.png" alt="" width="610" height="566" />
<p>URLのところに飛ばしたいサイトのURLを貼り、リンク文字列がメニューに表示される文字(さっきのでいうとナビゲーションラベル)です。</p>
<p>ここまではついてこれているでしょうか。</p>
<p>ちなみに、作ったメニューはドラッグ&amp;ドロップで順番を入れ替えることもできます。</p>
<p>階層表示もできますので、少し触ってみてください。</p>
<p>不要なものは細かい設定画面のところから削除で消えます。</p>
<h3>メニューの設定</h3>
<p>それでは、最後に「メニューの設定」です。</p>
<p>固定ページを自動追加という項目はチェックしなくて良いです。</p>
<p>その下のメニューの位置という部分ですが、今回はトップページのリンクを作ったので、グローバルナビゲーションにチェックを入れます。</p>
<p>違う名前だったらごめんなさい。そうなったら多分一番上の項目にチェックを入れたらいいはずです。</p>
<p>スマホのスライドメニューにも同じ項目を使いたい場合などは、ここでチェックを入れた項目全てに適用されますよ〜というシステムです。</p>
<p>ここまでの設定が終わったら、「メニューを保存」を押して完了です。</p>
<p>最後の方が駆け足になってしまいましたが、ついてこられましたか？</p>
<p>この辺りも、一度自分で保存してみて、思ったメニューが変更できていないという場合はチェックを入れ替えたりしながら使い方を学んでいってください。</p>
<p>私の画面と違うところが多くて申し訳ないです。</p>
<p>なんで違うかっていうと、選んだテーマ次第で使える機能が違うからです。</p>
<h2>終わりに</h2>
<p>ということで、今回は固定ページとメニューについて見ていきました。</p>
<p>使える気がしてきましたか？</p>
<p>ここまでが分かると、あとは自分の目指すサイトに向けてコンテンツを作り込んでいく段階に入れるのではないでしょうか。</p>
<p>今回は要望があったので、その要望に合わせてザクっと説明をしていきましたが、これ以外にも説明が必要な場合はなんらかの形で意思表示してくれるとありがたいです。</p>
<p>「ここまで設定したけど、ここが分からなくて」という場合は画像付きでご連絡いただけると、お役に立てることもあるかもしれません。</p>
<p>あんまり専門的な話はできませんが！！</p>
<p>基本的には『習うより慣れろ』のスタイルが重要になってきます。</p>
<p>ですが、WordPressは使っている人が多いものなので、上手に検索ができれば答えはインターネット上に落ちていることが多いです。</p>
<p>検索駆使しながら、頑張ってWordPressに慣れていってください。</p>
<p>それでは今回はここまでです！！</p>
<p>最後までお付き合いいただきありがとうございました！！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://3lbox.com/archives/1968/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
