タダで配ってるってホント?2019-10-24【超図解】グローバルメニュー(ナビゲーションメニュー)の設置方法Web関連この記事をシェアするFacebookTwitterPocketLINEこんにちは、じんのんです。「ムフフフフ!」お気付きになられましたでしょうか?えっ!分からない?私のプロフィールアイコンに注目!そうです、昨日、皆様のご協力のおかげで、無事にジンベエザメのじんのん君が、弊ブログのメインキャラクターとして誕生致しました~。投票して頂きました皆様、改めてお礼申し上げます。Twitterのアイコンも変更したところ、各所から続々とお祝いの声が届いておりますよ~。Twitter様、お褒めのお言葉、ありがとうございました。投票箱を設置した際には、素敵な紹介文をツイートして下さり、本当にありがとうございました。【注意】本記事は、デザインテーマ「CONTENTS」専用の設定方法です。させて頂いたサイトグローバルメニューの設置グローバルメニュー(ナビゲーションメニュー)とははいはい、今日は気分が良いのでね~、どんどん行きますよ~。お気付きになられたでしょうか?そうです、弊ブログにようやくグローバルメニュー(ナビゲーションメニュー)が設置されました~。「パチ、パチ、パチ」グローバルメニュー(ナビゲーションメニュー)とは、画像の赤丸部のことです。思案中、暫定的に決めました。暫定的とした理由については、こちらの記事をどうぞ。otherhalf22.hatenablog.com使用しているデザインテーマそれでは、手順です。言いたい所ですが、デザインテーマの説明をしないと手順の説明が出来ません。おっちゃんが利用させて頂いているデザインテーマを先に紹介します。弊ブログで使用しているデザインテーマはこちら、blog.hatena.ne.jpテーマストアでもかなりの人気があり、すでに8600以上のインストール実績があるようです。おっちゃんの描いた海のキャラクターたちとの親和性も良く、おっちゃんはとても気に入っています。テーマの確認方法ちなみに、他のブロガーさんが使われているテーマが知りたいときは、画面左上のドロップダウンメニューをクリックし、「このブログのテーマを見る」で確認できます。グローバルメニュー(ナビゲーションメニュー)の設置手順なんと!弊ブログで利用させて頂いているデザインテーマは、初めからグローバルメニュー(ナビゲーションメニュー)に対応していたようです。あ~、無知って怖いですね~。今まで悩んでいたのが、時間が無駄になりました。人間、いくつになっても勉強あるのみです。具体的な手順(ア)下記をコピーする。青文字部("リンクURL")にご自身の表示させたいURLを記述する。赤文字部(表示名)にリンクに関連した表示面を設定する。参考までに、おっちゃんの設定を載せておきます。3ヘッダをクリック(画像参照)(ウ)データの貼り付け(ア)でコピーしたデータを画像赤線部に貼り付ける。(エ)リンク先URLと表示名を編集(ア)で参考に挙げた、おっちゃんの設定を参考にして編集してください。各種設定が終わりましたら、必ず「変更を保存する」をクリックして保存して下さい。💡ポイントリンク先URLの取得方法は、ブラウザで該当するページを表示させ、アドレスバーをコピーするのが早いと思います。画像赤丸部をコピーし、"リンクURL"に貼り付ける💡ポイントグローバルメニュー(ナビゲーションメニュー)のそれぞれに、カテゴリーを入れたいときは、カテゴリー表記させたURLをコピーし貼り付けるといいですよ。画像の1赤四角部で該当するカテゴリーをクリックするとカテゴリーURLになるので、2のアドレスバーをコピーし、"リンクURL"に貼り付ける。カテゴリー」などで、検索してみてください。良い方法がありましたら、コメントにてお知らせをお願い致します。グローバルメニュー(ナビゲーションメニュー)設置に伴い、サイトマップを手作りで作成しメニューに組み込みました。これがおっちゃんの作ったサイトマップです。otherhalf22.hatenablog.com💡ポイントサイトマップを公開する際は、過去の日付に設定して公開した方が良いです。理由は、プライバシーポリシーやお問い合わせフォームと同じで、新着記事に突然それらが現れると、読者様がびっくりされるからです。おっちゃんは、投稿日をブログの第一記事の前日の日付にし、時間を下記の通り設定して投稿しました。0:00・・・プライバシーポリシー0:05・・・お問い合わせフォーム0:10・・・サイトマップ(手作りですよ~)(ここまでの説明が必要かは分かりませんが、おっちゃんは神経質なのです)【注意事項】ブログの設定を変更する前に、必ずバックアップを取っておいて下さい!具体的には、設定前のHTMLやCSSのソースコードをすべてコピーして、テキストソフトなどに貼り付けし保存しておいて下さいね。万が一の際には、設定前のソースコードを元の位置に貼り付けることで、復元できます。(id:dreamark)様、参考にさせて頂き、ありがとうございました。www.dreamark.tokyo以上、バックアップなどの事前準備を十分に行い、チャレンジしてみてください。2019-10-23BAK総選挙、結果発表!~ついに決定、ブログアイコン~こんにちは、じんのんです。こんにちは、おっちゃんことじんのん(@d...2019-10-21職場のうつ病とその心理について考えるこんにちは、じんのんです。初めに、このテーマはとてもデリケ...2019-10-18はてなブログのPro版に移行が必要?こんにちは、じんのんです。~キーワードって何?~こんにちは、じんのんです。今月のおすすめスターウォーズを一気見するなら!。育児・子育てライフスタイルおっちゃんお薦めアフィリエイト//更新日表示(手動)スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。