【初心者】WordPressテーマ『SWELL』初期カスタマイズ5つをかんたん解説

当ページのリンクには広告が含まれています
ブログを始めたあなた

WordPressブログテーマSWELLの初期設定や、投稿できるまでのカスタマイズを知りたいです。

こんな疑問にお答えします♪

この記事のテーマ

【初心者向け】WordPressテーマSWELLの基本カスタマイズ機能を知る

読者のかたへ
  • SWELLのカスタマイズ方法が知りたい
  • ブログ記事を投稿できるまで設定したい
  • 基本操作を知りたい

というかたへ向け書いています

この記事を読むとわかること
  • SWELLのカスタマイズ方法
  • 記事投稿までにしておく最低限の初期設定
  • 記事投稿の基本操作
記事で紹介するリンク
主な設定5つ
  1. 基本カスタマイズ
  2. 固定ページ設定
  3. ヘッダーとフッターのメニュー設定
  4. サイドバー設定
  5. SWELL設定
ゆき

SWELLの醍醐味といえるカスタマイズについて解説します♪

SWELLとは

WordPress有料テーマ。最新ブロックエディタ(Gutenberg)対応で美と機能性両立の大人気テーマ

>>SWELL公式サイト

有料テーマと無料テーマについてご参考ください

目次

SWELLカスタマイズで記事投稿までの設定5つ

主な設定5つ

①サイトアイコン

②基本カラー

③ヘッターロゴ

④メインビジュアル

⑤スライダー

(ダッシュボード)外観→カスタマイズ

①サイトアイコン

サイトアイコン・ヘッダーロゴはCanvaなどデザインツールであらかじめ作成しておく

>>Canva

カスタマイズ画面

WordPress設定

サイト基本情報

WordPress設定→サイトアイコンを選択

公開

②基本カラー

サイト全体設定

基本カラー

カラーを設定

カラーパレットで選ぶ or カラーコード入力→公開

  • メインカラー:見出しやキャプションボックスなど
  • テキストカラー:文字の色青(濃紺)推奨
  • リンクカラー:リンクURL
  • 背景色:バックの色

③ヘッターロゴ

>>Canva

ヘッダー

画像を選択

公開

配置など変更もできる

ゆき

設定画面で配置などあなたの好みに調整してくださいね♪

④メインビジュアル

メインビジュアル

画像設定の場合画像入力

複数枚画像を設置するとスライドで表示される

メインビジュアル画像ありとなしの印象のちがい

画像設定なし
画像設定あり

⑤スライダー

記事スライダー

枚数を設定

(PC)スライダー設定枚数(3枚・5枚)

(3枚)
(5枚)

(スマホ)スライダー枚数(2枚・4枚)

(2枚)
(4枚)

固定ページの設定

主な設定5つ

①ホーム

②プロフィール

③サイトマップ

④お問い合わせフォーム

⑤プライバシーポリシー

①ホーム

(ダッシュボード)固定ページ→新規追加

タイトル(Homeやホームなど)入力→公開

②プロフィール

(ダッシュボード)固定ページ→新規追加

タイトル(プロフィールやProfileなど)・プロフィール内容入力→公開

③サイトマップ

(ダッシュボード)固定ページ→新規追加

タイトル(サイトマップやSite Mapなど)入力→公開

XML-Sitemap設定

ダッシュボード→設定→XML -Sitemap

基本的な設定:上から2つにチェック

投稿の優先順位:Do not〜にチェック

Sitemapコンテンツ

Excluded Items:特になければチェック不要

Change Frequencies

優先順位の設定→設定を更新をクリック

④お問い合わせフォーム

WPFormsで解説

(ダッシュボード)WPForms→新規追加

フォームに名前を付ける→簡単なお問い合わせフォーム「テンプレートを…」クリック

埋め込む

新規ページを作成

ページの名前を入力→「行きまし…」クリック

公開をクリック

注意:「お問い合わせ」など日本語で名前をつける場合パーマリンクを英語(contact)に変える

