アミアンインターナショナル

貴社の売り上げアップをとことん支援します。オンラインショップ専門コンサルタント

CMS google+ javascript php 新着情報

wordpessテーマのSTINGER8にしてみた ⇒ 設定その1

投稿日:2019年4月23日 更新日:

STINGER8を導入

このサイトはwordpressで構築している。

数ヶ月間Grapheneテーマを使ってみたのだが、どうも重い気がする。

そこで試しに、国産テーマで人気が高いSTINGERを使ってみることにした。

現在は無料テーマでは、STINGER PLUS+2とSTINGER8が最新バージョンらしい。

まずSTINGER PLUS+2を入れてみたのだが、いろいろゴチャゴチャ機能がありすぎて、好みではない。

そこで、シンプルなSTINGER8で運用してみることにした。

やったこと

テーマを変えるといろいろ設定することがあって面倒くさいのだが、これをしないとせっかく見に来てくれた人の満足度が下がる。

ウィジットの整理

Grapheneで設定していたのとは違ってくるので、できるだけ見た目が同じになるようにウィジットを設定しなおした。

header.php

タグマネージャーをインストール。
headタグの直後に、下記コードを追加


<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':<br />
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],<br />
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=<br />
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);<br />
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->

bodyタグの直後に、下記コードを追加。


<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX'" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

sns.phpとsns-top.php

シェアボタンの中にgoogle+が入っているので(google+は既にサービス終了)リンクを削除する。
sns.phpとsns-top.phpのコードから、下記の部分を削除。

<!--Google+1ボタン-->
    <li class="googleplus">
        <a href="https://plus.google.com/share?url=<?php echo $url_encode;?>" target="_blank"><i class="fa fa-google-plus"></i><span class="snstext <?php echo $plug; ?>">Google+</span><!--?php if(function_exists('scc_get_share_gplus')) echo (scc_get_share_gplus()==0)?'<span class="snstext pcnone" -->Google+':'<span class="snscount">'.scc_get_share_gplus().'</span>'; ?></a></li>

結果

とりあえず第一弾の作業終了。

PageSpeed Insightsで、モバイル79、パソコン90になった。

以前はGrapheneテーマだったのだが、特にモバイルの点数が上がったので効果ありと判断できる。

シンプルなテーマなので、それが良かったのだろう。

以後も、少しずつ作業を進めていく。

-CMS, google+, javascript, php, 新着情報
-, , , , , , ,

執筆者:

関連記事

2段組

cssで2段組にする方法 ⇒ トップページの作り込み7

さらにコンテンツを増やす 引き続き、コンテンツを加える。 このブロックは、2段組にする。 <div id=”amiens-07″ class=”amiens-black”> <div …

Format Link

引用を効率化するため拡張機能Format Linkをgoogle Chromeに入れる ⇒ STINGER8設定その7

他のサイトからの引用の仕方 ブログを書く時に、他のサイトから引用することは多い。 この時に気をつけるべきなのは、SEO的な視点だ。 引用する時にblockquoteタグを使わないと、googleからマ …

卯

年賀状を年内に出して販促するという手法

毎年、年賀状は締切間際になって慌てて書いている。 どうやら今年も同じことになりそうだ。 なにせamazonでプリンターのインクを注文したのは今日だし ←遅いって…(汗;) 年賀状の「年賀」部分を塗りつ …

ロゴを表示する

レスポンシブ対応のロゴを表示する ⇒ STINGER8設定その11

ロゴを表示する STINGER8にして、アミアンインターナショナルのロゴが表示されなくなった。 これは少々まずい。 そこで、背景画像として表示させるようにした。 スマートフォン スマートフォンでは、現 …

怪しいものではありません。簡単にauケータイでテザリングができる「NEX-fi」

Amplify’d from www.gizmodo.jp なんと、auケータイでテザリングができる周辺機器「NEX-fi」が発売されました。モバイルデータ通信定額対応機種に、このNEX-fiを接続す …