「SWELL」Webサイトの記事投稿ページ設定方法 #2

WordPress初心者のエディター小林が、WordPressで人気のテーマ「SWELL」を実際に使い、学びながら紹介していく本記事。今回のテーマは、「記事投稿ページの設定方法」について。

その細かい手順を画像付きで、ゼロから丁寧に解説していきます!

WordPressの人気テーマ「SWELL」についての関連記事はこちら。

あわせて読みたい
「SWELL」でWebサイトのトップページを設定してみた! WordPress初心者のエディター小林が、WordPressで人気のテーマ「SWELL」を実際に使い、学びながら紹介していく本記事。今回のテーマは、「トップページの設定方法」につ...
目次

まずは、SWELLの超便利機能「カスタマイザー」から

「SWELL」では、WordPress管理画面にある「カスタマイザー」からサイトのビジュアルやデザインに関するあらゆる設定をここから行えます!

「カスタマイズ」をクリック。
(呼称は「カスタマイザー」なのに表示は「カスタマイズ」。。)

カスタマイザーでは、左側の設定項目で変更した設定を、右画面のプレビューでその都度確認しながら作業ができるのです!とても便利!

記事投稿ページとは

今回は、SEWLLの「投稿・固定ページ」という項目から、記事の投稿ページを設定していきます。

投稿ページとは、以下のような各記事の投稿画面のことです。

このページのデザインについて
カスタマイザーで設定可能な項目が6つあります。

本記事では、その中から

「目次」
「SNSシェアボタン」

の2項目について紹介していきます。

※他の3項目、「タイトル」「アイキャッチ画像」「コンテンツデザイン」については以下の記事をチェック

あわせて読みたい
「SWELL」でWebサイトの記事投稿ページを設定してみた! #1 WordPress初心者のエディター小林が、WordPressで人気のテーマ「SWELL」を実際に使い、学びながら紹介していく本記事。今回のテーマは、「記事投稿ページの設定方法」に...

「目次」を設定する

「目次」の設定では、
・目次を表示するかどうか
・目次のタイトル
・目次のデザイン
・どの階層の見出しまで抽出するか
などを設定できます。

・目次を表示するかどうか↓

 

・目次のタイトル↓

 

・目次のデザイン↓

 

どの階層の見出しまで抽出するか↓
※投稿記事の本文で、見出し(H2、H3)をつけた際の目次の付け方

「SNSシェアボタン」を設定する

ここでは、
・シェアボタンを表示する位置
・表示するボタンの種類
・シェアボタンのデザイン
などを設定できました。

・シェアボタンを表示する位置↓

・表示するボタンの種類↓

・シェアボタンのデザイン↓

もしも設定をリセットしたくなったら!

ここで、設定項目が多く一つ一つ手作業で元に戻すのが面倒くさくなってしまった時の最後の手段として、「カスタマイザーのリセット」をご紹介しておきます。

「カスタマイザーのリセット」では「カスタマイザー」内で行われた全ての設定が削除され、初期化されます。カラー以外の設定をしている場合は、使用する時に十分注意してください!

カスタマイザーのリセットは、WordPress管理画面の「SWELL設定」→「リセット」→「カスタマイザーのリセット」→「デフォルトに戻す」

記事投稿ページは奥が深い

以上、今回は「SWELL」でつくる記事投稿ページの設定方法、
「目次」
「SNSシェアボタン」
「記事下エリア」
の3項目について紹介しました。

 

この記事が気に入ったら
フォローしてね!

目次