心豊かな「魂の時代」へ!

魂の時代・個の時代の到来!それは自己責任の時代!松田豊さんから学んでいるマインドセットを中心に配信しています。

WordPressの使い方

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

投稿日:2018年6月26日 更新日:

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

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

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

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

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

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

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

 

ロゴマーク設置前

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

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

ロゴマークを設定する

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

振り返るOL

-WordPressの使い方

執筆者:


コメントを残す

関連記事

初心者向けにWordPressを解説します(サイドバーウィジェットの設定)

投稿一覧や投稿ページのサイドバーに表示される、ウィジェットを設定する方法を解説します。 ウィジェットとは、WEBサイトのサブコンテンツやナビゲーションメニューなどを表示させることができる便利な機能です …

初心者向けにWordPressを解説します(配色の変更方法)

目次1 配色について知っておきたいこと2 配色を設定する3 サイトタイトル・キャッチフレーズの色設定3.1 関連 配色について知っておきたいこと WEBサイトの配色の変更方法について解説します。 カラ …

初心者向けにWordPressを解説します(写真の一覧表示)

WordPressには複数の写真を並べて表示されるための、ギャラリーという機能があります。 通常の画像機能では、複数の写真をきれいに横並びで配置することが難しいのですが、このギャラリー機能を覚えておく …

初心者向けにWordPressを解説します(メインメニューの設定)

目次1 メニューを作成する2 メニュー名入力3 メニューを追加4 メニューを編集する4.1 メニューの名前を変更する4.2 メニューの並び順を変更する5 投稿やカテゴリーをメニューに追加する5.1 関 …

初心者向けにWordPressを解説します(画像の挿入)

画像の挿入 今回は投稿の編集画面から画像を挿入します。 管理画面<ダッシュボード>⇒<投稿一覧>クリック⇒投稿の編集画面を開く ①カーソルを本文の一番下の行へ移動 ②<メディアを追加>クリック 「メデ …

プロフィール

石川 勉

石川 勉

生れも育ちも四国は愛媛です。 50歳を過ぎて事業の失敗・借金・うつ病・離婚と人生のどん底を経験しました。 再起をかけて精神的・経済的成功を目指すため、マインドセットを学んでいます。 配信情報が皆様のお役に立てれば幸いです。 よろしくお願いします。

プロフィールを表示 →

検索

カテゴリー

アーカイブ