姉妹サイトがOPENしました!旅ログ更新中です♪

【ハミングバード】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 を使っています。コメントデータの処理方法の詳細はこちらをご覧ください