MENU

Luxeritasテーマトップページ例!固定ページ風新着記事一覧!固定ページの一覧表示風に

Luxeritasテーマトップページ例!固定ページ風新着記事一覧!固定ページの一覧表示風に

運営ブログのひとつの写真ブログが…

メルマガを始めたりカスタマイズで速度低下。

表示スピード100点を目指していたけれど…

点数が下がってしましました。

スマホで60点以下なら修正!
PCで95点以下なら修正!

この点数を課題に進めています。

あくまでもトップページの話ですが…

Luxeritasのおかげで採用プラグインは10個以下。

それでも写真を多く載せるブログは辛い。

かと言ってトップページに一覧だけの掲載は味気なくて見ていられない。

固定ページで表示していたものの…

やはり速度の低下が見られました。

というわけで…

今のところの最終案として一覧表示ですが…

固定ページ風にコンテンツを表示しつつ新着記事も掲載する。

いわゆる…

先頭記事をオープンにしました。

[pctop]

Contents

Luxeritasテーマトップページ

Luxeritasテーマはカスタマイズ性が優れている。

以前も別のテーマで同じ事をしていましたが…

気分によって変えたりしていました。

ブログのトップページ

今回は気分というよりも「表示速度の低下」

シンプルにしておけば良い事ですが…

このブログの傾向を分析したところ…

検索から記事に!

トップページに!or別記事に!

というように離脱率が低いブログでもあります。

30%はいずれかの記事へと進んでくれます。

その中で意外なのがトップページへの流入。

固定ページ風表示

他のブログはトップページを気にしていません。

トップページに来る人などほとんどいないはず。

ブログの特性なのかもしれません。

そう考えると?

トップページからユーザーが次に見たいものは?

新着記事だけでは無いはず。
そのような経緯で…
トップページは固定ページで作る!
固定記事の為コンテンツを表示しやすくなる。

好きなカテゴリーへと進む。

ピックアップした記事に進む。

タグ風に表示した記事に進む。

新着記事に進む。

ユーザーの選択肢が広がります!

試験的ですが…トップページをご覧ください。

長いですよ。

長くても実際見るとそうでも無かったりします。

「新着記事」と表示がある所までが先頭記事です。

「新着記事」以降が新着記事の一覧(アーカイブ)になります。

Luxeritasテーマトップページ例!固定ページ風新着記事一覧!固定ページの一覧表示風に

今までは新着記事はトップページから更にリンクする形です。

今回はトップページも新着記事が表示されていますので

新着記事を見たいユーザーはそのまま進めます。

現在デザイン的な事以外でも手を加えている為、表示が崩れる事があります。

[middle][pcmiddle]

カスタマイズ方法

このようにトップページをカスタマイズするのは…

Luxeritasのカスタマイズ(外観)だけで充分。

ただ…今回のカスタマイズで
トップページがAMPではなくなりました。

カスタマイズ(外観)欄

Luxeritasテーマトップページ例!固定ページ風新着記事一覧!固定ページの一覧表示風に
Luxeritasのカスタマイズ(外観)で

グリッドレイアウト

リスト型トップページ

タイル型を選択

最初の1件を通常スタイルで表示
タイル型
記事を読む・抜粋は非表示にしています。
通常スタイル
記事を読むを表示にしています。

記事を読むや抜粋の表示はそれぞれ!

Luxeritasでの設定はこの一ヶ所だけです。

エディター画面

Luxeritasテーマトップページ例!固定ページ風新着記事一覧!固定ページの一覧表示風に
エディター画面は公開の部分を変更

先頭に固定表示にするだけです。

この記事の<more>タグ以下に

細かいコンテンツも入れておけば更に良いですね。

タイトルをクリックしてしまった場合…

実際の記事が表示されてしまいます。

先頭に固定表示する記事は重要です。

トップページに常に表示される事になりますので…

SEO的にもそれなりに手を加える事にします。

スマホでの表示

スマホで表示すると更に長くなります。

こちらに掲載しませんが…

PCで見ている場合は見比べてみてください。

Luxeritasテーマトップページ例!固定ページ風新着記事一覧!固定ページの一覧表示風に

現在スマホの方は→写真を楽しむブログ

固定ページ風トップページまとめ

トップページに新着記事だけ並べるよりも…
固定記事にした方がSEO的に良い気がします。
あくまでも「気がする」だけです。

好きなだけコンテンツをアピールできるから。

今、なかなか解決しないのが…

PCで見た時のフッターまでのすき間。

直る時もあればかなり空間が開く時があります。

ある法則があるような気がしますが…

自動広告が入る設定でのエラーだと思います。

スマホだと問題ないですが…

あれを直せば…これがこうなる…

なかなか完全にはなりませんね?

WordPressのブロック編集で作ってみようと思いましたが…

思ったような配置にならなかったので今回は通常表示。

100点目指せ!はこちら!
あわせて読みたい
WordPressページスピードで100点近くまでスピードアップ!Luxeritasカスタマイズ成果 PageSpeed Insightsが新しくなりましたね。今までのPageSpeed Insightsはなんとなく嫌だった感じ。良い結果も得られず、何をどうして良いのやら…新しくなったPageSpeed Insightsはとても分かりやすいですね。早速試してみました。結果が芳しくなかったため大掃除!写真ブログの最適化を年末の大掃除の課題にして1日を割きました。今回はとことんやってみる事にしました。超早いLuxeritasではありますが、まだまだ…写真ブログは写真画像で成り立っていますのでスピードがネックになります。「100点満点を目指せ!」という事で実際に100点にはなりました。

現在やっと!このブログだけは良い感じに!

Luxeritasテーマトップページ例!固定ページ風新着記事一覧!固定ページの一覧表示風に

[pcend]

Luxeritasテーマトップページ例!固定ページ風新着記事一覧!固定ページの一覧表示風に

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

Contents