固定ページとグローバルメニュー

投稿日:

今回はグローバルメニュー(PC閲覧時にヘッダー下に横並びに表示されるメニューバー)のカスタマイズを行いました。

AFFINGER4テーマカスタマイザーからもメニューの編集は行えたのですが、ここに追加するページ自体は既に作成済みである必要があったため、まずは[固定ページ]にて、メニューに加えるページを作成します。

 
とりあえずは今の自分の中にあるサイトの完成予想図を基に、必要となりそうな項目を形だけでも用意しておきます。
作成したのは、「プロフィール」「ギャラリー」「ブログ」「リンク」「問い合わせ」の5つ。
中身はまだ作っていないので見ないでやってください(^^;

初めて[固定ページ]をいじってみましたが、基本は投稿ページの作り方と一緒ですね。
目立った相違点は作成したページが作成順ではなくタイトル順で並ぶことかな。ここは[固定ページの属性]から[順序]に番号を振れば好きな順に並び替えられました。

あとは[外観]>[メニュー]にて今作ったのを設置し、デフォルトページの「Sample Page」を外して完了。

 
まぁ外側だけなんで特に問題ないですね。重要なのは中身となるコンテンツ。
ここに手を加えるのはサイトのデザインが完成してからでもいいですかね。

 

ここからは今回の作業で実装できなかった点や今後の課題点を挙げていきます。

  1.  サイドバーにメニューを設置できない
    現在ヘッダー部、フッター部に設置してあるメニューがなぜかサイドバーには設置する事できませんでした。
    今サイドバーにあるコンテンツは全てデフォルトで用意されていたもの。もしかしたらこれとなんらかの干渉をしてしまっているのかも?
     
  2. メニューバーの横幅を100%(ワイド)にできない
    これは前回も言った事なんですが、やり方が見つけられませんでした。
    今メニューへの項目は6つなんですが、7つ目を設定すると、7つ目は2行目に表示されてしまいました。
    どうしても入らないのであれば2行目も仕方ないのですが、左右両端に空きがあるのにこうなってしまうのはちょっと納得がいかない。
     
  3. グローバルメニューをセンタリングしたい
    先のワイド化の話ともかかってくるのですが、グローバルメニューは設定したものが左から順に配置されるのですが、右端にクリックできない余りの領域ができるんですよね。
    一番右のボタンとこの押せない領域との境界が判りにくい。
    ボタンとボタンの間にはうっすらと境目の線が引かれているんですが、これを左右両端にも欲しかったですね、個人的には。
    せめてこれらのボタンをセンタリング(中央揃え)にできたら多少は見映えも良くなるんじゃないかと思うのですが、やり方が分からず…
     
  4. フッターメニューを消せない
    フッター部へメニューを設置するかどうかは[メニュー]の項から簡単に設定できるはずなんですが、ここからフッターメニューを消しても、デフォルトの固定ページである「Sample Page」だけが必ず残ってしまい、フッターメニューを消せません。
    なにかしら他の項目を追加してあればこのSample Pageを消しても大丈夫なようなのですが…
    フッターメニューを将来的には消したいと考えている私としては問題ですね。

…けっこうな課題が残りましたね(汗)

1.と4.に関してはたぶんWordPress設置時にデフォルトで用意されていたものとAFFINGER4導入後に設定したものとで挙動が違うのが原因ですかね?
最初のテーマのインストール前にデフォルトページの削除をしておいた方が良かったのかも。

-ウェブサイト作成

Copyright© ガンプラ気分 , 2020 All Rights Reserved.