Luxeritas(ルクセリタス)

【Luxeritasルクセリタス】カテゴリーページの作り方(2パターン)

困っている人
ルクセリタスでカテゴリーページの作り方を教えてほしい

この記事の信憑性

  • ルクセリタスでカテゴリーページを作っています。した。(SWELLに移行しています)

それでは、本題に入ります。

 

カテゴリーページの作り方

下記の3つのプラグインを使用して、2パターンのカテゴリーページを作成してみます。

メモ

  1. Page Builder By SiteOrigin
  2. Category Posts Widget
  3. Site Origin Widgets Bundle

 

英語ばっかりですね・・・。
でも、心配する必要はありません。
いざとなれば『google chrome』の日本語翻訳機能を使えば、大丈夫です。

完成イメージは、下記の2つです。

タブで切り替え可能





 

どちらのデザインが好きですか?

自分の好みに合ったデザインのカテゴリーページを作ることをオススメします!

 

 

作り方をご紹介します。

まずは、カテゴリーページの骨組みを作るためのプラグインをインストールします。

プラグイン名は、『Page Builder By SiteOrigin』です。

 

Page Builder By SiteOrigin

Page Builder By SiteOriginは、自分好みにレイアウトを作成することができるプラグインです。

感覚的に操作ができるので、初心者の方でも安心です。

 

step
1
Page Builder By SiteOriginをインストールして、有効化します。

 

step
2
固定ページを『新規追加』します。

 

step
3
『ページビルダー』をクリックします。

 

step
4
『列を追加』をクリックします。

 

step
5
完成イメージ①の場合は、2カラムで設定します。


(完成イメージ②の場合は、1カラムです)

 

step
6
左側の四角をクリックすると、青色が濃く変わります。

 

step
7
『ウィジェットを追加』をクリックします。

 

step
8
『テキスト』を選択します。(『テキスト』で、何でもできるので便利です。)

 

step
9
テキストモードで、下記のように入力します。

 

こちらのcssはCSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選で参考にさせていただいています。

 

他にも綺麗でおしゃれな、cssをたくさん紹介されているのでとても参考になります。

step
10
子テーマの編集→style.cssに下記を追記します。(※.category-btn2としていますが、ボタン名は任意です)

 

step
11
2カラム目も同じように、テキストウィジェットで同じように入力します。

 

step
12
テスト表示してみます。

 

ここまで完成したら、下書き保存します。
(まぁこのボタンはあってもなくてもどちらでもいいかなぁという感じです爆)

 

Category Posts Widget

『Category Posts Widget』と呼ばれるプラグインを使って、カテゴリーの最新投稿を表示しています。

 

step
1
Category Posts Widgetをインストールして有効化します。

 

step
2
先程に作成した固定ページに『列の追加』→『ウィジェットの追加』→『Category Posts』を選択します。

 

step
3
Category Postsの設定をします。

 

step
4
Category Postsを上にドラッグして、テキストにくっつけます。

 

step
5
テスト表示してみます。

 

step
6
2カラム目も同じように設定するとこのような感じなります。

 

参考

Category Postsの設定画面→『デザイン』→『境界線の色』で枠線を引くことが可能です。

 

step
7
バナーボタンを作成します。


『テキストウィジェット』→『メディアを追加』→『メディアにカテゴリーページリンクを貼る』

 

step
8
バナーボタンをドラッグしてくっつけておきます。

 

step
9
完成です。

 

以上が、1パターン目のカテゴリーページの作成方法です。

 

Site Origin Widgets Bundle

続いて、2パターン目のカテゴリーページの作成に移ります。
使用するプラグインは『Site Origin Widgets Bundle』です。

step
1
Site Origin Widgets Bundleをインストールして有効化します。


様々なウィジェットが入っています。(お得感満載)

step
2
固定ページに『列の追加=1カラム』、『ウィジェットの追加』、『SiteOrigin Post Carousel』を選択します。

 

step
3
英語のままだと分かりづらいのでgoogle chromeの日本語に翻訳を使いました。

 

step
4
設定します。

 

step
5
完成です。

2つ目のイメージのカテゴリーページが完成しました。

ばらもん。
突然ですが、失礼します。そろそろ、有料テーマを使ってみたいと考えていませんか?

あなたの貴重な時間を無駄にしないためにも『有料テーマ』を買うことをオススメします。

 

私はLuxeritasを使っていました。
Luxeritasを2年弱使ってから、SWELLとAFFINGER6へテーマ変更しました。

2つのブログ2つの有料テーマで運営している私が『有料テーマを買うべき理由』を解説します。

 

当ブログで使っているAFFINGER6は¥14,800(税込)です。

サラリーマンの時給平均って『1,486円』らしいです。

