WordPress Ashe （アッシュ）テーマのカスタマイズ・インストールからおすすめリンクまで ～前編～

無料版では下記の3種類のスキンが選択できる。

有料版では多数のスキンカラーが選択できる模様（未検証）

デフォルト
ダーク
ボックス

ダークモードスイッチャーを表示

フロントページのメインナビゲーションの右側にデフォルトとダークモードを切り替えるアイコンが表示される。

各設定の右上にビデオガイドへのリンクがあり、クリックするとビデオで使い方を説明してくれる

英語なので最初は「うっ！」と思うけど画面操作の映像なので英語が分からなくてもほぼ問題なし

この手のドキュメンテーションが充実しているのは海外のテーマの場合はとてもありがたい

メニューや各種リンクにマウスオーバーした時の色の設定

色パレットから設定する

ヘッダーテキスト色

ヘッダーテキストの文字色

ヘッダー背景

ヘッダー背景の色

但しヘッダー画像（後述）を指定してる時は背景色を指定しても意味が無い

Body Background

Body部のバックグラウンドの色

背景画像

Body 部（上と同様の位置）に画像を指定することができる

設定をすると下記の「プリセット」以降の項目が設定可能になる

プリセット

画像の表示方法について以下から選択する

• デフォルト
• フルスクリーン（画像の位置が選択可能）
• 画面に合わせる（画像の位置、背景画像の繰り返しが選択可能）
• 繰り返し（画像の位置、ページと一緒にスクロールが選択可能）
• カスタム（画像の位置、画像サイズ、背景画像の繰り返し、ページと一緒にスクロールが選択可能）

画像の位置

画像の位置を指定する

画像サイズ

画像のサイズを以下から選択する

• 元のサイズ
• 画面に合わせる
• フルスクリーン

背景画像の繰り返し

チェックをすると背景画像が繰り返される

ページと一緒にスクロール

チェックをするとページと一緒に背景もスクロールする

チェックをしないと背景画像が固定される

サイドバーの幅を指定する

スティッキーサイドバーを有効する

チェックをするとサイドバーがステッキーサイドバー※になる

※下スクロール時にサイドバーが一番下までスクロールした後、そのまま張り付いて（ステッキー）サイドバーが隠れない

一方、チェックを外すとサイドバーが本体と一緒にスクロールして画面から見えなくなってしまう

ブログページ（投稿一覧）の記事の表示方法

ヘッダーの表示方法

特集スライダー幅

特集スライダーの表示方法

特集スライダーはブログページ（投稿一覧）の上部などに複数のアイキャッチ画像をスライダー形式で表示して各記事へのショートカットを提供する機能

「おすすめスライダー」のチェックボックスをオンにすると表示されるようになるが表示方法については後述の項目を参照

ここでは特集スライダーが表示されている前提で表示幅の設定を行う

特集リンク幅

特集リンクの表示方法

特集リンクはブログページ（投稿一覧）の上部などにリンク付きのバナーを表示する機能

「おすすめリンク」のチェックボックスをオンにすると表示されるようになるが表示方法については後述の項目を参照

ここでは特集リンクが表示されている前提で表示幅の設定を行う

コンテンツ幅

ブログページ（投稿一覧）でのサイドバーも含めたコンテンツの幅

単一のコンテンツ幅

投稿記事のサイドバーも含めたコンテンツの幅

フッターの幅

フッターの幅

チェックをするとページの上にトップバーが表示される

「メニューを設定」はログインをしている時のみ表示されるのに対して右側のソーシャルメディアアイコンは未ログインでも表示される

チェックをすると各ページにヘッダーが表示される

以下の項目はこの項目にチェックがされている時のみ有効

「新規画像を追加」ボタンを押してヘッダー画像を追加するとヘッダー画像が設定される

上記で複数の画像をアップロードした後、「アップロード済みヘッダーをランダム表示」ボタンを押すとページが切り替わるたびにヘッダー画像がランダムに表示される

Asheおすすめのヘッダー画像をランダムに表示するのだと思われるが自分の環境では動作しなかった

背景画像のサイズを「カバー」と「パターン」から選択ができる

しかしパターンを選択した時にパターンの設定メニュー（中央寄り、繰り返しなど）を選択するメニューが表示されるのかと思ったのだが表示されなかった。

パターンの意味がイマイチ不明だった

「パターンはヘッダー幅に合わせて画像が繰り返し表示する機能」とのコメントを頂いた。詳しくは記事の下にあるコメントを参照して欲しい。

ヘッダー中央にロゴを表示する

※「ページのヘッダー」がチェックされている時のみ有効

尚、上記の例は背景画像を設定していないが、同時に設定する事もできる

またロゴを設定すると下記のサイトのタイトルはページヘッダーには表示されない（キャッチフレーズだけになる）

幅

ロゴの幅を設定する

サイトのタイトル

サイトのタイトル

ロゴと同時には指定できない

キャッチフレーズ

キャッチフレーズ

上記画面ショットを参照

サイトのタイトルとキャッチフレーズを表示

未チェックだとサイトのタイトルとキャッチフレーズが表示されない

ファビコンの設定

チェックをするとメインナビゲーションが表示される

配置

メニュー位置を指定する

左
中央
右

検索アイコンを表示

チェックをすると検索アイコンが表示される

上記画面ショット例参照

サイドバーアイコンを表示

チェックをするとサイドバーアイコンが表示される

サイドバーアイコンをクリックすると代替サイドバーが表示される

上記は代替サイドバーへカレンダーウィジェットを設定した例

ウィジェットの設定は別記事

メインナビゲーション上にミニロゴを設定する

ミニロゴの幅を指定する

チェックをするとおすすめスライダーが表示される

Display Slider on

おすすめスライダーの表示場所を下記の３パターンから指定する

1. Front Page：フロントページ（のみ）
2. Post Page：投稿ページ（のみ）
3. Front and  Posts Pages：フロントページと投稿ページ

取得元

スライダーの元データを以下の２パターンから指定する

Postsの時

投稿を表示

Postsの時

スライドの枚数

スライドの枚数を指定する

Customの時

Upload Image

スライダーの画像を指定するのだと思われるが当方の環境では何故か動作しなかった

下記は画像未設定のスライダーの例

Customの時

タイトル

タイトルを指定する

Customの時

Description

Descriptionを指定する

Customの時

Button Text

Button Textを指定する

Customの時

Slide Link

ボタンをクリックした時のリンク先を指定する

Customの時

Open Link in New Tab

チェックをするとリンク先が新しいタブで開かれる

ナビゲーション矢印を表示

チェックをすると左右スライダーへ移動するナビゲーション矢印が表示される

ページネーションのドットを表示

チェックをするとスライダー下部にページネーションのドットが表示される

ドットをクリックすると対象のスライダーへ移動ができる

チェックをするとおすすめリンクが表示される

Display Featured Links on

おすすめリンクの表示場所を下記の３パターンから指定する

1. Front Page：フロントページ（のみ）
2. Post Page：投稿ページ（のみ）
3. Front and  Posts Pages：フロントページと投稿ページ

タイトル

タイトルを指定する

URL

画像をクリックした時のリンク先を指定する

画像

画像を指定する