WordPressでマッチングサイトを構築!ロゴ・フォント・色の設定を解説

HanamiWEBオンラインスクールでは

●バーチャル自習室でのリアルタイム質問!

●チャットで質問し放題!

●24時間学び放題のEラーニング教材!

全部ついて 2,500円/月!

WordPressでマッチングサイトを構築したい!と思った時に試したPREMIUMPRESSという海外製テーマ会社のMicro jobテーマについて、構築方法を解説しています。

サイトのデザインで一番大切なロゴ・フォント・キーカラーの設定方法を解説しています!

デザイン設定

PREMIUMPRESSの【デザイン】>【ロゴとフォント】へ移動します。

ロゴの設定

背景が白いバージョン、背景が黒いバージョン、2種類のロゴを設定します。

推奨サイズは250px×50px

また、ロゴ画像が無いという方も安心してください。サンプルのようにテキスト(HTML構文可能)を入れる事も可能です。

フォント設定

PremiumPressではフォントがたくさん入っているのですが、残念ながらどれも英語向けです。

ただ、選ぶフォントの種類によって日本語のフォントも変わるので色々と探してみると良いかもしれません。

  • Body Font-メインとなるテキスト
  • Logo Font-ロゴにテキストを利用する場合
  • Heading 1 Font-H1のフォント
  • Heading 2 Font-H2のフォント
  • Heading 3 Font-H3のフォント
  • Heading 4 Font-H4のフォント
  • Heading 5 Font-H5のフォント
  • Heading 6 Font-H6のフォント
  • Main Menu-メニューバーのフォント
  • Button Font-ボタンのフォント

ここでは一般的なフォントの一括設定となっています。

ページごとに変更する事も可能です。

キーカラーの設定

PREMIUMPRESS>【デザイン】>【色】で設定を行います。

  • サイトの背景色
  • テキスト色
  • プライマリーカラー
  • セカンドカラー
  • 暗い背景
  • 明るい背景

を選択します。

ホームページのリスキリングはお任せください!

2019年よりWordPressやホームページに関するスキルシェアを行ってきました。事例やノウハウが蓄積され、スピーディーかつ的確にお悩みを解決へと導く事を得意としています。ホームページに関するお悩みがございましたら、LINE公式アカウントよりお気軽にご相談ください!

↑クリックするとLINE公式が開きます

新着記事

SPF と DKIM と共に有効な DMARC ポリシーを併用してメールの認証設定方法
WordPressにログインできない?
【Hbook】When using Stripe you need to add a Required Country Field in the Details form. エラーの対処法
検索結果にサイト名(会社名)が表示されない
WP Rocket - WordPress Caching Plugin