TheWorld 表示速度

WordPressテンプレートの使い方とカスタマイズ

TheWorldテンプレートの表示速度が遅い?やっておくべきカスタマイズ

読了までの目安時間:約 7分

 


The World

TheWorldテンプレートを利用していく上で、必ずやっておきたいカスタマイズがあります。

 

 

TheWorldテンプレートにある5種類の内、シンプル版は良いのですが、その他のテンプレートを利用するのであれば、必ずやっておいてもらいたいカスタマイズです。

 

これを実践するだけでサイトの表示速度が大きくなりユーザビリティにも良い影響を与えますので取り入れてくださいね。

 

 


 

 

 

 

どうもスイクンです。

 

 

TheWorldテンプレートでソーシャルボタンを表示させている場合、トップページには表示記事数分のソーシャルボタンが表示されてしまいます。

 

 

これらがすべて表示されるまでに非常に時間がかかってしまい、トップページの表示速度に多大な影響を与えてしまっているのです。

 

 

 

TheWorld

 

 

 

ですから、この表示数を減らさないと、表示速度が小さいままになってしまいます。では、どうやって表示数を少なく出来るでしょうか?やり方としては、2つあります。

 

 

 

1 ソーシャルボタンを表示させない

1つの方法はソーシャルボタンを表示させないことです。

 

 

ただし、このやり方をしてしまうとすべてのページにソーシャルボタンが表示されなくなってしまいます。

 

 

ですから、ソーシャルメディア拡散を目的としないサイトを運営していく際には良いのですが、そうでない場合には使えない方法です。

 

 

一応、この場合のやり方も説明していきます。

 

外観⇒詳細オプション⇒ソーシャルボタンを非表示です。

 

 

ソーシャルボタン

 

 

 

 

では、特定の場所のソーシャルボタンを非表示にすることは出来るでしょうか?そちらの方法を次に示していきます。

 

 

 

 

2 index.phpを編集

もう一つのやり方としては、index.phpを編集していきます。

 

 

こちらのやり方でしたら、特定の部位のソーシャルボタンを非表示にできるのでおすすめです。

 

 

では、どうやっていくのかというと、トップページのソーシャルボタンを非表示にしたい場合…

 

 

外観⇒テーマ編集⇒index.php

 

 

まず以下のコードを探して、赤文字部分を全部削除します。

 

 

<?php $socialbtn= get_option('socialbtn')?>
<?php if($socialbtn=='socialbtn-on'){ ?>
<!-- ソーシャルボタン開始 -->
<?php SocialButtonVertical(); ?>
<!-- ソーシャルボタン終了-->
<?php } ?>
<?php if($socialbtn=='socialbtn-off'){ ?>
<br clear="all">

<?php } ?>

<!-- 記事上部共通コンテンツ開始 -->
<p class="common_contents"><?php echo get_option('common_contents_h'); ?></p>
<!-- 記事上部共通コンテンツ終了 -->

 

 

しかし、これだけですと、表示が崩れてしまいます。

 

 

TheWorld

 

 

 

ですから、以下のコード(青文字部分)を付け加えていきます。

 

<?php $socialbtn= get_option('socialbtn')?>
<?php if($socialbtn=='socialbtn-on'){ ?>

<?php } ?>
<?php if($socialbtn=='socialbtn-off'){ ?>
<br clear="all">
<?php } ?>
<!-- 記事上部共通コンテンツ開始 -->
<p class="common_contents"><br><?php echo get_option('common_contents_h'); ?></p>
<!-- 記事上部共通コンテンツ終了 -->

 

 

こうすることで適切に表示されていきます。

 

 

TheWorld

 

 

これをやっておくだけでトップページの表示速度が驚くほど変わります。体感速度でも明らかに違いますよ。是非やってみてください。

 

 

The World   コメント:0

この記事に関連する記事一覧

comment closed

トラックバックURL: