君が笑顔になるならば

君が笑顔になるならば

息子との日々や家事のことを中心に書きます。買って良かった商品の紹介もしていきます。

【ブログカスタマイズ】PC版の表示を一覧方式に変更してみた【無料でも出来た】

f:id:tu4ba23sa:20181129153010j:plain こんにちは、あんずです。 Twitterで、ブログの評価をしてもらったところ、3つほど気になる点を出してもらいました。 1つが、 トップページに記事全文が表示されているとのこと。 確かに見てみると、スマホ版は一覧ですが、PC版は記事が記事が全文表示になってました。

記事の全文表示を一覧表示に変えるには?

調べてみると、ダッシュボード→設定→詳細設定→ブログ表示形式から変更できるようです。

しかし!

それははてなproの場合です。

私はまだpro入りを果たして無いので、この時点でちょっと諦めかけてました。 無料でもできる方法は無いか、探し回りました。

探してみたら、無料でもできる方法があった!

探してみると、出来る方法がわかりました! こちらのブログを参考にさせてもらいました

http://www.renolog.info/entry/2017/12/27/はてなブログPro不要!!トップページを記事一覧にwww.renolog.info

こちらのブログに書かれていた、コードをコピーし手順通りにペーストし、やってみました。(私のブログにもコードを表示させようとしましたが、上手くできませんでした。)

早速やってみましたが、中々すぐには表示されませんでした。 読み込んで、なんとか表示出来たという感じです! GoogleChromeを入れている関係でしょうか? そして、表示を一覧に変更した結果がこちら。

f:id:tu4ba23sa:20181128045131j:plain

スマホ版のように一覧で表示をされるようになりました! よかった! 大分見やすくなったと思います!

まとめ!

PC版の表示を全文表示から一覧表示に変更は可能でした。 コードを追加して、少し書き換えるだけです。 これで、読みやすくなったのでは?と思います! まだまだ一年たっても初心者並ですが、少しずつカスタマイズも記事の充実もしていきたいです。 あと二つの気になる点は ヘッダー画像が欲しい 日記に近い ということです。 改善頑張ります!

★サーチコンソールのことを書いた記事です。

サーチコンソールの大失敗!!やらかした私がやった解消法! - 君が笑顔になるならば

★ブログのヘッダーを無料で作ってみました!

【ブログカスタマイズ】はてなブログのヘッダーを変えてみた - 君が笑顔になるならば