WordPressの使い方

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

投稿日:

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

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

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

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

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

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

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

 

ロゴマーク設置前

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

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

ロゴマークを設定する

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

振り返るOL

-WordPressの使い方

執筆者:


comment

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

関連記事

初心者向けにWordPressを解説します(テーブル「表」の作成方法)

WordPressの投稿エディタには、テーブル(表)を作成する機能がありません。 「TablePress」というプラグインを使って作成する方法を解説します。 目次1 「TablePress」でテーブル …

初心者向けにWordPressを解説します(新しい記事の投稿)

目次1 投稿の見本を削除する。2 新しい記事の投稿3 公開した投稿を確認する4 公開した記事を編集する4.1 関連 投稿の見本を削除する。 新しい記事を投稿する前に、見本として投稿されている記事を削除 …

初心者向けにWordPressを解説します(ヘッダー画像の変更方法)

全ページ共通のヘッダー画像を変更します。 ヘッダー画像はWEBサイトの内容に合った画像に変更します。 画像のサイズに特に決まりはありませんが、2000×1200pxが推奨されています。 管理画面<ダッ …

初心者向けにWordPressを解説します(サイトマップの設定)

初心者向けにWordPressを解説します(フッターにウィジェットを追加する)

WEBページの一番下にある部分をフッターと呼びます。 WordPressのテーマによって、設置できるフッターに違いがあります。 「Twenty Seventeen」では2つのフッターエリアがあります。 …

BEN

BEN

【経歴】 生れも育ちも四国は愛媛です。 配信情報が皆様のお役に立てれば幸いです。 どうぞ宜しくお願いします。

プロフィールを表示 →

カテゴリー

アーカイブ

最近のコメント