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

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

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

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

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

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

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

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

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

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

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

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

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

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

というわけで…

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

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

いわゆる…

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

Luxeritasテーマトップページ

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

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

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

ブログのトップページ

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

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

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

検索から記事に!

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

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

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

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

固定ページ風表示

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

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

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

そう考えると?

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

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

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

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

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

新着記事に進む。

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

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

長いですよ。

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

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

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

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

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

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

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

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

カスタマイズ方法

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

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

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

カスタマイズ(外観)欄

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

グリッドレイアウト

リスト型トップページ

タイル型を選択

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

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

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

エディター画面

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

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

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

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

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

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

 

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

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

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

スマホでの表示

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

100点目指せ!はこちら!

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

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

この記事のURLとタイトルをコピー
お使いの端末ではこの機能に対応していません。
下のテキストボックスからコピーしてください。