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

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

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, 新着情報
-, , , , , , ,

執筆者:

関連記事

before

カテゴリーのデザイン-サイドバーメニューの成形(3) ⇒ STINGER8設定その5

カテゴリーが長すぎる サイドバーのカテゴリーだが、項目数が多すぎて縦にやたら長くなってしまう。 そこで、第一階層をリストにして第二階層はボタンにして並べることにした。 まず、第二階層をボタン化 .ca …

ページで100%幅表示を可能にする ⇒ STINGER8設定その14

100%幅の表示を可能にする STINGER8では100%幅のコンテンツを表示できないので、固定ページは可能になるように設定する。 サイドバーを消し、幅を制限している設定をクリアしていく。 page. …

ランディングページ

ランディングページを作り込むテクニック ⇒ カスタマイズの手順と方法を順番に解説

ランディングページとは ランディングページは、ネットショップの生命線とも言えるものだ。 ランディングページとは、「様々なネット広告やリンクをクリックした際に表示されるする、サイトを含むWEBページ全般 …

実質は国内シェア96%を握る ヤフー・グーグル提携の波紋

Amplify’d from diamond.jp 実際に検索サイト&#12 …

WorldCard Mobile

WorldCard Mobileを入れた

名刺管理ソフトWorldCard Mobile 前々から気になっていたiPhoneアプリ「WorldCard Mobile」を導入してみた。 無料バージョンで試してみると、実に認識力が高い。 価格は1 …