アトラスの使い方

ロゴやサイトタイトルの設定

ここではATLAS(アトラス)のテーマをインストールした後、ロゴやサイトタイトルを設定する方法をお伝えします。

0.カスタマイズの設定画面に移動する

まず、WordPressにATLAS(アトラス)のテーマをインストールすると、以下のような画面に設定されます。

下図こんな状態です。

ではそこにロゴを設定したいと思います。

ロゴの設定は「カスタマイズ」からできます。
「カスタマイズ」ページにいくにはいくつかの方法があります。お好きな方法で移動してください。

「カスタマイズ」ページへ移動する方法その1

まずはサイトにログインをして管理画面のダッシュボードに進みます。そこから「サイトをカスタマイズ」のボタンでカスタマイズページに進みます。

「カスタマイズ」ページへ移動する方法その2

サイトの表示画面からメニューの「カスタマイズ」を選択し、カスタマイズページに進みます。

「カスタマイズ」ページへ移動する方法その3

管理画面のダッシュボードから「デザイン設定」>「カスタマイズ」を選択します。

1.ロゴを設定する

カスタマイズの設定画面に移動したら「全体設定」をクリックします。

WordPressのカスタマイザー設定

ここの「ロゴ」>「画像を選択」で設定できます。

【手順動画】※ここでは「カスタマイズページへ移動する方法その3」の方法で録画しています。

ロゴやサイトタイトルの文字サイズを設定する

設定したロゴのサイズを変更します。
アトラスではPCとスマホの表示を分けて設定することができます。

さっきロゴを設定したところのすぐ下にある「ロゴサイズ」でサイズを調整します。
スマホは「ロゴサイズ(スマホ用)」で調整します。

スマホの表示設定するときは設定画面の下のほうにあるボタンでスマホ表示に切り替えると楽です。最後に実機で確認して微調整するようにするといいです。

 

横幅を%(単位は不要)で入力すると、自動的に高さは比率を保って調整されます。

2.ヘッダー画像を設定する方法

次にヘッダー画像の設定です。

全体設定」>「トップページのメイン画像」でお好きな画像をアップロードして選択すると表示されます。

ATLASの標準設定ではヘッダー画像はトップページにしか表示されません。もし他のページでもヘッダー画像を表示させたい場合は下図のところにチェックをいれると表示されます。

また、ヘッダー画像のALTタグのテキストをいれたい方はすぐ下の入力欄に記入してください。

これでロゴとヘッダー画像の設定は完了です。

ATLASマニュアル一覧にもどる

ABOUT ME
赤石カズヤ
赤石カズヤ
WEBコンテンツ制作・開発をしながらのんびり活動中。常識に縛られず、ビジネスの仕組み化を常に意識。気が向いたときにWordPressのカスタマイズのことを発信してみたり。
新次元のWordPressテーマ【JIN】をリリース!

アフィリエイターで有名なひつじさん(@hituji_1234)とコラボし、史上最高とも呼べるWordPressテーマ【JIN】を開発しました!

開発期間は11ヶ月と非常に長くかかりました。
【使う人】【見る人】それぞれの立場にたって、何度も何度もブラッシュアップを重ねたためです。

その結果、デザイン性・使い勝手・SEOの3つがとてつもないレベルで融合したテーマになりました!
ひつじさんと2人で特設サイトを作りましたので詳しくはそちらでどうぞ!

JIN特設サイトデモ一覧