テーマオプション設定 [Mémoireテーマ]

サイトのデザインにかかわる設定やレイアウトを設定を行うには、「外観 > テーマオプション」をクリックします。

テーマオプション
基本設定
ヘッダー
フッター
スタイル
記事
レイアウト
カスタムCSS
SNS共有設定

各種設定方法
ウィジェット設定


基本設定

モバイルデバイスのでサイドバー表示設定

モバイルデバイス(スマートフォン,タブレット)での、サイドバーの表示設定を行います。
isotypeテーマでは、iPhone6 Plusの横向きのピクセルサイズである738pxまでを、モバイル表示用として最適化しています。
iPhone 5  320 x 568(デバイスピクセル比2.0)
iPhone 6  375 x 667(デバイスピクセル比2.0)
iPhone 6Plus 414 x 738(デバイスピクセル比3.0)

背景色/画像の背景

背景色の指定、背景画像のアップロード、リピート指定、配置設定を行えます。

0051

モバイルデバイスでヘッダーウィジェットを表示

「ヘッダー下部」ウィジェットエリアを、モバイルデバイスで表示するかどうかを設定します。(初期設定:ON)

iphone用ホームアイコン

スマートフォンで、「ホーム画面に追加」を指定した時に、ホーム画面に追加される画像をアップロードできます。
(iPhone,Android対応)

02

favicon(ファビコン)

サイトをお気に入りに追加した際に、ブラウザのタブやブックマークに表示されるアイコン画像をアップロードできます。

03

メタ説明文/メタキーワード

SEO用に、メタ説明文(meta description)、メタキーワードを入力できます。
SEO系プラグインをインストールしている場合は、ここでは入力する必要はありません。

02

Googleアナリティクス トラッキングコード

Googleアナリティクスの(または他の)トラッキングコードを貼り付けます。入力したたソースは</body>タグの前に挿入されます。

03

固定ページでのコメント表示設定

固定ページでも、コメントフォームを表示したい場合にはONに設定します。
(初期値は、非表示)

固定ページで、タイトルの先頭にアイキャッチ画像を表示

アイキャッチ画像が指定されている場合、固定ページでもタイトルの先頭にアイキャッチ画像を表示する場合は、ONに設定します。(初期設定:OFF)

単一記事(シングル)ページで、タイトルの先頭にアイキャッチ画像を表示

ONに設定すると、アイキャッチ画像が指定されている場合、単一記事(シングル)ページで、タイトルの先頭にアイキャッチ画像を表示します。(初期設定:ON)

投稿者名を表示

単一記事(シングル)ページで、投稿者名を表示します。(初期設定:ON)

パンくずリストを表示

パンくずリストを表示します。(初期設定:ON)

閲覧数を表示

単一記事(シングル)ページで、記事の閲覧数を表示します。(初期設定:ON)

ローディングアニメーションを表示

ページ読み込み時に、ローディングのアニメーションを表示します。(初期設定:ON)

アイキャッチ画像に、カテゴリー名を表示

アイキャッチ画像に、カテゴリー名を表示します。(初期設定:ON)

カテゴリー名を表示

カテゴリー名を表示します。(初期設定:ON)

タグを表示

タグを表示します。(初期設定:ON)


ヘッダー

ロゴ画像

ロゴ画像をアップロードします。
アップロードしたロゴ画像は、43pxにリサイズされ、ヘッダーに表示されます。
画像をアップロードしない場合は、サイト名がテキストで表示されます。

ヘッダーの背景色

ヘッダーの背景色を設定します。

ヘッダーのメニュー色

ヘッダーのメニュー色を指定します。

monoire02

 

フッター

フッターの背景色分割

フッターの背景色を設定できます。

分割ウィジェット

0~3個の分割ウィジェットを設定できます。

フッターロゴ

フッターにロゴ画像をアップロードできます。

フッターのテキスト

フッターのロゴ画像下部に、フリーテキストを入力できます。

フッタークレジットを表示

フッタークレジット(powered by isotype)を表示します。

スタイル

h1タイトルフォントサイズ


Google Noto Sans 日本語フォント

H1のタイトルの記事において、フォントの太さを指定します。
数値が少ないほど、細身のフォントになります。

欧文フォント

Google Noto Sans日本語フォントを使用する場合は、この設定は無視されます。

サイトの最大幅

サイトの最大幅を、960~1380pxの間で設定できます。

メインカラー/フォント色/リンク色

サイトのキーカラー、リンク色等のカラー設定を行います。


ウィジェット見出しのフォントサイズ/ウィジェット見出しのフォントウェイト

フロントページのウィジェット見出しのフォントサイズ/フォントの太さを設定できます。

monoire03

記事

TOPページ新着記事一覧の見出しタイトル

新着記事一覧の見出しタイトルを設定します。

TOPページ新着記事一覧の見出しサブタイトル

新着記事一覧の見出しサブタイトルを設定します。

TOPページ新着記事一覧の表示件数

新着記事の表示件数を設定します。( 初期値:9)

monoire04

TOPページの記事スタイル/アーカイブページの記事スタイル

