この記事の読了時間は約5分です。
ブログに「今週の人気記事Top30」という固定ページを作りました。
WordPress Popular Postsというプラグインのショートコードを利用しました。
制作途中で、記事を公開して3分後にランキングのURLリンク全てに打ち消し線がついてしまう問題に直面。単純なことで解決したので共有します。
目次(クリックでワープ)
削るコードはtext_
参考WPブログ内で人気記事ランキングを固定ページや記事として表示する方法
このサイトで紹介しているコードをコピペで貼り付けて、週間人気記事ランキングを作ったがうまく機能しなかった。
コメントでうまくいかないことを直接質問すると
Broken Link Checker等のリンク切れチェックプラグインを使っていると思われるのですが、リンクエラーの制御画面で「リンクエラーではない」等の処理を行なえば今後は検出されないはず
との回答を頂いた。
たしかに僕はBroken Link Checkerというプラグインを使っている。しかし、この解決方法では、週間ごとに入れ替わる記事をいちいち手動で設定しなおさなければいけないため、現実的な解決策とは言えない。
自分でもっと簡単に問題を解決する方法を探ってみた。
リンクに打ち消し線が入ってしまうショートコード
[ wpp range=”weekly” order_by=”views” post_type=”post” limit=30 thumbnail_width=140 thumbnail_height=140 excerpt_format=0 excerpt_length=120 wpp_start='<ol class=”wpp-list2″>’ wpp_end=”</ol>” post_html='<li style=”list-style:none;border-bottom:1px gray dotted;”><p style=”margin-right:1em;float:left”>{thumb}</p><p><b><a href=”{url}”>{text_title}</a></b><br /><span>{summary}</span></p><p style=”clear:both”></p></li>’ ]
ショートコード内の「text_title」を「title」にする。
これでURLリンクの打ち消し線が全て消え通常表示された。
リンクが通常表示されるショートコード
[ wpp range=”weekly” order_by=”views” post_type=”post” limit=30 thumbnail_width=140 thumbnail_height=140 excerpt_format=0 excerpt_length=120 wpp_start='<ol class=”wpp-list2″>’ wpp_end=”</ol>” post_html='<li style=”list-style:none;border-bottom:1px gray dotted;”><p style=”margin-right:1em;float:left”>{thumb}</p><p><b><a href=”{url}”>{title}</a></b><br /><span>{summary}</span></p><p style=”clear:both”></p></li>’ ]
text_titleとtitleの違い
WordPress Popular Postsのプラグイン管理画面に、使えるショートコード一覧がある。
{text_title} (displays post/page title, no link)
{title} (displays linked post/page title)
設定>WordPress Popular Posts>Parameters
つまり、text_titleはリンクを含まないページタイトル、titleはリンクを含むページタイトルを表示するというショートコードらしい。
上記のショートコード(リンクに打ち消し線が入ってしまうショートコード)ではURLとページタイトルを別に表示させ、合わせて一緒にしているので、文法的には{text_title}が正しいはずなのだが、それだと正常に表示されない。
なので、{title}を使ってなんとか通常表示させているという具合。
WordPress Popular Postsで使えるショートコード一覧
色々独自に記事取得の設定を変えたくなる。月間集計ランキングだとか、特定カテゴリのみのランキングとか。
WordPress Popular Postsの設定画面でパラメータ一覧があるものの英語のためイマイチ理解しづらい。
wppショートコードのパラメータと参考コードがよくまとまっているサイト
参考WordPress Popular Posts ショートコードで人気ランキングを表示する – ブログ工房
今後実装したいこと
最近更新した記事5件のランキング表示をサイドバーに。
記事下に週間人気記事ランキングTop30はこちら的な見やすいPR表示。
ブログに実装できた際には記事にしようと思います。
この記事をブログ等で紹介する際は下のHTMLコードをコピペしてお使い下さい。
泣いて喜びます。
<a href="http://49hack.jp/wordpress-popular-posts-linkdel/">WordPress Popular Postsでリンク先が打ち消し線になってしまう場合の解決方法</a>