Googleの無料ブログサービス「Blogger」のサイトの作り方の一例を解説します。今回は、Bloggerのサイドメニューを作っていく手順を説明していきます。
サイドメニューに記事などのリンクを挿入していく方法になります。
テーマは「Simple Bold」を採用しました。Bloggerのレイアウトは、２カラムで左にサイドメニューがある設定で説明していきます。
この記事では、サイドメニューを作りこんでいく過程の一例を知ることができます。
Bloggerのサイドメニューの作り方の手順
Bloggerの管理画面を開き、［レイアウト］をクリックします。
（下にスクロールして）［sidebar-left-1］の［ガジェットを追加］をクリックします。
※予めデフォルトで表示されるガジェットを削除しています。
「ガジェットを追加」が表示されるので下にスクロールし［ページ］をクリックします。
「［ページリスト］の設定」が表示されたら、ページリストのホームは不要なのでゴミ箱のボタンを押して削除します。
「タイトル」にメニューの見出しを入力します。ここでは仮に［見出し１］と入力します。
［新しいアイテムの追加］をクリックします。
［ページ名］に記事のタイトル（ここではテスト１）を入力、［ページのURL］にメニューに追加する記事のURLを入力して、［保存］をクリックします。
※ 記事の「ページのURL」を確認する方法は［投稿］から対象の記事をクリックします。
※ 記事入力画面の右側に表示される「パーマリンク」をクリックしてURLを表示して「ページのURL」にコピペします。
これでメニューにテスト１が追加されました。テスト１を再度編集（変更）したいときは鉛筆のボタン、削除したいときはゴミ箱のボタンをクリックします。
追加したい記事数（リンク数）ぶん、再度「新しいアイテムを追加」をクリックして操作を繰り返します。
メニューのページリストをすべて登録し終えたら［保存］をクリックします。
ちなみにページリストの順序を変更するには、ページリストの横にある矢印（↑と↓）ボタンをクリックして入れ替えます。
サイドメニューに追加されているかを実際に表示して確認しておきましょう。管理画面の左メニューの一番下にある［ブログを表示］をクリックします。
きちんと表示されていることが確認できました。リンクも正しく正常に動作するかもクリックしてテストします。
複数のメニューを作るには、ここまでの作業を繰り返すだけで複数のメニューを作ることができます。
以上がサイドバーにメニューを作る手順の一例でした。サイト作成の参考にしていただければ幸いです。
コメント