MODI｜基本設定 MODI | Basic Settings

MODIテーマにおける基本設定の説明です。
メニューバーの「カスタマイズ」またはダッシュボードのメニューから「外観」の中の「カスタマイズ」を選択してください。
画面がカスタマイズ画面に遷移したら「MODI｜基本設定」を選択してください。
基本設定の中は以下の内容になっています。

ロゴ設定

ロゴテキストをWordPressで登録したタイトル以外のテキストにしたい場合やロゴをマーク等の画像にしたい場合。
テキストの色や画像のサイズに関する設定が可能です。

ロゴテキストの設定

ロゴをテキストで表示する場合の設定を行います。

– ロゴテキストを入力

フォームにロゴに表示させたいテキストを入力してください。
初期値は「get_bloginfo(‘name’)」です。
bloginfo(name)はダッシュボードから【設定】→【一般】→【サイトのタイトル】に登録した名前です。
ロゴ画像が登録されている場合はaltに適用されます。

– ロゴテキストの色を登録

ロゴに設定したテキストの文字色を登録します。
初期値は「#02a3af」です。

– ロゴボックスを設定

ロゴをボックスで囲みます。
ヒーローヘッダー設定した画像やヘッダーに背景色を設定しロゴが見難くなった場合などにも有効です。

– ロゴボックスの背景色を登録

上述で設定したロゴボックスの背景色を設定します。
初期値は「#404040」です。

ロゴ画像の設定

ロゴに画像を利用したい場合に画像データのアップロード、表示する大きさ（高さ）を設定します。

– ロゴ画像をアップロード

ロゴ画像をアップロード。
ロゴ画像を利用した場合上述のロゴボックスの適用は外されます。

– モバイル時のロゴ画像サイズ（高さ）

モバイル時のロゴ画像の高さを設定。単位は［px］
初期値は「30px」です。

– デスクトップ時のロゴ画像サイズ（高さ）

デスクトップ時のロゴ画像の高さを設定。単位は［px］
初期値は「45px」です。

メインメニューボタンの設定

ハンバーガーメニューと呼ばれるボタンです。
選択することでグローバルメニュー（サイトの全ページにリンク可能な）が表示されます。

メインメニューボタンボックスを設定

ボタンを囲うボックスを表示します。
ヒーローヘッダー設定した画像やヘッダーに背景色を設定しメニューボタンが見難くなった場合などにも有効です。

メインメニューボタンボックスの背景色

ボタンボックスの背景色を登録します。
初期値は「#404040」です。

メインメニュー設定

メインメニュー内の表示とボタンのリンクに関する設定を行います。
ダッシュボードから【外観】→【メニュー】→【メニュー設定】→【メニューの位置】→【Main menu】に登録したものがメインメニュー（グレーのボタン）に利用されます。同じく【Sub menu】に登録したものがサブメニュー（白いボタン）に利用されます。

メインメニューに表示可能な項目

メインメニューに表示したい各項目にチェックを入れてください。選択可能な項目は次の5つです。

ボタンのリンクURLを入力してください

初期値は「home_url(‘/’)」です。
【外観】→【設定】→【一般】→【サイトアドレス (URL)】です。未登録の場合はこちらが採用されます。

ボタンに表示するテキスト

上述のボタンに表示するテキストを入力してください。
初期値は「Home」です。

ヘッダー設定

ヘッダーに表示するメニューや背景色の設定を行います。

タブメニューを表示

画面サイズが1024px以上になったときヘッダー中央に表示されるメニューです。
ダッシュボードから【外観】→【メニュー】→【メニュー設定】→【メニューの位置】→【Main menu】に登録したものが利用されます。
メニューの登録方法はこちらのページをご覧ください。

ヘッダーのパディング値

ヘッダーのパディング（内側の余白）を設定します。
初期値は「1rem」（1文字分）になっており、設定可能範囲は0〜3remです。

ヘッダーの背景色

ヘッダーの背景色を設定します。
初期値は「クリア」です。
また、カラーピッカーで選択した色の透明度50%の値で登録されます。

アイキャッチ設定

アイキャッチ画像に関する設定を行います。

「No image」用の画像をアップロード

投稿にアイキャッチ画像を登録しなかった場合、ホームでの投稿一覧、アーカイブページ等で利用される画像を登録できます。
No Image画像を登録しない場合は、テキストで「No image」と表示されます。

パンくずリストの設定

パンくずリストを表示するページにチェックを入れてください。
選択可能なページは下記の4つです。

サイドバー（ウィジェットエリア）設定

メインコンテンツの右側にウィジェットを登録可能なサイドバーの設定を行います。
ウィジェットの登録はダッシュボードから外観のウィジェットを選択してください。

サイドバーを表示する

サイドバーを表示します。
「サイドバーを表示する」にチェックをいれてください。
初期値は「未チェック」です。

– サイドバーの背景色を登録

表示されたサイドバーの背景色を変更します。
カスタマイズメニューのカラーピッカーから希望の色を選択してください。
初期値は「クリア」です。

フッター情報設定

フッターに表示する各情報を設定可能です。
フッター情報は「フッター情報にロゴを表示」「住所」「電話番号」「ファックス番号」「Eメールアドレス」「SNSのフォローボタン」「GoogleMapの共有iframe」のいずれかが入力されていると表示されます。

ロゴ表示、各問い合わせ先情報の登録

フッター情報を表示したい場合にチェックまたは各情報を入力してください。

– GoogleMapの共有iframeを貼り付ける方法

  1. GoogleMaps上にピンを立てた場所または目的地をクリックすると表示される【概要】→【共有】を選択します。共有情報が画面に表示されます。【地図を埋め込む】タブを選択します。
  2. 地図の「iframe」タグが表示されます。その横にある【HTMLをコピー】などでコピーしてください。*
  3. WordPressのカスタマイズ画面に戻り、当該のtextareaに貼り付けてください。

* 幅は自動調整されます。高さはGoogleMapsの【カスタムサイズ】を選択して調整いただくか、iframeタグ内のheight属性を変更してください。

– アクセス配置

地図の位置を左右のどちらにするかを選択します。
スマホサイズでは上下に表示されます。この場合は地図は下になります。

– アクセスセクションの背景色

上述のフッター情報を含めた背景の色を選択できます。
初期値は「#f5f5f5」です。

サイトマップ設定

フッター情報の下に配置されるサイトマップの設定です。

– サイトマップの背景色

カラーピッカーから選択します。
初期値は「#e6e6e6」です。

– フッターにサイトマップを表示

フッターにサイトマップを表示する場合はチェックを入れてください。
ダッシュボードから【外観】→【メニュー】→【メニュー設定】→【メニューの位置】→【Footer sitemap】に登録したものが利用されます。
メニューの登録方法はこちらのページをご覧ください。

コピーライト設定

入力されていない場合は初期値の「© bloginfo(name)」が適用されます。
bloginfo(name)はダッシュボードから【設定】→【一般】→【サイトのタイトル】に登録した名前です。

2024-10-22
コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

CAPTCHA


top