【Ver.3.0】WordPress テーマ "Hueman" のテーマカスタマイザーで出来る設定

当ブログでは、WordPress テーマの Huemanをカスタマイズして使っています。 世界でもかなり人気のあるテーマで Hueman で作られたサイトをちょこちょこ見かけることもあるのではないでしょうか。
さて、そんな Hueman ですがちょっと前にバージョン 3.0 に更新されました。 バージョン 3.0 からテーマカスタマイザーの場所がちょっと変わったのでその説明と、出来る設定の紹介です。

2017年8月追記:
現在こちらにある情報は少々古くなっています。カスタマイザーの項目自体は存在しているものの、設置されている場所が違ったり見出しが変わったりしているかもしれませんし、もしかすると項目自体も消えているかもしれません。が、最近私は Hueman テーマの翻訳編集権限を頂き、最新版まですべてを翻訳させていただいたので、おそらくこのページがなくとも普通に理解できるはずです。もしこの翻訳おかしくね? や この翻訳わかりにくくね? っていうのありましたら、連絡いただければ直しいきます！
もしくは、https://translate.wordpress.org/locale/ja/default/wp-themes/hueman にて新たな翻訳を提案して頂いても大丈夫です。

テーマカスタマイザーの場所

1.x系のバージョンだと、[外観] > [Theme Options] にあったのが、3.0では、[外観] > [カスタマイズ] へと移りました。 これにより、プレビューを見ながら出来るようになったので便利です。

スポンサーリンク

カスタマイズ設定

Global Settings

Site Identity

サイトタイトル・キャッチフレーズ・サイトアイコン・Feed URLの設定
Feed URL はデフォルトのままで問題無いです。

 

General Design Options

• Dynamic Styles

General Design Options の設定を適応させるためにはチェックを入れる。

 

• Boxed Layout

指定した幅から要素がはみ出さなくなり、背景色で塗りつぶされるようになります。

• Font

サイト全体で使うフォントの設定です。
Arial, Georgia, Verdana, Tahoma は閲覧者のローカルファイルから、Titillium Web, Latin (Self-hosted) はテーマ内に配置されているフォントファイルから、それ以外は Google Fonts からロードされます。

 

• Website Max-width

サイトの最大の幅を指定します。

 

• Sidebar Width

サイトバーのウィジェットの余白を設定します。

 

• 色の設定

Primary Colorはサイトのアクセントとなる色です。リンク色等に幅広く適応されます。
その他は読んだ通りの意味だと思います。

 

• Image Border Radius

画像の角に丸みを付ける設定です。 数値を増やせば増やすほど丸くなります。

 

Social links

SNSリンクの設定です。設定するとフッター内の右側、サイドバー上部SNSリンクが出ます。phpファイル内で<?php hu_print_social_links() ; ?>を使って呼び出すことも出来ます。

Add New でリンクを追加します。
Select an icon でアイコンを指定、Social link url で自分のページの URL を指定し、Add it で追加することが出来ます。
追加した後、アイコンの色やタイトルをいじる事ができます。

 

Comments

コメントを表示/非表示の切り替え（チェックでオンオフ）

• Posts Comments・・・投稿ページにコメントを表示
• Pages Comments・・・固定ページにコメントを表示

 

Mobile devices

レスポンシブ/非レスポンシブの切り替え。チェックを入れればレスポンシブ、入れなければ非レスポンシブです。

Performances and SEO

• Use a minified stylesheet

圧縮した CSS を使うか使わないかの設定。オンにすると main.css ではなく main.min.css が読み込まれます。
子テーマ等を使用していて、直接 main.css に手を加えていない場合はオンにすることを推奨します。

 

• Use Structured Data Markup for your posts

パンくずリストを検索エンジンに送信するようになります。
特に理由がない限りチェックを入れることを推奨します。

 

Hueman Admin Settings

• Display the "About Hueman" page in the "Appearance" admin menu

