WEB関連 WordPress

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

2014年3月13日

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

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

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

課題

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」という素晴らしいテーマをご提供下さり、作者様には大変感謝しております。ソースがきれいなので私のような若輩者も頑張れます。これからもどうぞよろしくお願いします。

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

 

 


2020/11/16

Apple iPadシリーズで、無印・Air・Pro・miniのどれを買うか迷ったら、読んで欲しいiPadの選び方

仕事やプライベートで多くのiPad(アイパッド)を買って使ってきました。周りの人から「iPadっていくつか種類があるけど、私はどれを買ったら幸せになれるの?」と聞かれることが多いので、iPadの選び方をまとめてみました。

続きを読む

2020/11/19

有料オンラインライブ・コンサートを家庭用大型テレビで楽しむ方法をまとめたよ

先日、ジャニーズタレントである嵐のコンサートライブ「アラフェス」のオンラインコンサートを有料配信したところ、1000万人が視聴したという報道がありました。我が家でも家族揃って視聴しました。 コロナ禍では、有名大物アーティストに限らず、街のライブハウスでもこうした有料配信ライブがますます増えてきます。しかし、スマホの小さい画面、A4サイズほどのパソコン画面で観てもあまり面白くありません。どうせならテレビに映し出したいですよね。 当記事をご覧になると、ご自宅にパソコンがなく、スマホとテレビしかない人でも、大画 ...

続きを読む

2020/7/19

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

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

続きを読む

2020/6/18

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

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

続きを読む

2020/6/8

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

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

続きを読む

人気記事

1

この記事では、新発売のFire TV Stick4K(第3世代)で、前機種Fire TV Stick無印と同じようにスマートフォンのミラーリングができるかどうかを使い方を試してみました。また前機種との ...

2

Macbook Air 2013 Earlyを長らく使っていましたが、ついに新しいMacノートを買いました。Macbook Air 13inch 2018です。ついでにWindows10をインストール ...

3

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

-WEB関連, WordPress
-, ,

Copy Protected by Chetan's WP-Copyprotect.

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