テストメール送信してみる

受信メール画面

関連して参考となる記事です

⑤プライバシーポリシー

(ダッシュボード)固定ページ→新規追加

(投稿画面)タイトル:「プライバシーポリシー」「Privacy Policy」など入力

カタカナ(日本語)入力の場合、パーマリンクを英語入力に変更(文字化け防止)

本文

元々入っているプライバシーポリシーの文章を全削除し書き換える

参考

>>当サイトプライバシーポリシー内容

入力後、公開

ヘッダーとフッターのメニュー設定

ヘッダー設定

ヘッダーに設定する項目

①ホーム

②プロフィール

③サイトマップ

④お問い合わせ

ヘッダー:ページの上部に表示するメニュー

(ダッシュボード)外観→メニュー

メニュー名にheader(ヘッダーなど)入力→グローバルナビにチェック→メニューを作成

メニュー項目から選択・メニューに追加→配置調整(ドラッグ&ドロップ)→メニューを保存

フッター設定

フッターに設定する項目

①プライバシーポリシー

②コンタクトフォーム

フッター:ページの下部に表示するメニュー

(ダッシュボード)外観→メニュー

新しいメニューを作成しましょうをクリック

メニュー名にfooter(フッターなど)入力→グローバルナビにチェック→メニューを作成

メニュー項目から選択・メニューに追加→配置調整→メニューを保存

サイドバーの設定

サイドバー設定

(参考)サイドバー設定する項目

①SWELLプロフィール

②検索

③カテゴリ

④新着記事

⑤SWELL目次

ページの右サイド部分

(ダッシュボード)外観→ウィジェット

共通サイドバークリック

初期ではブロックが入っている

ブロックをすべて削除する

左のウィジェットを共通サイドバーに設定する

ウィジェットを追加をクリックか、ドラッグ&ドロップ

(参考)

①SWELLプロフィール

②検索

③カテゴリー

④新着記事(人気記事)

⑤アーカイブ

⑥SWELL目次

SWELL設定

SWELL設定

SWELL設定する項目

①高速化

②エディター設定

高速化

キャッシュ機能

遅延読み込み機能

高速化の種類

リセット

定期的なキャッシュクリアで重くなったデータを軽くする

エディター設定

カラーセット

多種類のカスタム機能

ボーダーセット

マーカー

ボタン

アイコンボックス

ふきだし

カスタム

その他

記事投稿

(ダッシュボード)投稿→投稿一覧

ブロックを使い文章の装飾ができる

ゆき

最初にテスト記事を書いて練習してみてください。どんどん楽しくなりますよ♪

まとめ

記事で紹介したリンク
主な設定5つ
  1. SWELLカスタマイズ
  2. 固定ページ設定
  3. ヘッダーとフッターのメニュー設定
  4. サイドバー設定
  5. SWELL設定
この記事のテーマ

【初心者向け】WordPressテーマSWELLの基本カスタマイズと便利機能を知る

読者のかたへ
  • SWELLのカスタマイズ方法が知りたい
  • ブログ記事を投稿できるまで設定したい
  • 基本操作を知りたい

というかたへ向けて書きました

この記事のまとめ
  • SWELLのカスタマイズ方法
  • 記事投稿までにしておく最低限の初期設定
  • 記事投稿の基本操作
ゆき

記事投稿できるまでのSWELLカスタマイズ設定方法を紹介しました。

紹介した以外にも、SWELLにはたくさんのカスタマイズ機能があるのであなた好みのデザインを楽しんでください。

ただ初めからデザインを完璧にする必要はなく、記事が書ける状態であれば大丈夫です。

なぜならカテゴリーやサイトマップなど、ある程度の記事がなければ活かされない機能があるからです。

デザインは後からいくらでも追加できるので安心してくださいね♪

  • デザイン・機能性・サポート充実
  • 初心者でも操作が簡単
  • ブロックエディター完全対応
人気No.1&初心者におすすめのテーマ
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次