MENU
テリオス
古代ギリシャ語で〈願いを叶える〉を意味する TERIOS をハンドルネームに冠し、マネタイズに関する有益な情報を発信するサイト『TERIOSNET−MONETIZE』を2024年1月から運営しています。
マネタイズについて、管理人テリオスが実践・経験して培ったノウハウを、初心者の方でも分かりやすいように、講義形式で情報発信しています。
当サイトは【 SWELL 】で作成しています 導入はこちら

サイト全体設定(SWELL~カスタマイズ)

本記事では、SWELLによるサイト型トップページ作成を含む、ブログ・サイトのデザインについて解説します。
手順を追っていくことで、当サイトとほぼ同じ仕上がりになりますので、ぜひお読みください。

テリオス

テリオス(@TERIOS_INFO)が解説させていただきますね。

記事を読んで分かること =【 結論 】
  • 当サイトのSWELLでのサイト全体設定情報

SWELL導入直後のデフォルト状態から変更した箇所のみについて解説いたします。

目次

基本カラー

WordPress管理画面の管理バーにあるカスタマイズから、サイト全体設定基本カラーとクリックします。

WordPress管理画面

メインカラー

➀「メインカラー」を変更し、②公開をクリックします。

基本デザイン

WordPress管理画面の管理バーにあるカスタマイズから、サイト全体設定基本デザインとクリックします。

WordPress管理画面

サイト全体の見た目&フォント設定

①「サイト全体の見た目」の各項目を変更し、②「フォント設定」の各項目を変更し、③公開をクリックします。

コンテンツヘッダー

WordPress管理画面の管理バーにあるカスタマイズから、サイト全体設定コンテンツヘッダーとクリックします。

WordPress管理画面

➀「画像フィルター」をなしに変更し、②公開をクリックします。

お知らせバー

WordPress管理画面の管理バーにあるカスタマイズから、サイト全体設定お知らせバーとクリックします。

WordPress管理画面

➀「お知らせバーの表示位置」をヘッダー下部に表示にし、②「表示内容の設定」を赤点線枠内のようにし、③「お知らせバーの背景効果」を斜めストライプにします。

④「お知らせバー背景色」を指定し、⑤公開をクリックします。

なお、リンク先のURLはお好きなリンク箇所を設定してください。

総括

結論 & まとめ

SWELLによるデザインでは、オリジナリティにあふれたブログやサイトを作成することができます。
当サイトと同じデザインにしなくとも、少しでもあなたのブログやサイトの参考になればと思います。

テリオス

本記事が、あなたのお役に立てたのなら幸いです。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

57歳Web職人#SWELLマニア

目次