6月12日以降、ご利用の環境によって当ブログの閲覧ができなくなる可能性があります(詳細)

【ハミングバード】PS Auto Sitemap の矢印をキレイに表示する方法

こんにちは、TOMOMIです。

まだブログを始めたばかりですが、早速、サイトマップを設置しました。

いくつかあるプラグインの中から「PS Auto Sitemap」をチョイス。

最終更新日が気になるものの、開発者が日本人ということもあり、日本人ブロガーさんの間で愛用されている人気のプラグインです。

タイトル横に表示される謎の丸いポチ

PS Auto Sitemapでサイトマップを作成すると現れたピンク色の丸いポチ。

とても気になります。

スタイルを「なし」に設定すると消えますが、それでは味気ないし、せっかくなら可愛く仕上げたいものです。

スタイルとはタイトルの先頭に表示されるアイコンのこと。このブログでは「矢印」を設定しています。

TOMOMI

 

STORK(ストーク)でも
別ブログで使用している「ストーク 」でも、まったく同じ現象が出ました。

ちなみに当ブログのテーマは「ハミングバード 」。

現在はサルワカさんの「SANGO」を使用しています。

丸いポチの正体は<li>タグ

ソースを確認すると、どうやら<li>タグが干渉している模様。

この丸いポチは必ず現れるわけではありません。

オープンケージ さんで販売されているテーマの仕様でこのように表示されてしまうようです。

<li>タグとは?
  • ←コレです。
  • リスト表示したい時に用いられるタグで、<ul>とセットで使用されます。
  • ご覧のように、文章の先頭にポチが表示されます。

丸いポチを消すための解決策

のらりんさんの記事を参考に修正します。3STEPで完了です♪

  • Step1
    「外観」→「テーマの編集」→「スタイルシート(style.css)」を選択
     
  • Step2
    紹介されていたCSSコード(記事の下の方にありました)をスタイルシートにコピペ
  • Step3
    キャッシュをクリア
     

TOMOMI

のらりんさんの記事は現在削除されているようです。詳しくはいちばん下の追記をご覧ください。

 

無事に消えました!!!

MEMO
のらりんさんの記事は「ストーク」が対象ですが、「ハミングバード 」でもOKでした。どちらも「OPENCAGE 」さんの製品です。

参考記事 【SANGO】PS Auto Sitemap で自動表示される外枠を消す方法

追記

2017年9月25日

先ほどもチラッとお話ししように、のらりんさんの記事は現在アクセスすることができません。いつからかは不明です(私もこのページをご覧になられた方からご連絡をいただき知ったばかりです。)。トップページにもアクセスできない状態なので、ブログそのものを閉鎖なさったのでしょうか。また近いうちに復活なさると良いのですが・・・。

矢印横のポチを消すためのCSSコードについて

私のオリジナルではないので、ここに掲載することは致しません。お手数ですが、コンタクトフォームからご連絡ください。よろしくお願いします。

 

のらりんさんのオリジナル記事
「STORK(ストーク)」と「PS Auto Sitemap」の相性が微妙だったのでCSSカスタム
https://noriwoou.com/wordpress/stork-ps-auto-sitemap/

にほんブログ村 主婦日記ブログへ
にほんブログ村

2 Comments

コメントを残す

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