サラリーマンの給料、時給換算するとなんと平均「1486円」
出典元:マイナビ学生の窓口フレッシャーズ(https://gakumado.mynavi.jp/freshers/articles/14142

 

ココがポイント

10時間、働けばAFFINGER6を購入できるって計算です。

私は、Luxeritasを2年弱使い倒しました。
自分なりに、CSSやHTMLをカスタマイズしましたがAFFINGER6の『A』にも及んでいないのが現実です。

正直に言って、CSSやHTMLをカスタムするために費やした時間は10時間は超えています。

 

注意ポイント

ググった時間

エラーに対処する時間

デザインを考慮する時間

CSSやHTMLを記述する時間

etc・・・

10時間以上の貴重な時間をカスタムに費やしても、思い通りのデザインにできていません。

 

私は職業柄(得意言語はCOBOLやVBA笑)、プログラミングにはくわしいと自負していましたが勘違いも良いところでした。

 

繰り返します。
あなたの貴重な時間を無駄にしないためにも、AFFINGER6を買うことをおススメします。

あなたがどんなに優れたSEであったとしても、たったの10時間でAFFINGER6並のカスタマイズをすることは限りなく不可能だと感じています。

 

¥14,800(税込)で【優れたデザイン✕装飾✕操作性のテーマ】を手に入れることができるなら安いとすら感じます。

 

注意ポイント

失った時間は取り戻すことはできません。
CSSやHTMLに時間を費やすくらいなら、記事を書いていたほうが有意義です。

さらに言うと、記事が溜まってからテーマ変更をするとデザイン修正に多大な手間と時間を要します。

 

Luxeritasで運営している運営していた私が言えることがあります。

『AFFINGER6』を買うということ=貴重な時間を買うこと。

 

SWELL or AFFINGER6で悩まれている方へ

『アフィリエイトを追求したいなら』AFFINGER6をオススメします。(AFFINGER6のアフィリエイト報酬は、4件目~7,000円。SWELLは2,500円固定)

SWELLとAFFINGER6の両方を使って、2つのブログを現在進行形で運営している私が実際に感じていることです。

 

SWELLは、10件で『25,000円』

AFFINGER6なら、同じ10件でも『52,000円』(倍以上も差が生まれています。)

 

\ブログ汁限定特典付き/

AFFINGER6(特典付き)を手に入れる

 

特典内容

1位を実際に取った『検索クエリ(コロナ渦で急伸中の食品宅配系)(月間検索ボリューム500~1000&競合性=低)』

クリック率上昇が見込めるタイトルの付け方

SEO効果が期待できる記事の書き方

キーワード選定方法

いまなら、公式限定特典『SUGOI MOKUJI(すごいもくじ) [LITE]』が付いてきます。

 

さすがAFFINGER6

30代男性

購買意欲をそそる装飾がとっても豊富!

ゴリゴリにカスタマイズして、他ブログとの差別化をすることができています!

凝り性のひとはハマりすぎに要注意です(笑)

 

迷ってる時間なんてもったいない!

\ブログ汁限定特典付き/

AFFINGER6(特典付き)を手に入れる

 

まとめ

 

プラグインを利用することで、カテゴリーページの見せ方は簡単に変えることができます。
色々試してみて、あなた好みのカテゴリーページを作ってみることをオススメします。

 

今回ご紹介した『Page Builder By SiteOrigin』は、トップページレイアウトも自由に設定することができます。

私のオススメするプラグインのひとつです。以上です。

 

※本記事の内容で実行された結果について、筆者は一切の責任を負いません。
必ず自己責任で実行してください。

ばらもん。
当ブログは『Luxeritasルクセリタス』2年弱を使っていましたが『AFFINGER6)』へテーマ変更しました。
 
 

\当ブログ限定特典付き!/

AFFINGER6(特典付き)を手に入れる

 

テーマ変更をすると、デザイン修正の問題が発生します。
私自身、デザイン崩れを修正するのに約1ヶ月かかりました。(毎日作業)

 

注意ポイント

130もの記事を修正するのは本当に苦行でしかありませんでした。

 

テーマ変更を決断するなら、早いほうが断然良いです。
テーマ変更に悩んでいた時間とデザイン修正をした時間は無駄だったと感じました。

 

ココがポイント

悩んでいる時間があるなら、行動を起こすほうが良いです!

 

ポイント

期間限定で、公式特典『SUGOI MOKUJI(すごいもくじ) [LITE]』が付いてきます。

 

(ACTION)AFFINGER6の購入方法&インストール方法


【AFFINGER6特典付】購入~インストールまでの流れを詳しく解説!

 

(ACTION)AFFINGER6のオススメ設定


【AFFINGER6設定】この4つでライバルたちを突き放せ!

 

