海外行ったことないけどebay輸出

ebay輸出のブログ / File exchangeの使い方 / Affinger4カスタマイズ / Amazonプライムビデオ


PR 特典サイト

AFFINGER4 の特典としてオリジナル子テーマをご用意しました!

子テーマは当サイトでも使用中です!
詳しくはこちら⇒:SuiKEN (スイケン)

カテゴリーごとの人気記事をWordPress Popular Postsで表示する手順まとめ!

投稿日:2017年3月6日 更新日:

1日かけて人気記事ランキングをカテゴリー別で表示できるようにしました。忘れないように今回やったことの手順をまとめます。いろいろやったので、あとから見る用も兼ねてます。

スポンサーリンク

現在この記事で書いてある方法を当サイトでは使用しておりません。WordPress Popular Postsの使用を止めたからです。

今回の目的と譲れない条件

目的:サイト回遊率のアップ

chiemi
じゃあ質問です!あなたはブログのカスタマイズ記事読んだ後にebay輸出のネタ読みますか?

とブルゾンちえみ風。最近ハマってる。ファビュラス。

ようは、サイトの人気記事ランキングを全体のランキングだけでなく、それぞれのカテゴリーごとのランキングで自動表示したいという事です。

条件

  • プラグインのWordPress Popular Postsを使う
  • すべて子テーマで完結させる。親テーマは触らない

WordPress Popular Postsには今回目指す機能は備わってないです。なので、プラグイン使う事に抵抗がない方は最初から目的の機能がついたプラグイン使うのが一番早いみたい。

僕はそのためだけのプラグインを入れたくない派。あとは、親テーマもなるべく触りたくないと思ってる。

やったことの手順

目的達成までの大まかな手順としては7つの工程が必要でした。

1.次のサイトを参考にコードをphpファイル化(数値を少しいじっただけ)。素敵なコードをありがとうございました。

2.作ったphpファイルを子テーマへFTPからアップロード

3.ファイルをショートコードとして呼び出せるようにAffinger4の子テーマfunctions.phpにコード追加

5行目が大切

4.ショートコードをAffinger4ウィジェットのスクロール広告用へ入力

使ったのは03_STINGERフリーボックス(やめて、通常のテキストウィジェットに変更した。)

 

この時点で各カテゴリーの人気記事は表示できるようになった。あとはデザインなど調整。

5.サイドバーがわちゃわちゃしてたので、最低限の項目へ減らした。

ここでやりたかったこと。

  1. 各記事のPV表示
  2. PV数をViewsという単語以外に変更

6.上記を達成するために、Popular postプラグインのファイル中身ごといじった。ここはプラグインアップデートすると元に戻るだろう。

インストール済みプラグイン ⇒ WordPress Popular Posts編集 ⇒ WordPress-Popular-Posts.phpの以下の部分

〇Point!がダサくて意味不明なのは仕様です。

7.CSSをたくさん入力した。

  • ランクカウントCSS
  • 〇Point用CSS
  • レイアウト・デザイン調節用CSSなど

ランクカウントは意味があるか疑問だったのでやめた。

代りにPV表示を写真の上にリボンになるようにCSS組んだ。

アクセス数の多い上から3つまでの背景色がnth-childで変わる。凄く文字が見えずらいので、影入れたりするかもしれない。

とりあえず以上で完成。

どうしてもサイト全体がわちゃわちゃする。もっとスペースに余裕持たせてスッキリさせたいのだが、わちゃわちゃする。色んな色使ってるせいかな。文字が多いからかな。

何をやるかじゃなくて、何をやらないかを考える方がブログは難しい。文章が上手くなりたい。難しい事でもスーっと読ませる人いるけど、凄く憧れる。

とりあえず完成したのが、右側の人気記事ランキングです▶ どうやったらもっと視認性が上がるだろう、いじるのは続く。

\ シェアしてください /

  • この記事を書いた人
  • 最新記事

yotta(よった)

海外オークションサイトのebayでセラー(販売者) やってるよ。たどたどしい英語を操り目指すは友達100人♪ 書く前にツイートで発散します。好きなアルコールは芋焼酎です。

-WordPress, ブログ運営

Copyright© 海外行ったことないけどebay輸出 , 2017 All Rights Reserved.