WEB関連 WordPress

WordPressテーマ「Stinger3」とプラグイン「WordPress Related Posts」でチェック画像の表示が重なる件

こんばんは、ぶんちょうです。

以前から地味に且つ確実に気になっていた件、自己解決しましたので方法を掲載します。

素朴な問題過ぎるのかしてネット上で探せませんでしたが、結構同じ症状のブログをよく見かけます。お困りの方は是非参考になさって下さい。

課題

WordPressでプラグイン「WordPress Related Posts」を入れたが、「関連記事」というタイトルがチェックマーク画像と重なって表示されてしまう。

ちなみにテーマは「Stinger3」です。

症状

・パソコンブラウザ画面において「関連記事」というタイトルがチェックマーク画像と重なって表示されてしまう。なんかいやだ。
relatedpost_kasanaru

 

対応策

まず、「WordPress Related Posts」が使っている「h3タグ」のあたり、スタイルシートが原因なのは明白ですが、どこにあるのやらさっぱり。

ソースを見ると以下のように「related_post_title」というクラスを編集すれば良さそうですがなかなか見つかりません。

少なくともテーマの管理画面にはなさそうです。。。

[html]

関連記事−こちらもどうぞ

[/html]

 

解決方法

CSSファイルのありか

Chromeのデベロッパーツールでちくちくして、見つけました。

www.●●●.jp/wp/wp-content/plugins/wordpress-23-related-posts-plugin/static/themes

をFTPソフトで開いて「vertical-m.css」を編集します。※Wordpressの管理画面からはたどり着けません。

ftp_relatedpost

編集内容

おそらく冒頭にある「padding〜」を行削除します。これだけです。

importantと注釈がありますが今のところ問題は起きていません。もちろんモバイル側にも影響はありません。

vertical-m_css

 

まとめ

「Stinger3」に限らず、デザイン的によくあるパターンですので別のテーマをお使いの方も使える手だと思います。

今回はプラグイン側を編集したので「WordPress Related Posts」がバージョンアップした際にはまた治さなければならないかもしれませんが(子テーマ作ればいいんかいな?)、ともあれ分かってしまえば簡単なことですのでどうぞお試し下さい。

また、ついでに言うようで大変恐縮ですが、「Stinger3」という素晴らしいテーマをご提供下さり、作者様には大変感謝しております。ソースがきれいなので私のような若輩者も頑張れます。これからもどうぞよろしくお願いします。

最後までご覧頂きありがとうございます。ほかにもワードプレス関連記事や都内お出かけ情報などもありますので是非ご覧下さい。

 

 


ハードウェア Amazonレビュー iPad-iPhone オーディオビジュアル スマートフォン

2020/7/3

低価格帯(5,000円以下)で超オススメなカナルイヤホン「final E3000」のマイク付きモデル「E3000C」を買ってみたよレビュー

これまで多くの中華イヤホンレビュー記事を書いてきた中で、何度か「もし国内メーカーの低価格帯イヤホンを買うならFinal(ファイナル)がオススメ」とお伝えしました。しかし実は自分で買っておらず、店頭で数回試聴しての判断でした。リファレンスイヤホンはオーディオテクニカのATH-IM03&ATH-IM04だし、奇想天外ながらハズレの少ない中華イヤホンKZを買うことが多かったから、あまり他の低価格帯イヤホンを購入する機会がなかったのです。 そんなある日、中学生になる娘から「iPhoneのイヤホンが壊れたから、新し …

続きを読む

Amazonレビュー iPad-iPhone スマートフォン

2020/6/18

iPad Proでイヤホンを使いながら充電する方法は、便利なUSB Type-Cアダプターやハブを使うべし

2018年以降に発売されたiPad Pro 11/12.9インチにはイヤホンジャックが無く、USB Type-Cポートが一つあるだけです。USB Type-Cからイヤホンジャックへ変換するケーブル・アダプターは存在しますが、充電しながらイヤホンが使えないと思ってしまっている方はいらっしゃらないでしょうか。 実際に家電量販店やケータイショップ、はたまたAppleストアを見ていても、充電しながらイヤホンを使えるアダプターは見つけることが出来ません。しかし、Amazonや楽天、Yahoo!などのネットショップで …

続きを読む

iPad-iPhone スマートフォン

2020/6/8

ドコモケータイ補償サービスでAndroidスマホを交換修理したけど、もう二度と使わないと思った話

この記事では、ドコモスマートフォンのケータイ補償サービスを実際に使ってみて、申し込み手続き方法や設定環境移行について、故障品の返却について、そして分かりにくいケータイ補償サービスの違いをレポートします。 毎月、保険料のようなかたちでケータイ補償サービスの掛け金を払ってきましたが、今回試してみてかなり残念な一面もありましたので参考になればと思います。

続きを読む

Amazonレビュー iPad-iPhone スマートフォン

2020/6/1

iPhone/iPad/Android/Mac/Windowsの画面をモニターディスプレイやパソコンへ映し出すミラーリング方法まとめ

iPhoneやiPadシリーズ、あるいはAndroidスマホ・タブレットなどの画面を他の人に見せたいと思ったことはありませんか。また自宅の大型テレビでパソコンの画面を映し出したり、プレゼンなどで会議室の大型ディスプレイやプロジェクターに出力したいと思ったことはありませんか? これら携帯端末やパソコンの画面を大きな家庭用テレビや大型PCディスプレイに映し出すことをミラーリングと言いますが、端末やコネクタージャックの種類、無線か有線かによっても方法が異なり、それぞれメリット・デメリットが存在します。 ネット検 …

続きを読む

Amazonレビュー iPad-iPhone スマートフォン

2020/5/6

PUBGモバイルなどのゲームと、Discordなどのボイスチャットアプリを併用する方法が分かったよ

音声ミキサーやパソコンを使わずに、PUBGモバイルの音を聞きながらDiscordなどのボイスチャットアプリで仲間と話せる方法をご紹介します。その解決方法は、意外なイヤホンを使うというものでした。 PUBGモバイルが楽しすぎて5シーズン連続でエースランクを取り続け、次シーズンこそ征服者になってみようと頑張っていますが、一つだけ悩みがありました。それはPUBGモバイルとDiscordを併用すると、PUBGモバイルの音声がモノラルで聞こえてしまうことでした。

続きを読む

オニオン座のオススメ記事

1

この記事では、Amazonプライム会員になるメリットとデメリットを整理してご紹介します。配送料無料やAmazonビデオ、Amazonミュージックなどのサービスははたして会費に見合うものなのでしょうか。 …

2

先日、スマホで使えるAudible (オーディブル)というオーディオブックサービスが1ヶ月無料という情報を聞いたので、実際に申し込んで本を購入してみました。ついでに解約方法も確認しておきました。 新型 …

3

Fire TV Stick 4Kを購入して幸せになった私が、調子に乗ってFire HDタブレットを初めて買ってみましたのでレビューしたいと思います。Fire HD8の使い勝手だけでなく、iPadとの比 …

-WEB関連, WordPress
-, ,

Copy Protected by Chetan's WP-Copyprotect.

© 2020 パパママ世代応援ブログ:オニオン座