THE THOR(ザ・トール)のデザイン着せ替え機能を利用した時、ブログのデザインが結構崩れます。
今回は投稿ページのレイアウトをとりあえず最低限見れるようにしていきましょう。
どんどん見づらい部分を修正していきます。
採用したデザイン着せ替え機能
全デザインの着せ替えを行った結果、デモサイト1のデザインを採用しました。
デザイン着せ替え機能を試した結果が見たい人はこちらで全デザインを比較することができます。
今なら限定購入特典付き!
デザイン着せ替え機能の後にすぐやったこと(投稿ページ編)
レイアウト設定を変更
投稿ページの横側にあったメニューが無くなっています。
これはこれでシンプルで良いのですが、よしじゅんはここにサイドメニューが欲しい。
サイドメニューを追加しましょう。
カスタマイズから投稿ページ設定を選びます。
次にレイアウト設定を選びます。
カラムを選択で2カラムにするとサイドメニューが出てきます。
サイドメニューが右側に欲しかったら位置を変更できます。
サイドが不要でメインカラムを広げたいときもここから設定できます。
【2020年10月追記】ブログデザイン変更によりサイドメニューを無くしました。
よしじゅんブログではサイドメニューがほとんどクリックされなかったので、不要と判断しました。
すっきりしたデザインになって自分で見やすくなったと思います。
スタイルを修正
次に投稿ページの一番上に出てくるスタイルを修正します。
アイキャッチの作り方によってはそのままでもカッコいいと思います。
よしじゅんのようにアイキャッチに文字を入れている場合は見づらくなるので消したほうが無難。
スタイル設定を選択します。
ページタイトルデザインを選択します。
ノーマルかアイキャッチ無しにすると消えます。
アイキャッチ無しだと寂しくなったので、アイキャッチありにしました。
シェアボタンを修正
シェアボタンが記事の上にも、下にもある状態です。
シェアをするタイミングを考えたら記事を読んだ後だと思います。
記事上にあるシェアボタンは消してしまいましょう。
シェアボタン設定を選択します。
上部にシェアボタンを表示しないように設定。
これで上部のシェアボタンは消えます。
どのシェアボタンを表示するかもこちらから選びます。
フォローボタンを設定
もしブログをツイッターと連動したくない場合はフォローボタンを消しましょう。
ここの言葉を変えることもできます。
フォローボタン設定から表示するか選びます。
ここは設定できる場所が少ないです。
もうちょっと弄ることができたらいいのになぁとも思います。
記事下CTA設定を修正する
記事下のCTAを修正していきます。
CTAとは、Call To Action(コール トゥ アクション)の略です。
本来は「アフィリエイトブログなどで記事を見た人にクリックしてもらう」などの
具体的な行動を取ってもらうためのもの。
現段階では特に設定することがないので非表示にしてしまいましょう。
記事下CTA設定から非表示を選択するだけ。
所属カテゴリ最新記事設定を修正する
カテゴリーの最新記事を表示する部分、カッコいいんですが修正が必要です。
最初の設定では4記事が表示されるのですが、文字が「最新記事8件」となっています。
こちらをどちらかに統一しましょう。
所属カテゴリ最新記事設定から表示する件数を選択するか、補足情報を修正するか。
表示する記事数は4件か8件かの二択です。
まとめ
どうでしょう?これで投稿ページも結構すっきりしたと思います。
どんどん自分好みのレイアウトにしちゃいましょう。
こちらもご覧ください。
【THE THOR(ザ・トール)】デザイン着せ替え機能の後にすぐやること(TOPページ編)
今なら限定購入特典付き!