\プラグインまとめ買いでお得!39,800円(13,600円お得!)/

【まとめ買い】ACTION PACK3 - AFFINGER6EX版(特典付き)を手に入れる

当ブログ限定特典!

\ドメインパワー=6.4なのに?!/

ばらもん。
検索12位→1位へアップさせたリライト手順を大公開!

 

こんなことが分かるよ!

1位を実際に取った『検索クエリ(ジャンルは食品宅配)(月間検索ボリューム500~1000&競合性=低)』・・・2022年2月時点は『2位』

クリック率上昇が見込めるタイトルの付け方

SEO効果が期待できる記事の書き方

キーワード選定方法

 

検索1位を取って変わったこと

平均CTR=46.3%=約2人に1人はクリック(2021.4-9月平均実績)

ページ単体で1168PV/月を達成(2021.3月実績)

アドセンス収益アップ

 

過去6か月間の実績

 

一般的に検索1位の平均CTRは、『32~35%』と言われている中で驚異の『46.3%』を記録しています。(6ヶ月平均でここまで高いクリック率は少ないのではないでしょうか。)

 

ばらもん。
タイトルの付け方も我ながら上手だと自負します。

 

 

1ページ目に表示されても、タイトルの付け方が悪いとクリック率は低いです!もったいないです!

 

 

特典では、クリック率上昇が見込めるタイトル付け方のコツも大公開しています!

 

1位を取った検索クエリは、本来は他人には教えたくない宝物です。

なぜか?

ポイント

ドメインパワー6.4が取った1位ですよ?笑
あなたが奪おうと思えば、1位を奪えちゃうクエリです。

ジャンルは食品宅配系です。(兄弟ブログの『ぶろぐしる~』で公開している記事になります)

※2022年2月にクエリを調べたところ、競合が増えてきています。

 

 

宝箱に大事にしまうことはヤメました。
これからアフィリエイトを始める方の参考になれば良いと考え、私は公開します。

 

ネットに出回っているAFFINGER6の特典は、実に様々です。

 

特典の数だけで目を引こうとしている方も多く拝見します。
しかし、よーっく考えてみてください。

 

ココがポイント

『量よりも質が大切』ではないでしょうか?

 

特典記事には、門外不出の情報がたくさん詰まっています。

 

\当ブログ限定特典付き!/

AFFINGER6(特典付き)を手に入れる

 

ポイント

公式からも期間限定特典『SUGOI MOKUJI(すごいもくじ) [LITE]』が付いてきます。

さすがAFFINGER6

30代男性

購買意欲をそそる装飾がとっても豊富!

ゴリゴリにカスタマイズして、他ブログとの差別化をすることができています!

凝り性のひとはハマりすぎに要注意です(笑)

 

\ プラグインまとめ買いでお得!39,800円(13,600円お得!)/

【まとめ買い】ACTION PACK3 - AFFINGER6EX版(特典付き)を手に入れる

EX版とは「AFFINGER6」の特別機能追加バージョン

 

ばらもん。
私はエックスサーバーへのドメイン移管(元はお名前.com)&サーバー移転(元はカゴヤサーバー)を経験済です。

 

ドメイン移管

【ドメイン移管】見逃すな!無料でお名前.comからエックスサーバーにお引越し

サーバー移転

【知らなきゃ損!】a8セルフバックでエックスサーバーお得に契約

 

X10プランスタンダード(月額税抜¥900)でも、十分過ぎます。(3年一括払いの場合・・・2022年2月時点)

参考

300GB(これだけあれば十分。逆に使い切ることのほうが難しい)

無料バックアップ&無料復元機能

ブラウザ&サーバーキャッシュ機能

XアクセラレータVer.2(安定化✕高速化)

etc・・・

 

サーバーは、例えるなら『おうちが立つ地盤』そのものです。

頑丈×好立地条件=エックスサーバーだと感じております。

 

さすがエックスサーバー

30代男性

個人的にものすごく助かっているのは、『バックアップから復元する機能』です。(もちろん無料)

過去14日分ものデータを、自動バックアップしてくれています。

おかげで、バックアッププラグインを削除することができました。

バックアッププラグインは容量をたくさん食っていたので、大変助かりました!

私にとってブログは大事な資産です。

資産を守ってくれる強固なバックアップ機能は安心感があります。

 

\要チェック/

エックスサーバーでお得なキャンペーン情報を見てみる

 

私もキャンペーンを利用しました

無料でドメイン移管(お名前.com→エックスサーバー)

ドメイン更新料は永久無料!

私はブログを開始して約1年後にはGoogleアドセンスだけでサーバー経費をまかなうことができるようになりました。

安心して運営することができるサーバーのおかげだと感じております。

 

-Luxeritas(ルクセリタス)