書きたい記事を書きたいように書くFreeブログ

かきてぃーのプロフィールはこちらをクリック!

wordpressテーマ『Seal』関連記事の下に本日の人気記事を追加する

 
 
スポンサーリンク
スポンサーリンク
この記事を書いている人 - WRITER -
かきてぃー
21歳に社会へ出て荒波に揉まれ逃げること数回。 2013年にネットビジネスに出会い色んなことに挑戦。無料ブログ系・物販アフィリエイト・ブログアフィリエイト。が、2度挫折し3度目再始動中。 現在の管理サイトはメイン4つのサブ20で合計24サイト運営しています。 主な稼ぎはWEBコンサルやHP制作、FXで月数十万の稼ぎです。 IT業界で学んだスキルを活かしたツールの紹介やテーマ・プラグインのカスタマイズ、実体験を元にした体験記事をメインに書いています。
詳しいプロフィールはこちら

本日の記事は人気テーマ『Seal』の最新記事下にプラグイン「WordPress Popular Posts」の人気記事を設定する方法となります!

前に、人気記事をカード型にする方法をご紹介しましたが、その応用になります。

あわせて読みたい

wordpressテーマ【Seal】で人気記事-Popular Postsをカード型にカスタマイズ

 

よかったら真似してみて下さい!

 

どこに人気記事を設定するのか

この最新記事とコメントの間に入れます!

追加するのは、「WordPress Popular Posts」の1日あたりの人気記事!

前のデザインではフッターへ追加していたのですが、今回の『Seal』ではどこに追加しようか迷っておりました。

トップページみたいにまるで元々あったかのように追加したいな。

と思ったのがきっかけです。

どんな手順で追加するかというと…

最新記事したにウィジェットを追加する

追加したウィジェットにPopular Postsを追加する

追加したPopular Postsを元々のタグデザインに合わせる

これだけです!!

かなり簡単なので、ぜひ真似してほしい!

『Seal』にウィジェットを追加する

え。なにか追加されちゃうの?

あざらしさん

サメくん
そんなに心配しなくてもいいんじゃないかな?てかキミ誰?

あ、Sealってことで新しく加わりました。

あざらしさん

サメくん
俺の出番…減るやんけ!
イルカさん
いいから、次進もうぜ…
サメくん
あい…(涙)

まずは、「Seal」のテーマにウィジェットを追加しましょう。

追加すると、こんな感じで最新記事下にフリースペースが使えるようになります。

修正するソースは…

themes/seal/library

の下にある

「widget.php」

になります。

注意!

親テーマのファイルを修正するので、別ファイルを削除しないように注意して下さい。

※また自己責任でお願いします。

160~178行目あたりに

こんな感じでウィジェットの内容が並んでいるので、改行して180行目あたりに追加します。

追加するとこんな感じになります。

themes/seal/library

にアップロードすれば、

となります!

関連記事下にウィジェットが表示するようにする

次に関連記事下に追加したウィジェットが表示するように修正していきます。

関連記事などを構成しているファイルは

「kanren-articles.php」

となります。

このファイルを子テーマにアップロードして、有効化しましょう。

で、肝心の修正ですが44行目あたりの

が関連記事や最新記事を構成するロジックですね。

単純にここに追加すれば反映されます。

修正後

10~11行目にウィジェットが現れるように追加しました。

これで、ウィジェットにテキストタイプで「テスト」なんて文言を入れ実際に画面反映するか確認します。

無事に反映していれば、プラグイン「WordPress Popular Posts」を追加することが出来ます。

 

反映されない場合

その場合、これまでの手順でミスがあるはずなので、もう一度確認して下さい。

ウィジェットに追加したNo.20がない場合

「widget.php」

の修正が間違っています。

ウィジェットに反映されているが、テストが表示されない場合

「kanren-articles.php」

の修正が間違っています。

 

プラグイン「WordPress Popular Posts」を追加する

ここまでくれば、プラグインを追加するだけで、完成します!

追加したウィジェットにプラグイン「WordPress Popular Posts」を追加して、設定を行います。

※重要な設定箇所のみ書きだします

  • 最大表示数:4
  • 計測期間:過去24時間(1日の場合)
  • タイトル短縮:ON 150文字
  • アイキャッチ画像を表示:ON
  • サイズを手動で指定:幅 394px、高さ 215px
  • カスタム HTML マークアップを使う:ON

 

カスタム HTML マークアップ

<タイトル前>

<タイトル後>

<投稿の前>

<投稿の後>

<投稿の HTML マークアップ>

 

 

スポンサーリンク


完成系がこちら

上手く出来れば、上記のように本日の人気記事が追加できます。

テーマのcssをそのまま利用しているので、cssを修正する手間がないので非常に楽です!

 

かきてぃー
いかがでしたでしょうか?やっぱり優秀なテーマだと皆同じようなデザインになってしまうのでオリジナリティ欲しいですよね!
かきてぃー
それでは、本日もお疲れ様でした!

 

テーマを変更しました

人気が高いテーマ「Seal」です!
使い勝手はもちろん、高機能 + SEOに強いテーマとなっているので大満足のかきてぃーです。
気になる方はデモ画面でもみてチェックしてみて下さい!
この記事を書いている人 - WRITER -
かきてぃー
21歳に社会へ出て荒波に揉まれ逃げること数回。 2013年にネットビジネスに出会い色んなことに挑戦。無料ブログ系・物販アフィリエイト・ブログアフィリエイト。が、2度挫折し3度目再始動中。 現在の管理サイトはメイン4つのサブ20で合計24サイト運営しています。 主な稼ぎはWEBコンサルやHP制作、FXで月数十万の稼ぎです。 IT業界で学んだスキルを活かしたツールの紹介やテーマ・プラグインのカスタマイズ、実体験を元にした体験記事をメインに書いています。
詳しいプロフィールはこちら
スポンサーリンク











コメントはこちらです

Copyright© 書きタレ , 2013 ~ 2018 All Rights Reserved.