【釣りのネタ帳】では、管理人が行ったFC2からWordPressへ引越し(移転)方法と、ブログサイトのカスタマイズ方法について、順次紹介しています。FC2からWordPressへのブログ移転(引越し)方法のまとめサイト今回は管理人も使用しているテーマSTINGER5に、親・子・孫までの3階層を持たせたドロップダウンメニューを設置する手順について紹介します。PC画面のみの表示になりますが、シンプル過ぎるSTINGER5のメニューを、スタイリッシュな見栄えに替えるカスタマイズです。STINGER5にドロップダウンメニューを設置する方法ここで紹介する方法は、WordPressのカスタムメニューに対応させていますので、別途『liタグ』などのコードを記述する必要はありません。メニューの変更については、WordPress管理画面の『外観』→『メニュー』で設定したものが反映されるようになっています。それでは、具体的な手順を紹介します。【STINGER5】のheader.phpへの記述header.phpのファイルは、STINGER5のテーマフォルダ(管理人の場合は、『stinger5ver20150505b』)中にあります。以下の様な<!--メニュー-->の部分があります。</nav></header>こちらを、以下に示した記述に書き替えます。</nav>以上で、header.phpへの記述は終了です。次に、base.jsへの記述について記載します。【STINGER5】のbase.jsへの記述base.jsファイルは、STINGER5のテーマフォルダ内にある『js』というフォルダ内にあります。本ファイルの最下部には、以下の様な記述がされています。});});更にこの下部へ、以下の様な記述を行います。}});以上で、base.jsへの記述は終了です。最後に、style.cssへの記述について記載します。【STINGER5】のstyle.cssへの記述style.cssファイルは、STINGER5のテーマフォルダ内にあります。このファイルは子テーマ作成して、その中にファイルを入れて記述を行っている方も多いと思います。管理人も子テーマを使っていますが、本カスタマイズがうまく機能しませんでしたので、元ファイルに直接書き込みました。style.cssの中で以下の記述を探します。underline;}このメニューの部分の記述を、丸ごと以下のものに書き替えます。3px;}以上で、style.cssへの記述は終了です。それでは、メニューのスタイルがどのように変わったのか確認してみましょう。【STINGER5】に設置したドロップダウンメニューの調整まずはWordPress管理画面の『外観』→『メニュー』で、一例として幾つかのメニューを設定してみます。この設定を反映させたメニュー画面は、STINGER5のデフォルトでは以下のように表示されます。非常にシンプルで、白ベースの画面であるとドロップダウンがほとんど目立ちません。今回設定したドロップダウンメニューでは、以下のように表示されます。黒ベースの灰色文字と白抜きで、良い感じに表示されていますが、管理人の画面では、余白の調整が必要のようです。ついでにシャープさを出すために、メニューの縦幅も短くしようと思います。先ほどメニューの記述を丸ごと書き替えた、style.css中の記述の一部を修正して調整を行います。#777;まず、#menuのmarginを、60pxから1pxに修正しました。27.9pxに修正しました。一応メニューに3階層目を追加して、表示に問題がないことを確認しました。因みに、上記のpaddingで横幅の調整も行ったのは、次の図でに示すように必要なメニューを全て加え、横幅丁度に調整したためです。こちらが最終的な、メニュー表示の完成形です。上記のメニューのうち、右の3種については、ドロップが発生しないように、子メニューと孫メニューがないもの(管理人の場合は、未分類、サイトマップ、お問い合わせ)を設定しました。理由はSTINGER5では、万一アドセンス広告を設定する際に、サイドバーの最上段に広告がくるように自動設定が可能になっているためです。(アドセンス広告では、ドロップなどで広告が隠れるサイト構成はポリシー違反になります)以上で、ドロップダウンメニューを設置する方法の紹介を終わります。menuというサイトで紹介されているものです。ここで紹介したカスタマイズは、あくまで自己責任で行って頂きますようにお願いします。可能な限り、カスタマイズ前にファイルのバックアップを取ったり、子テーマを作成してから記述を行うなど、十分に注意を払って行うことをお勧めします。FC2からWordPressへのブログ移転(引越し)方法のまとめサイトサイトの新規開設や移転を検討されている方は、ドメイン無料キャンペーンを行っているタイミングでのエックスサーバー(XSERVER)がお薦めです。内容確認のうえ、サーバーレンタルの検討をされてはいかがでしょうか。信頼のメーカーが送り出す、波止釣りの万能ロッドは、初心者からベテランまで幅広く使用されている人気のロッドです。軽快な振り調子、汎用ロッド中No.1の持ち軽さ、相反する最高レベルの強度を兼備した通常モデルは、ウキ釣りなどの軽い仕掛けはもちろん、サビキ釣り、カゴ釣りやチョイ投げなど負荷の掛かる仕掛けに至るまで、幅広い強度の釣りに対応可能です。売れ筋No.1は、もっとも使いやすく汎用性の高い3号4.5mの遠投モデルです。クロスフィールドXRFSコンセプトである「様々なフィールド、ターゲット、釣り方を一本のロッドで」をさらに突き詰めた結果、誕生したのがXRFSシリーズの9ft台モデルです。強固なシーバスロッドでありながら、エギング2.5号~、ワインド1/4oz~の適用範囲となる本ロッドは、まさに万能ルアーロッドと言えます。実売価格10,000円を切る、このコストパフォーマンスの高さは圧巻です。月下美人アジング、メバリングの専用ロッドと呼ぶに相応しい、繊細なアタリを食い込ませる機能が、ふんだんに盛り込まれた最先端ロッドです。食い込み性能に優れたソリッドトップのSモデルと、高速フッキングを可能にするパワフルなチューブラートップのTモデルの2タイプがあります。おすすめは76UL-Sで極細ソリッドがもたらすフッキング時の食い込みの良さ、キャスト時のシャープな振り調子は、初心者でも扱い易いロッドです。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。