1. 釜谷グラフィックデザイン-注文フロー

    ご注文の流れ

  2. 釜谷グラフィックデザイン-制作物チラシimg

    チラシ

  3. 釜谷グラフィックデザイン-制作物パンフレットimg

    折パンフレット

  4. 釜谷グラフィックデザイン-名刺制作img

    名刺

  1. デザイン関係制作実績

  2. 保護中: 相続税と贈与税に関して

  3. 釜谷グラフィックデザイン-インスタグラムの役割

    インスタグラムの役割

  4. Stable Diffusion-学習モデルのダウンロード

    人気StableDiffusionの学習モデルファイル比較

  5. Stable-Diffusion-Web-UI-(AUTOMATIC1111版の-導入方法

    Stable Diffusion Web UI(AUTOMATIC1111版)の導入方法

  6. フォントの再ダウンロード方法

    MACから急にフォントが 消えたら?再ダウンロードの方法

  7. cocoonトップページカスタマイズ

    【WordPressブログ】Cocoon(トップページカスタマイズ)

  8. フッターのカスタマイズ

    【WordPressブログ】でサイトを作る〜8(フッターカスタマイズ)

  9. ブログ本文カスタマイズ

    【WordPressブログ】でサイトを作る〜7(ブログ本文カスタマイズ)

  10. サイドメニュー作成

    【WordPressブログ】でサイトを作る〜6(サイドバーカスタマイズ)

  11. WoerPressブログでサイトを作る

    【WordPressブログ】でサイトを作る〜5(ヘッダーカスタマイズ)

  12. WoerPressブログでサイトを作る

    【WordPressブログ】でサイトを作る〜4(ヘッダーカスタマイズ)

WordPress

【WordPressブログ】でサイトを作る〜6(サイドバーカスタマイズ)

サイドメニュー作成

ヘッダー領域が作成できたら、次はサイドバーを作成していきます。
使用していないデザインのサイトもありますが、ここはユーザーが使用しやすい目線で考えて入れていきましょう。

コクーントップページ

❷サイドバー領域のカスタマイズ

ウィジェットをカスタマイズする

サイドバーの作成

ダッシュボードより「外観」→「ウィジェット」を選択する。

左側に利用できるウィジェット、右側にどこに配置するのかの一覧が出てきます。

今回は「サイドバー」を作成したいので、左側のウィジェットから

・カスタムHTML(広告)
・検索(投稿を検索するボックス)
・アーカイブ(投稿の月別)
・カテゴリー(カテゴリー別)

を選んで、ドラッグ&ドロップすると、簡単にサイドメニューが作れます。

サイドバーの作成
サイドメニュー作成

ウィジェットの設定項目、内容はテーマによって違いがあります。
今回は「Cocoon」のテーマを使用した、ウィジェットでした。

まとめ

Cocoonのウィジェット主な設定

ウィジェット項目説明設定項目
検索投稿を検索する検索ボックスを表示する。・タイトル
最近の投稿「表示する項目数」だけの数の最近の投稿タイトルを表示する。・タイトル
・表示する項目数
・「投稿日を表示しますか?」
最近のコメント「表示するコメント数」だけの数の最近のコメントを表示する。・タイトル
・表示するコメント数
アーカイブアーカイブの表示方式を設定できる。・タイトル
・「ドロップダウン表示」
・「投稿数を表示」
カテゴリーカテゴリーの表示方式を設定できる。・タイトル
・「ドロップダウン表示」
・「投稿数を表示」
・「階層を表示」
メタ情報作成しているWebサイトの高次な情報の表示・非表示を選択する。・タイトル
タグクラウド 投稿に設定されたタグを視覚的に表示する機能について設定する。・タイトル
・分類
・「タグの数を表示」

「Cocoon」専用のものもありますので、他のも見て使いやすさを追求したサイドメニュー作成をして行ってください。

関連記事