MENU
WordPressの使い方/カスタマイズ/Tips/コラム的な事を徒然と。
WPtips-WordPressのカスタマイズTips集-
  • プライバシーポリシー
  • About
WPtips-WordPressのカスタマイズTips集-

Simple GA RankingでWordPress有料テーマ【JIN】に対応したウィジェット作りました!

2018 8/01
【JINテーマ】カスタマイズ
2018.07.31 2018.08.01

WordPressの有料テーマ【JIN】で人気記事ランキングとか作りますよね?

人気記事ランキングの有名プラグインというと、「WordPress Popular Posts」が有名ですが、実はこれメッチャサイトを重くする原因になります。

サイトを重くしない軽量な人気プラグインがあるんですよ!しかも国産!

Simple GA Ranking(プラグイン作成者のページ)です。

WordPress公式サイトにも勿論登録されています。
Simple GA Ranking(WordPress.org)

目次

Simple GA Rankingが軽い理由

Google Analyticsのデータを引っ張ってくるので、サーバに負担を掛けず軽いんです。

Google Analyticsを導入していないサイトはないので、このプラグインを使う手はないです!

Simple GA Rankingはカスタマイズ性にも優れている

Simple GA Rankingの何が凄いかと言うと、軽いだけじゃないんです。
カスタマイズ性に優れているんです。

テーマに合ったウィジェットが作れるので、テーマ開発者にとっては無駄タグを作らずに済むし、ソースの軽量化にもつながるという優れたプラグインです。

