【SWELL基本設定】記事を作る前に設定しておきたい4つのこと

こんにちは。SWELLでブログを書くことを楽しんでいる、カコッサのアオです。

ワードプレステーマ「SWELL」は、さまざまなカスタマイズが初心者の方でも簡単にできるようになっています。

ただ、いろいろなことができるだけに、どれから設定していいのか迷うこともあると思います。

今回は、たくさんあるSWELLの機能の中から、ブログ記事を書く前に設定しておきたいことを4つだけピックアップして紹介します。

アオ

これをやっておくと、サイトのイメージが湧きやすくなりますよ。

目次

WordPressテーマ「SWELL」とは?

「SWELL」は、シンプルでおしゃれなデザインと使いやすい機能性で人気のWordPress(ワードプレス)テーマです。

「A8メディアオブザイヤー 2022」での入賞サイトのうち、SWELL使用率は60%超えのダントツ1位!(2021年度も使用率1位)

SWELLの概要

公式サイトSWELL公式サイト
商品名WordPressテーマ SWELL
販売価格¥17,600(税込)
販売元株式会社LOOS
動作必須環境PHP 7.3 以上
WordPress 5.9 以上 (推奨:6.1 ~)
対応ブラウザEdge / Chrome / Firefox / Safari (各最新版)
決済方法クレジットカード ( VISA / Master / AMEX / JCB )
ライセンスライセンス制限なし
引用:SWELLダウンロードページ

SWELLの特徴

  • シンプル&スタイリッシュでおしゃれなサイトが簡単に作れる
  • コードを書かなくてもマウスだけでデザインをカスタマイズできる
  • 利用制限がなく、複数サイトで自由に利用できる
  • 複数の高速化機能を標準搭載
  • 広告の計測やGoogle Adsenseの挿入も簡単にできる
アオ

何よりデザイン性の良さと簡単に使えるところが気に入ってます。

詳しい特徴はSWELL公式サイトの特徴ページをご覧ください。
SWELL公式のデモサイトページもあるよ。いろんなブログが掲載されているので参考になります!

ブログの記事を書き始める前に

ブログを開設した後、運営していくにあたって行うことは、すごくざっくり分けると2つに分類されます。

  • 記事を書くこと
  • サイトを作ること

1は、そのままですが、ブログの記事を書いて増やしていくことです。
2は、SWELLのデフォルトの設定やデザインを、自分のサイト仕様に変えていくことです。

SWELLは記事を書くのが簡単で、とても使いやすい作りになっています。

さらに、2の部分がいろいろカスタマイズできるようになっているのですが、すべてを最初のうちにやらなくても大丈夫です。

1と2を並行して行っていけば問題ないのですが、最初のうちにある程度2をやっておくとサイトのイメージが湧きやすく、記事も書きやすくなってくると思います。

そこで、たくさんあるSWELLの設定の中で、早いうちに行っておいたほうがいいものをまとめました。

SWELL公式サイトのマニュアルの中からピックアップして紹介していきます。

早めにやっておきたいSWELLの基本設定

SWELLを導入してから早めに設定しておきたい項目は、以下の通りです。

  • 基本カラーの設定
  • ヘッダーの設定
  • フッターの設定
  • 全体的なデザインの設定

それぞれ順番に見ていきましょう。

アオ

後から変えることもできるので、まずは試しで設定していきましょう。

基本カラーの設定

まずは基本となるカラーの設定からです。

この項目でできる主なこと
  • 見出しやボタンなどの色の設定(メインカラー)
  • サイト全体のテキスト色の設定(テキストカラー)
  • サイト全体の背景色の設定(背景色)

メインカラーは見出しや各種ボタンなど、サイトで重要となるさまざまなポイントで利用される色です。

この色を変えることでサイト全体のイメージも変わってきます。

アオ

実際にいろんな色に変えて試してみるのがよいですね。

基本カラーの設定方法

管理画面から「外観」>「カスタマイズ」>「サイト全体設定」>「基本カラー」と進んでいくと、以下のような設定画面があり、それぞれのカラーを設定することができます。

基本カラーの設定画面

もっと知りたい方はコチラ

ヘッダーの設定

続いてはサイトの上部に表示されるヘッダーの設定です。

この項目でできる主なこと
  • ヘッダーカラーの設定(背景色・文字色)
  • ヘッダーロゴ画像の設定
  • ヘッダーのレイアウト・デザイン設定

ヘッダーのカラーやロゴ画像など、サイト全体のイメージにも関連する部分の設定ができます。

そのほかにも細かい設定が用意されていて、好きなようにヘッダーを作り上げることができます。

アオ

レイアウトやデザインも細かく設定できます。

ヘッダーの設定方法

管理画面から「外観」>「カスタマイズ」>「ヘッダー」と進んでいくと、以下のような項目があり、ヘッダーに関するさまざまな設定ができます。

ヘッダーの設定画面

ヘッダーやフッターのメニュー内容については、「外観」>「メニュー」から設定することができます。

フッターの設定

ヘッダーに続いては、フッターの設定になります。

この項目でできる主なこと
  • フッターカラーの設定(背景色・文字色)
  • コピーライトの設定
  • SNSアイコンリストの表示

フッターも常にページに表示されるものなので、ヘッダーと合わせて設定しておくとよいですね。

アオ

フッターを設定すると、なんかブログっぽくなりますよね。

フッターの設定方法

ヘッダーと同じように、管理画面から「外観」>「カスタマイズ」>「フッター」に設定項目があります。

フッターの設定画面

全体的なデザインの設定

最後は、サイトのベースとなる全体的なレイアウトやデザインの設定についてです。

この項目でできる主なこと
  • ベースとなるフォントの設定
  • NO IMAGE画像の設定
  • サイト全体の見た目に関する設定

この他にも、パンくずリストやお知らせバーなど、もろもろ細かい設定ができます。

アオ

いろいろいじってみると楽しいですね。

全体的なデザインの設定方法

サイト全体に関わる基本的な設定は、「外観」>「カスタマイズ」>「サイト全体設定」というメニューの中でさらにパネル分けされています。

サイト全体設定のメニュー

まとめ

今回は、ブログの記事を書く前にSWELLで設定しておきたいことをピックアップして紹介しました。

これらを設定すると、サイトの雰囲気も変わってイメージも湧きやすくなると思います。

どれも簡単に操作ができるので、いろいろ試しながら設定してみてくださいね。

アオ

カラーを変えるだけでも、自分のサイトらしさが出てきますよ。


SWELL公式特徴ページはこちらから

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