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

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

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

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

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

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

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

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

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

記事投稿ページとは

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

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

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

本記事では、その中から

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

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

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

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

「目次」を設定する

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

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

 

・目次のタイトル↓

 

・目次のデザイン↓

 

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

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

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

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

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

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

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

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

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

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

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

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

 

ゼロから立ち上げた『EDiT.』が、たった4ヶ月で急成長。ロースターのオウンドメディア運営方法を無料で教えます。

無料PDF:ロースター式オウンドメディアのゼロからの立ち上げ方を無料公開。

オウンドメディアを始めようか悩んでいるけど、何から始めればよいのかわからない。始めたはいいものの、どうやってアクセス数を上げていけばいいのかわからない。そんな悩みを抱えていませんか?

この資料では、ロースターが実際にどのようにオウンドメディアを立ち上げ、現在どのように運営しているのかをひとつひとつ解説しています。CMSの選び方から、LPの作り方、記事の運営方法まで、ロースター式オウンドメディア運営術をPDFにまとめました。

あなたのメディア立ち上げ・運用に、ぜひご活用ください。

 

Let's share this post!
TOC
閉じる