hueman テーマのカスタマイズ フッターデザイン編 ~WordPressでブログを始める~ | そう備忘録

hueman テーマのカスタマイズ フッターデザイン編 ~WordPressでブログを始める~

前回の「hueman テーマのカスタマイズ メイン部分のデザイン編」の記事

テーマのカスタマイズの続き

今回の記事の範囲

今回の記事はHuemanのメニューの「フッターデザイン」から「ダイナミックサイドバーとウィジェット」までとする

フッターのデザインからダイナミックサイドバーまで

フッターデザイン

フッターのデザイン:ロゴ、レイアウト

メニューから「フッターデザイン ロゴ、レイアウト、メニュー」をクリックしてフッターのデザインの設定をする。

フッターデザイン設定

全幅のウィジェットエリアをフッターに追加

チェックしていない。

フッターの上に横幅100%で表示されるエリア。

ヘルプではGoogleMapや広告の表示に適しているとあるが、今は未チェック。

そのうち広告も試してみるつもり。

フッター全幅ウィジェットの追加

メニューが設定されていない場合、デフォルトのページメニューを使用します

チェックしていない。

メニューは設定するのでここは未チェック。

モバイル端末 : Expand submenus on click

2018年11月13日 追記

項目が増えていたので追記

ヘッダーメニュー、モバイル設定での設定項目と同様

フッターウィジェットエリアのカラム数を設定

1カラムを指定した。

その他には無効化、2カラム、3カラム、4カラムが指定可能。

フッターのカラムに何を表示するかは「ダイナミックサイドバーとウィジェット」で指定する。

カスタムロゴ画像をアップロード

指定した。

フッターの左下にロゴ画像が表示される。

フッターのロゴ画像

フッターの背景

カラーパレットでフッターの背景色を指定する

元の色から変更していない

フッターの著作権テキストを置き換える

指定していない。

何も指定しないと”souichirou © 2018. All Rights Reserved.”が表示される。

このままで良いので指定をしなかった

2019年7月30日 追記

いつの間にか何も指定をしないと非表示になっていたので、

{{site_title}} © {{year}}. All Rights Reserved.

を指定した。

フッターに著作権の表示

フッタークレジットテキスト

チェックしていない。

チェックすると著作権テキストの下に”Powered by – Designed with the Hueman theme”が表示される。

メニュー

左のメニューより「メニュー」を選択。

メニュー

固定ページメニュー

メニュー名、メニューの位置、メニュー設定などがあるがメニューはここでは設定せずにWordPressのメニューの「外観」「メニュー」で設定した。

そちらで設定したのと同じ内容がここでも表示されたので見ている所は同じだと思う。メニューの設定については別記事で。

全ての位置を表示

WordPressのメニューの「外観」「メニュー」と同じ内容。設定の仕方がチェックボックスかプルダウンの違い(だと思う)

ダイナミックサイドバーとウィジェット

左右のサイドバー(メイン/サブ)とフッター(1カラムを設定)に表示するウィジェットを指定する。

ダイナミックサイドバーとウィジェット

メイン

左のサイドバーのウィジェット

検索

記事の検索フィールドのウィジェット

最近の投稿

最近の投稿を表示するウィジェット※

カレンダー

カレンダーを表示するウィジェット※

カテゴリ

記事のカテゴリー別の絞込のウィジェット

アーカイブ

記事の年月別の絞込のウィジェット

※当初3カラムにしていたので最近の投稿とカレンダーはサブ(右のサイドバー)に表示をしていたが2カラムにしたのでメイン(左のサイードバー)の上部に持ってきた

サブ

右のサイドバー

最近の投稿

最近の投稿を表示するウィジェット※

カレンダー

カレンダーを表示するウィジェット※

※今はサブ(右のサイドバー)は表示していない

フッター1

タグクラウド

記事で指定したタグの一覧。

沢山指定記事数が多いタグが大きく表示されている。

ここで指定できるウィジェットは「外観」「ウィジェット」で指定できるものと同じ。

ウィジェットの指定

ヘッダー ( ロゴ / タイトルの次 )

未指定

ウィジェットゾーンの作成と管理

ウィジェットゾーンの作成と管理

ウィジェットゾーンに名前をつけて表示される場所と関連付ける

メインとフッター1のみ関連付けた

ウィジェット表示エリア

最後に

フッターデザイン、メニュー、ウィジェットの設定はこれで終了。

続きは次回の「hueman テーマのカスタマイズ 詳細設定編」の記事で。

souichirou

やった事を忘れない為の備忘録 同じような事をやりたい人の参考になればと思ってブログにしてます。 主にレゴ、AWS(Amazon Web Services)、WordPress、Deep Learning、RaspberryPiに関するブログを書いています。 仕事では工場に協働ロボットの導入や中小企業へのAI/IoT導入のアドバイザーをやっています。 2019年7月にJDLA(一般社団法人 日本デイープラーニング協会)Deep Learning for GENERALに合格しました。 質問は記事一番下にあるコメントかメニュー上部の問い合わせからお願いします。

おすすめ

質問やコメントや励ましの言葉などを残す

名前、メール、サイト欄は任意です。
またメールアドレスは公開されません。