blueroll

blueroll

青春はぐるぐるだ。

【実録】WordPressをはじめよう [準備編]その3 〜STINGER管理リセットとメニュー設定〜

f:id:blueroll:20160406115131j:plain

前回の記事ではSTINGER7というテーマの設定をしました。今回は初期設定として「管理リセット」と「メニュー設定」を行います。メニューの構造を理解するのに時間かかりました…

 

管理リセット

まず、STINGERの管理リセットをします。管理リセットって何やら難しそうですが、要は最初に不具合が無いように、インストールしたSTINGERというテーマを、一旦リセットしとこうという話のようです。

新しく買った服を一応洗濯しておこうみたいなノリですかね。(ちがう?) 

f:id:blueroll:20160406102434p:plain

WordPressダッシュボードから、「STINGER管理」→「STINGER管理リセット」をクリック。 

f:id:blueroll:20160406102645p:plain

リセット画面に移ります。「全てリセットする」にチェックを入れて「save」をクリック。 

f:id:blueroll:20160406102801p:plain

すると「STINGER基本管理画面」が表示されます。特に「完了しました」等のメッセージは無いようです。これで管理リセットは終了。

 

メニュー設定

続いてメニュー設定。ちなみにメニューとは、

f:id:blueroll:20160406105621p:plain

この部分ですね。これは設定後の完成画面です。ちなみに今は…

f:id:blueroll:20160406105834p:plain

こんな感じで「サンプルページ」の表示になっております。さて、ではまずWordPressのダッシュボードにアクセス。 

f:id:blueroll:20160406103355p:plain

「外観」→「メニュー」をクリック。 

f:id:blueroll:20160406103431p:plain

メニュー設定の画面に移ります。 

f:id:blueroll:20160406103852p:plain

メニュー名に任意の名前を入れて、サンプルページにチェック、「メニューに追加」します。 

f:id:blueroll:20160406104146p:plain

メニュー構造の中に「サンプルページ」が追加されました。「メニューを保存」をクリック。 

f:id:blueroll:20160406104400p:plain

「〜が更新されました。」という表示が出れば、メニューが保存されています。

f:id:blueroll:20160406104849p:plain

メニュー設定の画面の「位置の管理」タブをクリックして、先ほど設定したメニューを選択。「変更を保存」をクリック。

さて、メニューが反映されているかを確認します。

f:id:blueroll:20160406105343p:plain

ダッシュボード上部の「サイトを表示」をクリックしますと、自分のページに移動します。どりゃっ

f:id:blueroll:20160406105442p:plain

あら、変わってない…

ここで躓きました。俺の作った「Webデザイン」っちゅーメニューはどこに??色々いじってみても変わらないっす…泣きながらぐぐって調べてみますと、STINGER制作者の方が設定方法を公開されていました。

メニューの設定 - 無料ホームページ作成のmicata(ミカタ)

※こちらはSTINGERではなくmicataというテーマの記事ですが、設定方法は同じです。

しかし、アホな私には良く分からず…うーむ。途方に暮れてまたいじったり考えたりしてると…

ははーん。

ひらめきました。先ほど設定したメニューはあくまで「メニュー名」表示されるのは、

f:id:blueroll:20160406104146p:plain

この「サンプルページ」の部分のようです。試しに「サンプルページ」の右側「固定ページ」のあたりを押してみますと。

f:id:blueroll:20160406111213p:plain

展開されました。 

f:id:blueroll:20160406111411p:plain

ここのナビゲーションラベルを表示したいメニューに変更して、メニューを保存してみます。

f:id:blueroll:20160406111525p:plain

反映されました〜!ここまで来るのに2時間くらいかかった(泣)というわけで、先ほどのメニュー設定の画面から、追加したいメニューを設定していきます。

f:id:blueroll:20160406112110p:plain

先ほどと同様にサンプルページにチェックを入れて、メニューに追加していき、ナビゲーションラベルに追加したいメニューの名称を入力していきます。 

f:id:blueroll:20160406112359p:plain

こんな感じで設定したいメニューができました。この状態で「メニューを保存」すると…

f:id:blueroll:20160406112714p:plain

できました〜。ふぅ。ちなみに画面下のフッター部分も設定してみますと… 

f:id:blueroll:20160406113315p:plain

f:id:blueroll:20160406113329p:plain

こんな感じでフッター部分も設定できます。

 

まとめ

知っている人から見れば簡単なことなんでしょうけども、最初は本当分からないことだらけです…ネットで調べる根気が必要ですね〜。 

次回はその他の初期設定をする予定です。