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

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

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

執筆者:

関連記事

レスポンシブ対応

メニューとフッターのレスポンシブ対応css装飾 ⇒ STINGER8設定その12

見出しと同じイメージを使う H2タグの装飾とイメージを同じにするため、メインメニューとフッターの背景画像を設定する。 H2タグを修飾 ⇒ STINGER8設定その9 最初は単純に背景画像を設定するだけ …

ワードプレス

wordpressでedit.phpとplugins.phpが真っ白になるトラブル

「投稿」を表示しようとしても画面が真っ白になるトラブルが発生するようになった。edit.phpとplugins.phpでエラーが発生しているっぽい。手動で再度wordpressを全ファイルアップロード。結果、正常動作するようになった。

iphone4s

たった10秒でiPhoneで電話ができないトラブルを解決する方法

iPhone4Sにしてから、実に快適。かつ写真はキレイだしiCloudは便利だし、言うことない! と思っていたら、iOS5.0.1にアップグレードした際に電話の発信も着信も不可能になるというトラブルが …

Format Link

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

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

fontawsome

ピクトグラムでアイキャッチfontawsomeで簡単設定 ⇒ トップページの作り込み3

ピクトグラムとは 東京オリンピックの話題でも取り上げられていたが、近年はピクトグラムの重要性は増すばかりだ。 ピクトグラム(英語: pictogram)あるいはピクトグラフ(英語: pictograp …