[HB] サイト外観

カスタマイザー>[HB]サイト外観の設定です。

サイト全体のデザイン・レイアウト

「ホームページ」=トップページです。
「その他のページ」=投稿記事、カテゴリー、タグ、アーカイブなど、トップページ意外のページです。

1カラム(サイドバーなし)

2カラム(サイドバー左)

2カラム(サイドバー右)

ブロックのデザイン

なし

枠をつける

影をつける

ボックス・ブロックを角丸にする

通常

角丸

通常

角丸

一覧ページのレイアウト

一覧ページ=ブログモードの記事一覧、カテゴリーページ、タグページ、アーカイブページなどです。

リスト表示(アイキャッチ左)

リスト表示(アイキャッチ右)

カード表示(長方形)

カード表示(正方形)

カード表示(インフィード広告)

[HB] 広告設定でインフィード広告を使う場合に、サムネイル画像の高さをインフィード広告と同じ比率に揃えたい場合に選択します。通常の長方形よりも横長になります。

最新記事を大きなカード表示にする

1記事目がワイドに、1カラムは2記事目も大きいカード表示になります。

投稿者
表示しない

表示する

リスト表示の設定

リストを2段組で表示(PCのみ有効)

カード表示の設定

2列(2カラム向け)

3列(1カラムのみ有効)

4列(1カラムのみ有効)

スマホ2段組

カードのデザイン

なし

枠をつける

影をつける

新着記事の見出しと説明文

記事一覧タイトルの接尾辞(ver.1.3.0より追加)

記事一覧ページ(カテゴリーページやタグページ)のタイトル後半部分を変更できます。

タブメニュー

ブログモードにしたときに、最上部にタブメニューを表示できます。

トップページにタグ・カテゴリー・月別タブを表示する

タグがゼロだとレイアウトが崩れますので、表示する場合は最低でもタグは1つ設定しておいてください。

投稿数を表示する

月別タブに最新月の記事を表示する

カテゴリーカラーを反映する

カテゴリーの編集画面で設定したカラーを反映できます。

表示したいカテゴリを選択

表示したいタグを選択

ページネーションのデザイン

2ページ目以降に表示される数字の枠を丸にできます。

フォント

本文と見出しを別々に設定できます。

游ゴシック体

メイリオ

Noto Sans Japanese(読み込みが遅くなります。デザイン性重視)

※「英数字にHelveticaを使う」は、半角文字がHelvetivaになると半角括弧などで表示ズレが気になる場合があるので、デフォルトで「OFF」にしています。

パンくず

パンくず先頭テキスト

パンくずの表示位置

「ページ下部」を選択した場合は、フッターの上に表示されます。

上へもどるボタン/目次ボタン設定(ver1.3.0より)

上へ戻るボタン、目次へ戻るボタンをオリジナル画像に変更できます。

ページ右下に表示されます。スマホは横に並びます。

  • 上へ戻るボタン&目次ボタン
  • 上へ戻るボタンのみ
  • 目次ボタンのみ

の選択や、ボタンの透明度も変更できます。

アイキャッチの設定

デフォルトのアイキャッチ画像(no image)を一括で変更できます。

アイキャッチの自動設定

チェックを入れると、記事の最初にある画像が自動でその記事のアイキャッチに設定されます。

ウィジェットの見出し

見出しデザイン

下線

テーマカラーが下線で入ります。

テーマカラー背景

テーマカラーが背景全体に入ります。

見出しの行揃え

中央寄せ

左寄せ

フッターの設定

フッターロゴ

フッターの一番下(フッターナビ)の上に表示されます。

サイト開設年&コピーライト表記

検索ボックスの設定

以上で「[HB] サイト外観」の解説でした。