もうプラグイン開発者様様です(土下座

そんな優れた人気記事ランキングを作れちゃう【Simple GA Ranking】をWordPressの有料テーマ【JIN】に対応したウィジェットを作っちゃいました!

機能としては、トップページは全体サイトのランキングを、カテゴリーページや記事ページはそのカテゴリーに属する人気記事ランキングが表示されるようにしました。

ブログの回遊率も上がるはずです。

一応Simple GA Rankingに掲載されているパラメータを全てウィジェットにも入れてみました。

記事数や何日までのデータを使うか、投稿タイプは試して、機能されているのを確認しましたが、それ以外のパラメータは試していません(^_^;)

多分動くはず…。

パラーメータはSimple GA Rankingで確認してください。

Simple GA RankingはOauth2の設定が必要

Simple GA RankingはOauth2の設定が必要となります。

Oauth2の設定もSimple GA Rankingに動画で設定の仕方を掲載していますので、ご利用になりたい方は参考にしてください。

また、Oauth2の設定はこちらの記事も詳しいです
人気記事表示プラグイン「Simple GA Ranking」の設定方法。

Simple GA Rankingを【JIN】に対応したウィジェット

下記のソースをfunctions.phpに貼り付けてください。
そして、フッターエリアにセットしてみてください。

フッターエリアに表示出来るようにソースを組んだので、それ以外のウィジェットエリアは保証しません💧※表示が崩れるかもしれません。

※かなりカスタマイズしている【JIN】の子テーマで、自作カスタマイズ部分を取り除いているので、もし不具合があったらお知らせください。

Simple GA Rankingの関連記事

  • Simple GA RankingでWordPress有料テーマ【JIN】に対応したウィジェット作りました!

今売れているプログラミングの本

  • 1位Python 1年生 体験してわかる...
    【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライト...
  • 2位Python2年生 データ分析のし...
    【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライト...
  • 3位Python2年生 スクレイピング...
    【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライト...
  • 4位スッキリわかるJava入門(実...
    中山清喬 インプレスBKSCPN_【bookーfestivalーthr】 スッキリ ワカル ジャバ ニュウモン ナカヤマ,キヨ...
  • 5位現場で使える!pandasデータ...
    機械学習エンジニア&データサイエンティスト必携! 初学者でもpandasによる前処理手法がわかる 【本書...

今売れているデザイン本

  • 1位1冊ですべて身につくHTML & C...
    Mana SBクリエイティブイッサツデスベテミニツクエイチティーエムエルアンドシーエスエストウェブデザイ...
  • 2位沈黙のWebライティング ーWeb...
    ※本書は固定レイアウト型の電子版です 【SEOのためのライティング教本の決定版! 「成果が上がる」文章...
  • 3位UIデザインの教科書[新版] ...
    【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライト...
  • 4位大人女子デザイン 女性の心を...
    【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライト...
  • 5位Adobe XDではじめるWebデザイ...
    【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライト...
【JINテーマ】カスタマイズ
Simple GA Ranking
  • AmazonJSをWordPressの有料テーマ【JIN】に合うようにカスタマイズする方法 AmazonJSをWordPressの有料テーマ【JIN】に合うようにカスタマイズする方法
  • WordPressで回遊率を高めるタグ関連記事を出力するカスタマイズ

この記事を書いた人

奏音桃のアバター 奏音桃

WordPress1X歴のテーマ開発者がWordPressの有料テーマを購入したのがキッカケで、WordPressのカスタマイズTipsを纏めています。

関連記事

  • WordPressテーマ「JIN」コンテンツマガジンに広告入れるカスタマイズ
    WordPressテーマ「JIN」コンテンツマガジンに広告入れるカスタマイズ
    2018.07.27
  • WordPressのテーマ【JIN】に画像読み込み遅延echo.jsを導入する
    WordPressのテーマ【JIN】に画像読み込み遅延echo.jsを導入する
    2019.04.24
  • WordPressの有料テーマ【JIN】でカスタマイズした内容
    WordPressの有料テーマ【JIN】でカスタマイズした内容
    2018.07.24
  • AmazonJSをWordPressの有料テーマ【JIN】に合うようにカスタマイズ
    AmazonJSをWordPressの有料テーマ【JIN】に合うようにカスタマイズする方法
    2018.07.30

コメント

コメントを残す コメントをキャンセル

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

  1. ホーム
  2. 【JINテーマ】カスタマイズ
  3. Simple GA RankingでWordPress有料テーマ【JIN】に対応したウィジェット作りました!
人気記事
  • Simple GA RankingでWordPress有料テーマ【JIN】に対応したウィジェット作りました!
    WordPressテーマ「JIN」コンテンツマガジンに広告入れるカスタマイズ
    2018/07/27
    【JINテーマ】カスタマイズ
  • Simple GA RankingでWordPress有料テーマ【JIN】に対応したウィジェット作りました!
    WordPressのテーマ【JIN】に画像読み込み遅延echo.jsを導入する
    2019/04/24
    【JINテーマ】カスタマイズ
New Entry
  • WordPressの有料テーマ【JIN】から【SWELL】に移行した理由
    WordPressの有料テーマ【JIN】から【SWELL】に移行した理由
    2020.06.17
    コラム
  • カテゴリーとタグのトップページをGutenbergで作り込む方法
    カテゴリーとタグのトップページをGutenbergで作り込む方法
    2020.06.16
    【SWELLテーマ】カスタマイズ
  • WordPressのテーマやプラグイン移行時に、メタディスクリプションを一括移行する方法
    WordPressのテーマやプラグイン移行時に、メタディスクリプションを一括移行する方法
    2019.04.26
    カスタマイズ
  • WordPressのテーマ【JIN】に画像読み込み遅延echo.jsを導入する
    WordPressのテーマ【JIN】に画像読み込み遅延echo.jsを導入する
    2019.04.24
    【JINテーマ】カスタマイズ
  • post_thumbnail_htmlフックを使って、画像周りを一括管理する方法
    post_thumbnail_htmlフックを使って、画像周りを一括管理する方法
    2019.04.23
    カスタマイズ
Category
  • 【JINテーマ】カスタマイズ(5)
  • 【SWELLテーマ】カスタマイズ(1)
  • カスタマイズ(6)
  • コラム(7)
Page
  • About
  • プライバシーポリシー
Archive

© 2020 WPtips.

目次
閉じる