閉じる
閉じる

あまめも

[甘]とりあえず、グローバルメニューの作成完了?

こんばんは、あますた(@amaguristar)です。
以前から追加しよう・追加しようと思っていた『グローバルナビ』をやっと作ったのでその報告です。

結構長かったかな?

WordPress標準のテーマを使えば直ぐにできるのに、本を見ながら”カタカタ”作ったので非常に手間でした。
まぁ、勉強になったから良いんですけどね〜。

管理画面にメニューを表示

まずは、管理画面にメニューを表示するところから。
テーマによっては、この画面がない物もあるので「function.php」に

20150305_001

を追加。
そうすると、管理画面に

20150305_002

がでてきます。

実際にメニューを作成

管理画面のメニューを選択するとこの画面。

20150305_003

作成するメニュー名を入力して”メニューを作成ボタン”をポチ。

20150305_004

追加するページを選択して

20150305_005

保存!

実際に表示するには

せっかく保存したのにこのままでは表示できない。
表示する場所に

20150305_006

を追加。
今回はグローバルナビなので”header.php”に追加。
このままでは、見た目がイマイチなのでCSSをいじってデザインをある程度整える。

20150305_007

本を見たり、ネットで検索したりでこんな感じになりました。

実際の表示

実際に見てみるとこうなります!

20150305_008

もう少しデザインをなんとかしたい。
・・・ちょこちょこデザインを勉強してなおしてこうと思います。

まずは、携帯で表示すると

20150305_009

こんな感じになってしまうので、メニューが中心によってしまうのを直そうと思います。

まとめ

ちょっとした事ですが、すごい時間がかかった。
こうなってくると、標準のテーマを使ったほうが楽だなと感じました。

あと思ったのが、この書き方だと「このメモ帳に何かあって復旧するときに、いろいろ大変そうだな・・・」って事です。

実際に技術系を書く時はもっと詳細に書くメモがあったほうがいいな・・・
ってんで、せっかくグローバルメニューもできたので専用のページをそのうち作ろうと思います。

理想としては、ほぼコピペでサイトをいじれるように作ろうと思います。

関連記事

  1. タイプライター

    段落の始まりを一文字自動でインデントする

  2. キーボード

    【HTML】入力する文字をキーボード風に表示したい【CSS】

  3. コロナ対策

    簡単!飲食店オーナーの「連絡先の把握に努める」というコロナ対策の…

  4. edit

    「Git」のコミットメッセージを間違えた、そんな時の修正方法

  5. ブログデータをローカルに移す方法を良く忘れるのでメモしとこ〜っ

  6. 【Mac】MAMPのMySQLを使ってコマンド入力する為のパスの…

こんなメモもありますよ♪

  1. 焦がしごまみそラーメン
  2. 長崎ちゃんぽん リンガーハット

Twitter

ページ上部へ戻る