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

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

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

執筆者:

関連記事

MacBook Pro with Retina Display

MacBook Pro with Retina Displayを設定した3日の戦い

MacBook Pro with Retina Display MacBook Pro with Retina Displayを購入した。 macでは実に4年ぶりとなるリプレイスで、今回初めてtime …

gifアニメーション

燃えるgifアニメーション文字の作成 ⇒ トップページの作り込み5

gifアニメーションとは 最近はSNSブームの関係でgifアニメーションが見直されているようだ。 基本的に動画ファイルではなく画像ファイルの拡張なので、動作やサポート状況は画像ファイルに準じ、これが長 …

parallax

パララックス効果で画像を動かす ⇒ トップページの作り込み2

パララックス効果とは パララックス効果は、2つの要素を別々に動かすことで視覚的な効果を与えることだ。 iPhoneを動かすと、iPhoneのホーム画面上でアプリのアイコンが微妙にずれる、あの効果だ。 …

365日懸賞

ツイッターで応募できる懸賞企画がスタート

有限会社マップ高知(高知県高知市知寄町1-5-1 電話088-880-0770 FAX088-884-3700 http://www.ewalk.ne.jp/map/)は、2011年3月1日、ツイッタ …

au 無線ルータ DATA08W

auのポータブル無線ルータWiFi Waker DATA08Wを導入した人柱報告

au WiFi Waker DATA08Wを契約した 12月1日に発売になったau WiFi Waker DATA08Wを、さっそく契約した。 取り急ぎ使ってみた感想を書いてみる。 DATA08W D …