記事一覧の表示スタイルを、1カラム、2カラム、3カラムの3スタイルから選択できます。(初期値:3カラム)

monoire05

記事の文字抜粋数

新着記事一覧に、本文の抜粋の文字数を設定します。(0で非表示)

単一記事(シングル)ページの日付表示を、相対的な日付で表示

投稿日時を、「○○日前」のような表示形式にします。OFF時には、「設定 > 一般 > 日付形式」で選択した日付形式となります。

「続きを読む」のテキスト表記

記事一覧の「続きを読む」リンクのテキスト表記を編集できます。

投稿日を表示

最終更新日を表示

記事を読む所要時間を表示

投稿者の情報を表示

投稿記事の下部に、投稿者の情報を表示します。
情報は、「ユーザー > プロフィール情報」に入力されている場合のみ表示されます。

関連記事表示設定/関連記事の表示タイトル

関連記事の表示に関する設定を行います。
「カテゴリー」を選択すると、同一カテゴリーの記事からランダムで関連記事を出力します。
「タグ」を選択すると、同一タグの記事からランダムで関連記事を出力します。

「関連記事の表示タイトル」の表記も、ここから編集できます。

前後の記事へのリンク

前後の記事へのリンクの表示設定を行います。


レイアウト

各ページの初期レイアウトを、個別に設定したい場合に設定します。
初期設定では、「基本レイアウト」で設定したレイアウトが、全ページに適用されます。

また、レイアウトは、投稿、固定ページの新規投稿時にも、投稿オプションから個別に設定することができます。



カスタムCSS

カスタムCSS

カスタムCSS機能を利用することにより、テーマのstyle.cssを書き換えることなくCSSを追加することができます。
ここで入力したスタイルシートは、テーマのアップデート時にも上書きされることがありません。

また、テーマのstyle.cssより優先されますので、テーマやスタイルシートを直接変更することなく、安全にテーマをカスタマイズすることができます。



SNS共有設定

SNSシェアボタンの表示設定

SNSシェアボタンのデザインを3種類から選択できます。

タイトル下部に表示

本文の下部に表示

オリジナルのSNSボタンのコード

SNSシェアボタンに、上記以外のSNSアイコンを追加したい場合に、その埋め込みソースコードを記述するこどできます。
SNSシェアボタンを、すべて独自のソースコードで表示したい場合は、「SNSシェアボタン表示」を非表示に設定して、ここにソースコードを入力するというような使い方も可能です。

シェアアイコンの表示設定

Facebook,Twitter,Google+,はてなブックマーク,Feedly,Pocket,LINEについて、それぞれの表示/非表示を設定できます。

Twitterユーザー名

Twitter cardを設定する場合に必要です。
Twitterのアカウント@から後ろを入力してください。

Facebook OGP画像

Facebookで、TOPページがシェアされたた時に表示される画像を設定できます。
記事ページがシェアされた場合には、自動でその投稿記事のアイキャッチ画像が表示されます。

推奨:600px×600pxの正方形内に、上下に余白を入れ、画像の中心に縦横比1:1.91(600×315px)の画像を配置。

SNSアイコン設定

ユーザー個人のSNSアカウントをお持ち場合、自身のSNSページのURL、アイコン等を設定できます。
アイコンを設定するには、「追加」ボタンをクリックします。
登録したSNSアイコンは、ヘッダー、フッター、投稿者情報等に表示されます。

017


ウィジェット設定

ウィジェット設定を行うには、「外観 > ウィジェット」をクリックします。
Mémoireテーマでは、13箇所のウィジェットエリアに、9つのカスタムウィジェットを設定できます。

グリッド記事リストウィジェット

5件の記事をグリッドスタイルで表示します。指定したカテゴリーの記事等を表示できます。

カルーセルスライダーウィジェット

指定したカテゴリーの記事等を表示するスライダーです。
レスポンシブ対応により、デスクトップでは4枚表示。タブレットでは3枚表示、スマートフォンでは2枚表示となります。
複数設置することができます。

おすすめ記事リストウィジェット

主に、ヘッダー下部の「スライダー」ウィジェットに設定します。
指定したカテゴリーの記事を表示するスライダーです。

タブウィジェット

ランキング、新着記事一覧、タグクラウドの3種類を、タブ切り替えで表示します。
タブの表示、順序も指定できますので、シンプルな新着記事一覧リスト、人気記事ランキング用ウィジェットとしても使用できます。

フリーエリアウィジェット

指定した固定ページの内容を、ウィジェット内に表示できます。
背景色、テキスト色も、カラーピッカーで指定できます。

動画ウィジェット

YouTube動画等を、URLか、ソースコードを貼り付けるだけで表示します。(レスポンシブ対応)

Facebookページプラグインウィジェット

Facebookページ用のウィジェット、Facebbokのページプラグインを表示します。

1カラム記事リストウィジェット

指定したカテゴリーの記事等を、1カラムで表示します。

contact infoウィジェット

住所、電話番号、メールアドレス、サイトURL等の情報を表示できます。