外観メニューの中に About Hueman のリンクを表示するかしないかの設定。お好みでどうぞ。

• Display a Help button in the admin bar

Admin Bar (ログインすると出てくる上のメニュー) にヘルプボタンを表示するかしないかの設定。お好みでどうぞ。

 

Header

Header Design

ヘッダーのロゴ、サイトの説明の表示/非表示切り替えなど

Header Advertisement Widget

チェックするとサイトタイトル右側にウィジェット欄が追加されます。

 

Content

Layout options

カラム数の変更やサイドバーの位置変更ができます。
更に各ページでそれらを調整できます。

Sidebars : Design and Mobile Settings

• Sidebar Top Boxes

サイドバー上部にSNSボタンを表示します。

 

• Mobile Sidebar Content

モバイル時にサイドバーをどうするかの設定です。

• Display both sidebars … メインコンテンツ下にサイドバーを表示
• Hide primary sidebar … Primary のみ非表示
• Hide secondary sidebar … Secondary のみ非表示
• Hide both sidebars … サイドバー表示なし

 

Blog Design and Content

• Display a custom heading for your blog.

トップページ表示時のコンテンツ上部の枠の表示/非表示

 

• Excerpt Length

トップページに表示する投稿記事からの抜き出す文字数

 

• Display your blog post as a standard list.

standard list を使用するかしないかの設定

 

 

---FEATURED POSTS(スライダーの設定)---

• Feature posts on top of your blog

新着記事をスライダーで表示します。

 

• Select a category to feature

指定したカテゴリーのみが表示されるようになります

 

• Featured Post Count

スライダーに表示する投稿の数

 

• Display the full post content

スライダーに表示される記事の抜粋部分が全文表示になります

 

• Animate your featured posts with a slideshow

指定した秒数毎にスライダーが動きます。

 

• Display the featured posts also in the list of posts

スライダー表示しつつ、記事一覧にも表示します。

スライダーを使いたい場合はカテゴリーを指定し、"Display the featured posts also in the list of posts" のチェックも入れて使うのがいいかと思います。

 

Single Posts Settings

• Single - Author Bio

投稿ページに投稿者の紹介が表示されます

• Single - Related Posts

関連記事をタグで表示するかカテゴリーで表示するかの選択

• Single - Post Navigation

ポストナビゲーション(前後記事リンク)を表示する位置の変更。Below content だと記事の下 関連記事の上に表示。
Below content が無難だと思います。

 

Thumbnails Settings

• Thumbnail Placeholder

アイキャッチ画像が指定されていない場合にテーマで用意された画像を使うようになります。

• Thumbnail Comment Count

アイキャッチ画像にコメント数を表示します。
このサイトみたいな弱小ブログだと0しかなくて悲しくなるのでオフにしています。
コメント数が多いブログでオンにすると面白いと思います。

 

Footer

Footer Design

• Select columns to enable footer widgets

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

 

• Select columns to enable footer widgets

前の項で追加したウィジェットエリアのカラム数を指定します。

 

• Replace the footer copyright text

フッターのCopyrightテキストに表示する文字列の編集

 

• Footer credit text

Copyright表示の下にHuemanテーマのクレジットを追加

 

Footer Advertisement Widget

• Display a widget ads area in your footer

"footer-ad"という名前のウィジェットエリアを追加

 

Dynamic Sidebars and Widgets

Create And Manage Widget Zones

Add New で新規ウィジェットエリアを作成

Name・・・ウィジェットエリアの名前を指定
Location・・・ウィジェットエリアの位置を指定(複数指定可)
Context・・・表示する条件を指定(複数指定可)

 

スポンサーリンク

〆

以上です。

かなり設定できる項目が多く、上の項目では全て拾いきれていません。
実際の表示を確認しながら色々試して見るのがいいと思います。

Hueman テーマのカスタマイズについて聞きたいことがあればお気軽にコメント欄までどうぞ！