ランキング記事以降の文章に吹き出しが表示されない
-
返信: ランキング記事中とそれ以降の文章に吹き出しがきちんと表示されない（その前の部分では表示されている）
こちらの方と全く同じ悩みになります。
ランキングを6位まで作成し、最後のまとめ部分で吹き出しを使ったところ、
同様の事象が発生しています。
（4位以降は@ryota さんのコードで記入しております。）＞再度やり直していただく
以外に、ここが原因というところは分からないでしょうか・・？
ランキングを8位まで作ってしまったので、工数に怯えております。。。<h2>【初心者向け】SEOに強い有料おすすめワードプレステーマ6選</h2> <div class="ranking01"> <div class="ranking-title01">[jin-rank1]THE THOR（ザ・トール）</div> <div class="ranking-img01"><a href="https://px.a8.net/svt/ejp?a8mat=3BBLM8+9TNI42+4CL8+5ZMCH" rel="nofollow"> <img src="https://www27.a8.net/svt/bgt?aid=200415536594&wid=001&eno=01&mid=s00000020294001006000&mc=1" alt="" width="300" height="250" border="0" /></a> <img src="https://www14.a8.net/0.gif?a8mat=3BBLM8+9TNI42+4CL8+5ZMCH" alt="" width="1" height="1" border="0" /></div> <div class="ranking-info01">THE THOR（ザ・トール）は、国内トップクラスのWEBデザイナー・SEOコンサルタントであるFITのSEO・デザイン・機能の3拍子揃った国内最高峰のワードプレステーマ</div> <div></div> </div> <div>・圧倒的にSEOに強く、抜群に上位表示されやすい ・おしゃれで美しいサイトが簡単に作れる ・国内テーマ屈指の高速表示を実現 ・ランキングサイト・口コミサイトなどが簡単に作れる</div> <table class="cps-table03"> <tbody> <tr> <th>総合評価</th> <td class="rankinginfo">[jinstar5.0]</td> </tr> <tr> <th>価格</th> <td>14,800円（税抜）</td> </tr> <tr> <th>コメント</th> <td class="rankinginfo">デモサイトを見れば、デザインの秀逸さが分かると思います。 最初見たとき、かっこいいーっと感動しました。 大した商品じゃなくても、このテーマを使って宣伝したら売れるんじゃないかって思います笑</td> </tr> </tbody> </table> <span class="twobutton"><span class="color-button01"><a href="https://px.a8.net/svt/ejp?a8mat=3BBLM8+9TNI42+4CL8+5YJRM" rel="nofollow">【THE THOR（ザ・トール）】</a></span></span><img src="https://www14.a8.net/0.gif?a8mat=3BBLM8+9TNI42+4CL8+5YJRM" alt="" width="1" height="1" border="0" /> <div class="ranking02"> <div class="ranking-title02">[jin-rank2]JIN</div> <div class="ranking-img02"><img class="alignnone size-full wp-image-500" src="https://www.fermiblog.xyz/wp-content/uploads/2020/04/JIN.png" alt="" width="330" height="320" /></div> <div class="ranking-info02">当ブログもJINを使っています。</div> </div> <div></div> <div>月間100万以上稼ぐアフィリエイターひつじ（<a href="https://twitter.com/hituji_1234">＠hituji_1234</a>）さんとプログラマーの赤石カズヤさん（<a href="https://twitter.com/cps_kazuya">＠cps_kazuya</a>）の最強タッグで制作されたテーマです。</div> <div></div> <div class="ranking02">・デザインをボタン1つで「切り替え」できる ・おすすめのデザインに「着せ替え」できる ・記事の執筆に役立つ「エディター」が揃っている ・「収益化」を加速する機能を多数搭載している</div> <div class="ranking02"> <div class="clearfix"></div> </div> <table class="cps-table03"> <tbody> <tr> <th>総合評価</th> <td class="rankinginfo">[jinstar5.0]</td> </tr> <tr> <th>価格</th> <td class="rankinginfo">14,800円（税込）</td> </tr> <tr> <th>コメント</th> <td class="rankinginfo">JINの良いところは、ユーザーが多いので、使っていてわからないことがあったときに、検索すれば必ず解決することです。 もしも解決しなくても、<a href="https://jin-forum.jp/">こちら</a>で質問すると開発者から回答が返ってくるという神対応です。</td> </tr> </tbody> </table> <span class="twobutton"><span class="color-button01"><a href="https://jin-theme.com/download/">JINをダウンロード</a></span><span class="color-button02"><a href="https://jin-theme.com/feature/">JIN公式ページ</a></span></span> <div class="ranking03"> <div class="ranking-title03">[jin-rank3]ストーク19</div> <div class="ranking-img03"><a href="https://px.a8.net/svt/ejp?a8mat=3BBLM8+9UUDBM+3PSE+63H8H" rel="nofollow"> <img src="https://www25.a8.net/svt/bgt?aid=200415536596&wid=001&eno=01&mid=s00000017339001024000&mc=1" alt="" width="300" height="250" border="0" /></a> <img src="https://www12.a8.net/0.gif?a8mat=3BBLM8+9UUDBM+3PSE+63H8H" alt="" width="1" height="1" border="0" /></div> <div class="ranking-info03">これまでに20,000人以上のユーザーに使われたワードプレステーマ"STORK"の最新バージョン「STORK19」です。</div> <div></div> <div class="ranking-info03">ストークにしかない洗練されたデザインはそのままに、機能の追加や表示スピードの改善がされています。</div> <div></div> <div class="clearfix"></div> </div> <table class="cps-table03"> <tbody> <tr> <th>総合評価</th> <td class="rankinginfo">[jinstar4.5]</td> </tr> <tr> <th>価格</th> <td class="rankinginfo">11,000円（税込）</td> </tr> <tr> <th>コメント</th> <td class="rankinginfo">大人気のストークですね。20,000人以上が使ってるってすごすぎます。 購入から30日間は無料メールサポートがついているので、安心です。</td> </tr> </tbody> </table> <span class="twobutton"><span class="color-button01"><a href="https://px.a8.net/svt/ejp?a8mat=3BBLM8+9UUDBM+3PSE+BW8O2&a8ejpredirect=https%3A%2F%2Fwww.stork19.com%2F" rel="nofollow">デモページ</a> <img src="https://www17.a8.net/0.gif?a8mat=3BBLM8+9UUDBM+3PSE+BW8O2" alt="" width="1" height="1" border="0" /></span><span class="color-button02"><a href="https://px.a8.net/svt/ejp?a8mat=3BBLM8+9UUDBM+3PSE+BW8O2&a8ejpredirect=https%3A%2F%2Fopen-cage.com%2Fstork19%2F" rel="nofollow">ダウンロード</a> <img src="https://www18.a8.net/0.gif?a8mat=3BBLM8+9UUDBM+3PSE+BW8O2" alt="" width="1" height="1" border="0" /></span></span> <!-- ここからランキング4位 --> <div class="ranking03"> <div class="ranking-title03">[jin-rank3]スワロー（SWALLOW）</div> <div class="ranking-img03"><a href="https://px.a8.net/svt/ejp?a8mat=3BBLM8+9UUDBM+3PSE+631SX" rel="nofollow"> <img src="https://www28.a8.net/svt/bgt?aid=200415536596&wid=001&eno=01&mid=s00000017339001022000&mc=1" alt="" width="300" height="250" border="0" /></a> <img src="https://www18.a8.net/0.gif?a8mat=3BBLM8+9UUDBM+3PSE+631SX" alt="" width="1" height="1" border="0" /></div> <div class="ranking-info03"> SWALLOWはシンプルな見た目と洗練された機能美が光るWordPressテーマです。 プロブロガー八木仁平監修のもと、OPENCAGEが開発したWordPressテーマ。 「必要なものとは何か」を考え尽くして、無駄な機能やデザインを削ぎ落とした洗練されたWordPressテーマです。 </div> <div class="clearfix"></div> </div> <table class="cps-table03"> <tbody> <tr> <th>総合評価</th> <td class="rankinginfo">[jinstar4.0]</td> </tr> <tr> <th>価格</th> <td class="rankinginfo">9,900円（税込）</td> </tr> </tbody> </table> <span class="twobutton"><span class="color-button01"><a href="https://px.a8.net/svt/ejp?a8mat=3BBLM8+9UUDBM+3PSE+BW8O2&a8ejpredirect=https%3A%2F%2Fdemo-swallow.open-cage.com%2F" rel="nofollow">デモページ</a> <img src="https://www13.a8.net/0.gif?a8mat=3BBLM8+9UUDBM+3PSE+BW8O2" alt="" width="1" height="1" border="0" /></span><span class="color-button02"><a href="https://px.a8.net/svt/ejp?a8mat=3BBLM8+9UUDBM+3PSE+BW8O2&a8ejpredirect=https%3A%2F%2Fopen-cage.com%2Fswallow%2F" rel="nofollow">ダウンロード</a> <img src="https://www11.a8.net/0.gif?a8mat=3BBLM8+9UUDBM+3PSE+BW8O2" alt="" width="1" height="1" border="0" /></span></span> <!-- ランキング4位ここまで --> <!-- ここからランキング4位 --> <div class="ranking03"> <div class="ranking-title03">[jin-rank3]ハミングバード</div> <div class="ranking-img03"><a href="https://px.a8.net/svt/ejp?a8mat=3BBLM8+9UUDBM+3PSE+61RI9" rel="nofollow"> <img src="https://www28.a8.net/svt/bgt?aid=200415536596&wid=001&eno=01&mid=s00000017339001016000&mc=1" alt="" width="300" height="250" border="0" /></a> <img src="https://www13.a8.net/0.gif?a8mat=3BBLM8+9UUDBM+3PSE+61RI9" alt="" width="1" height="1" border="0" /></div> <div class="ranking-info03">ハミングバードは「誰が使っても簡単に美しいブログサイトを！」をコンセプトとして開発されたWordPress用テーマです。シンプルなデザインながら、アニメーション効果でさり気なくパワフルにコンテンツを目立たせます。 もちろんモバイルファーストで設計されているのでスマホでの見た目が抜群です。</div> <div class="clearfix"></div> </div> <table class="cps-table03"> <tbody> <tr> <th>総合評価</th> <td class="rankinginfo">[jinstar4.0]</td> </tr> <tr> <th>価格</th> <td class="rankinginfo">7,980円（税込）</td> </tr> </tbody> </table> <span class="twobutton"><span class="color-button01"><a href="https://px.a8.net/svt/ejp?a8mat=3BBLM8+9UUDBM+3PSE+BW8O2&a8ejpredirect=https%3A%2F%2Fdemo-hummingbird.open-cage.com%2F" rel="nofollow">デモページ</a> <img src="https://www12.a8.net/0.gif?a8mat=3BBLM8+9UUDBM+3PSE+BW8O2" alt="" width="1" height="1" border="0" /></span><span class="color-button02"><a href="https://px.a8.net/svt/ejp?a8mat=3BBLM8+9UUDBM+3PSE+BW8O2&a8ejpredirect=https%3A%2F%2Fopen-cage.com%2Fhummingbird%2F" rel="nofollow">ダウンロード</a> <img src="https://www18.a8.net/0.gif?a8mat=3BBLM8+9UUDBM+3PSE+BW8O2" alt="" width="1" height="1" border="0" /></span></span> <!-- ランキング4位ここまで --> <!-- ここからランキング4位 --> <div class="ranking03"> <div class="ranking-title03">[jin-rank3]ALBATROS（アルバトロス）</div> <div class="ranking-img03"><a href="https://px.a8.net/svt/ejp?a8mat=3BBLM8+9UUDBM+3PSE+61JSH" rel="nofollow"> <img src="https://www28.a8.net/svt/bgt?aid=200415536596&wid=001&eno=01&mid=s00000017339001015000&mc=1" alt="" width="300" height="250" border="0" /></a> <img src="https://www10.a8.net/0.gif?a8mat=3BBLM8+9UUDBM+3PSE+61JSH" alt="" width="1" height="1" border="0" /></div> <div class="ranking-info03">アルバトロスは誰が使っても美しいをコンセプトに開発されたWordPress用テーマです。シンプルなデザインでコンテンツをとにかく見やすく、モバイルファーストで設計されているのでスマートフォンで表示した際もデザインが崩れることなく美しいままです。</div> <div class="clearfix"></div> </div> <table class="cps-table03"> <tbody> <tr> <th>総合評価</th> <td class="rankinginfo">[jinstar4.0]</td> </tr> <tr> <th>価格</th> <td class="rankinginfo">7,980円（税込）</td> </tr> </tbody> </table> <span class="twobutton"><span class="color-button01"><a href="https://px.a8.net/svt/ejp?a8mat=3BBLM8+9UUDBM+3PSE+BW8O2&a8ejpredirect=http%3A%2F%2Fdemo-albatros.open-cage.com%2F" rel="nofollow">デモページ</a> <img src="https://www12.a8.net/0.gif?a8mat=3BBLM8+9UUDBM+3PSE+BW8O2" alt="" width="1" height="1" border="0" /></span><span class="color-button02"><a href="https://px.a8.net/svt/ejp?a8mat=3BBLM8+9UUDBM+3PSE+BW8O2&a8ejpredirect=https%3A%2F%2Fopen-cage.com%2Falbatros%2F" rel="nofollow">ダウンロード</a> <img src="https://www11.a8.net/0.gif?a8mat=3BBLM8+9UUDBM+3PSE+BW8O2" alt="" width="1" height="1" border="0" /></span></span> <!-- ランキング4位ここまで --> <!-- ここからランキング4位 --> <div class="ranking03"> <div class="ranking-title03">[jin-rank3]Emanon Pro（エマノンプロ）</div> <div class="ranking-img03"><a href="https://px.a8.net/svt/ejp?a8mat=3BBLM8+9U8XPU+3VA6+5ZU29" rel="nofollow"> <img src="https://www23.a8.net/svt/bgt?aid=200415536595&wid=001&eno=01&mid=s00000018051001007000&mc=1" alt="" width="300" height="250" border="0" /></a> <img src="https://www16.a8.net/0.gif?a8mat=3BBLM8+9U8XPU+3VA6+5ZU29" alt="" width="1" height="1" border="0" /></div> <div class="ranking-info03"> Emanon Proは、企業サイトも作れてしまうレベルのWordPressテーマです。検索エンジンがインデックスしやすいHTML構造、プラグインなしでサイト訪問者のコンタクト情報を収集する仕組みが実装されています。 アイキャッチ画像を生かした「シンプル」かつ「上品さ」をもったデザインです。 </div> <div class="clearfix"></div> </div> <table class="cps-table03"> <tbody> <tr> <th>総合評価</th> <td class="rankinginfo">[jinstar3.5]</td> </tr> <tr> <th>価格</th> <td class="rankinginfo">9,800円</td> </tr> </tbody> </table> <span class="twobutton"><span class="color-button01"><a href="https://px.a8.net/svt/ejp?a8mat=3BBLM8+9U8XPU+3VA6+BW8O2&a8ejpredirect=https%3A%2F%2Fwp-emanon.jp%2Femanon-pro%2F" rel="nofollow">デモページ</a> <img src="https://www11.a8.net/0.gif?a8mat=3BBLM8+9U8XPU+3VA6+BW8O2" alt="" width="1" height="1" border="0" /></span><span class="color-button02"><a href="https://px.a8.net/svt/ejp?a8mat=3BBLM8+9U8XPU+3VA6+BW8O2&a8ejpredirect=https%3A%2F%2Fwp-emanon.jp%2Femanon-pro-theme%2F" rel="nofollow">ダウンロード</a></span></span> <h2>【初心者向け】SEOに強い無料おすすめワードプレステーマ</h2> <div class="ranking01"> <div class="ranking-title01">[jin-rank1]Cocoon（コクーン）</div> <div class="ranking-img01"> <img class="alignnone size-full wp-image-503" src="https://www.fermiblog.xyz/wp-content/uploads/2020/04/1cc751dbed154da55f67acdc99401191.png" alt="" width="300" height="371" /> <div class="ranking-info01"></div> <div></div> </div> <div>無料テーマなら、コクーン一択というレベルで大人気の無料テーマです。</div> <div></div> </div> <div>Cocoon（コクーン）はわいひら氏が作成している『ワードプレス無料テーマ』です。わいひら氏といえばSimplicityで有名ですが、Simplicityの後継として作成された新しいテーマです。</div> <div></div> <div>多くのアフィリエイターが「有料テーマが売れなくなる！！」と大絶賛しています。</div> <div></div> <div>どのサイトを見ても無料でおすすめはコクーンだと宣言しており、当ブログも最初はコクーンにしようかなぁと思っていました！</div> <div></div> <div></div> <div class="ranking01"> <table class="cps-table03"> <tbody> <tr> <th>総合評価</th> <td class="rankinginfo">[jinstar4.0]</td> </tr> <tr> <th>価格</th> <td>0円</td> </tr> <tr> <th>コメント</th> <td class="rankinginfo">無料でこのクオリティはすごすぎるのですが、やはり有料版のほうがデザインがきれいなのかな、と思い、当ブログは有料版を購入してしまいました。</td> </tr> </tbody> </table> <span class="twobutton"><span class="color-button01"><a href="https://wp-cocoon.com/layout/">デモページ</a> <img src="https://www11.a8.net/0.gif?a8mat=3BBLM8+9U8XPU+3VA6+BW8O2" alt="" width="1" height="1" border="0" /></span><span class="color-button02"><a href="https://wp-cocoon.com/downloads/">ダウンロード</a></span></span>
WordPressのバージョン :
ご利用のサーバー名 :
PHPのバージョン :
OS :
ご利用のブラウザ :
該当サイトのURL :