以下はWordPressテーマの選択についてではなく、現在のテーマの中にあるCSSスタイルを見つけることについて説明します。 多くの場合、レイアウトやテンプレートの一部分に問題が発生します。 例えば、サイドバーメニューとページの残りの部分の間に不要な境界線があります。 しかし、このボーダーに関する情報はどこにもありません。

CSS 探偵ごっこ

CSS 探偵ごっこから始めてみましょう。 あなたは問題がどこにあるか知っていますが、問題が見つからないだけです。

生成されたページ (またはテスト ページ) を注意深く調べ、サイドバーの誤った境界線の近くにある識別用のテキストを探します。 たとえば、サイドバーに「ハリーのすべて」という投稿タイトルが表示されているとします。 ページのソースコードを表示すると、サイドバーにそのタイトルがあることがわかります。

ページのソースコードを表示するには、ブラウザのメニューバーに上がり、VIEW > PAGE SOURCE または VIEW > SOURCE を選択してください。 5769>

便利な探偵ツール、Ctrl+Fを使って、検索を開始します。 all about harry」と入力し、[FIND] をクリックします。 あなたの投稿に「all about harry」という言葉がなければ、おそらくあなたのサイドバーにある「all about harry」というフレーズの最初の表示に移動するはずです。 そうでない場合は、正しい場所に正しいフレーズを見つけるまで FIND を再度押してください。

Internet Explorer を使用している場合、別の方法として Internet Explorer 開発ツールバーを使用して、ページ上の要素、ID、およびクラスを視覚的に確認し選択することが可能です。 ページの階層内にある要素やそのCSS属性を表示し、DIVやテーブルなどのアウトラインを表示することができます。 Toolbar は Microsoft からダウンロードできます。

フレーズが見つかったら、次は CSS 探偵ごっこをしましょう。 All About Harry」というフレーズからコードを通して、2 つのうちの 1 つを探します。 サイドバー、メニュー、またはサイドコラムのような単語を使用して、これらのいずれかのように見えるでしょう:

<div>or<div class="sidebar">

これは、サイドバー メニューを含むメイン セクションです。

次に、style.css ファイルを開いて、sidebar またはあなたが発見した結果の名前をもう一度検索してください。 通常、次の 2 つの方法で識別されます。

#sidebaror.sidebar

これらの CSS セレクタの下のスタイルを見て、border について言及しているかどうかを確認します。 これが犯人であれば、境界線への参照を削除すれば問題ありません。

そうでない場合は、捜査を続けます。 おそらく、境界線は明白な容疑者であるサイドバーによってではなく、コンテンツ セクションによって引き起こされます。 生成されたページのソースコードに戻り、あなたの投稿の最初の単語を検索してください。 その上にある 

<div>

のようなものを探してください。これは content, page, post, maincolumn, widecolumn と呼ばれたり、他の別名があるかもしれませんが、あなたの投稿情報を保持する CSS コンテナであるはずです。

Frisk the Style Sheet

これらのすべてが失敗しても、CSS 探偵は決して狩りをあきらめません。 すべてのスタイルの隠し場所である style.css ファイルに戻り、”border” で検索して、各疑問を注意深く見てください。 sidebar、menu、content、page などのセレクタ ID 名を記録し、生成されたページ ソースに戻って、それが犯人であるかどうかを確認します。

また、スタイル シートで見つけたボーダーの容疑者を選択して、それをカット アンド ペーストして TXT ファイル（メモ帳など）にして、コンピュータで開いたまま、スクラッチ メモ帳のように置くこともできます。 

Removed border: solid 2px green from #content

そして編集した style.css を保存し、あなたのサイトにアップロードしてください。 生成されたテスト投稿を更新し、不要なボーダーが消えているかどうかを確認します。 もしそうなら、あなたは犯人を見つけたことになります。 そうでない場合は、メモ帳に戻り、コードをコピーして、style.css の「コンテンツ」セクションに戻し、元の場所に戻します。

犯人を見つけた場合は、小躍りして喜び、他の人があなたの周りにいるときは、疑い、緊張させます。 CSS探偵がまた別のCSSの犯罪を解決します！

その他のCSSトラブルシューティングのヘルプ

  • CSS Fixing Browser Bugs
  • CSS Troubleshooting