あいた 5/24
    そう考えると、キット後でアビガン先にして欲しい。
    あいた 5/24
    アビガン先行なら簡単だけど、キット先行だとちょっと難しい。
    あいた 5/24
    遂に、無限大というワードが飛び交うようになってきた。

ブログ改造 関連記事をフッター部に移動した

関連記事のPC表示の変更

関連記事ユニットの表示が小さいのが、収益低下の原因かと思い関連記事の表示を大きく変更することに。

今までは記事幅約500ピクセル、サイドバー300ピクセルのうち、500ピクセル分が関連記事だったのに対し、関連記事を約800ピクセルで表示させるために、記事内からフッターに移動させた。

上が変更前の幅、下が変更後の幅。

フッターに移動させたことで、簡単に大きい表示に出来た。

余白の関係でスマホでも若干大きい表示になった。

 

処理1

型崩れしないために、

<div style=”clear:both;”></div>

をフッターの最上部に設定。

 

フッターに関連記事を置いた際の問題点

しかし、単純フッターに関連記事を置くと、スマホで表示した時の表示順序が、

記事→サイドバー(このブログでは伝言板)→フッター(関連記事)となってしまう。

ここで、フッターが、スマホでは上、パソコンでは下に来るようにした。

 

処理2

single.phpの下部をif else文で書き換え。

変更前

<?php get_sidebar(); ?>
<?php get_footer(); ?>

変更後

<?php if(wp_is_mobile()): ?>
<?php get_footer(); ?>
<?php get_sidebar(); ?>
<?php else: ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
<?php endif; ?>

 

最後の問題点

記事がサイドバーより大きい時は大して問題ないが、

 

サイドバーが記事より大きい時は型崩れしてしまう。

具体的には、サイドバーの下にフッター(関連記事)がくるため、

記事と関連記事の間に隙間が出来てしまう。

 

こればかりはどうしょうもなく、

アトセンス的には、アトセンス(サイドバー)を固定表示させるのはNGなので、

記事の方が極力長くなるよう、仕方なくサイドバーそのものを削ることに。

今までは伝言板と人気記事を両方入れていたが、今回は伝言板のみにした。

また伝言板が息してないなと思えたら、伝言板をやめて人気記事に変更するかもしれない。

HOME

ゴールデンスライム配当金に逃げる方向性も 2020/5/23 エアーマン株で精神ボロボロ -7万 2020/5/21 エアーマン実はそこまでIR読んでなかった 2020/5/19

ワードプレス新着へ

ブログ更新できずブログ改造 4/23のブログ収入好調 2020/4/23 人気記事一覧ブログ継続の意思と、ブログ収入を考える 2020/4/18 ゲーム大会コロナの影響で検索流入がかなり増えている 2020/3/17 あいた1ページに10記事載せる仕様にした デメリット 2020/3/8 あいたの似顔絵1ページに10記事載せる仕様にした メリット 2020/3/8 アドセンス疲れブログが定まらないという病気 2020/3/2 ブログ村 人気度ブログ村のINポイントは「人気度」なのか? 2020/2/22