初心者向けにWordPressを解説します(ロゴマークの設定方法)

初心者向けにWordPressを解説します(ロゴマークの設定方法)

WordPressのテーマであるTwenty Seventeenですが、デフォルト(初期設定)では、ヘッダー部分にサイトタイトルとキャッチフレーズがテキストに表示されています。

このTwenty Seventeenではロゴマークを設置する機能もあります。

その設定方法をご説明します。

ロゴマーク用の画像を用意する

Twenty Seventeenでのロゴマークの推奨サイズは250×250pxになっています。

ヘッダー画像の上に表示されることを考慮し、画像との配色も考えて映えるものを用意しましょう。

ロゴマークはデスクトップの表示では、サイトタイトルの左側に表示されモバイル表示では上に表示されます。

 

ロゴマーク設置前

ロゴマーク設置後(デスクトップ表示)

ロゴマーク設置後(モバイル表示)

ロゴマークを設定する

画像が準備出来たらロゴマークを設定しましょう。

管理画面<ダッシュボード>⇒<外観>⇒<カスタマイズ>クリックします。

<カスタマイズ画面>⇒<サイト基本情報>クリック

<サイト基本情報>画面が表示されたら、<ロゴ選択>クリック

<ファイルをアップロード>クリック⇒<ファイルを選択>クリック

アップロードしたいロゴマーク画像を選択し、<開く>をクリック

画像をアップロードします。

アップロードしたロゴ画像を選択した状態で、<選択>クリック

画像の切り抜きを行う画面が表示されます。

大きさを合わせて<画像を切り抜く>クリック

ここでは、特に何も切り抜かずクリックしています。

プレビュー画面でロゴマーク画像を確認します。

問題がなければ<公開>クリック

パソコン・タブレット・スマートフォン画面での表示確認

テーマのカスタマイズ画面の左下に、下図の様なボタンがあります。

パソコン・タブレット・スマーフォンで見た場合の画面が確認できますので、確認しておきましょう。

以上がロゴマークの設定方法です。

いろんなロゴマークを使ってみて、個性のあるWEBサイトを制作してください。