2017-02-21 3 views
2

私はテンプレート(メークスからのヘラルド)を使用して作成したWordpressウェブサイトで、投稿のリアルタイムフィルタリングを提供する一連のドロップダウンメニューを作成したいと思います。results.cfファイルがmain.cssファイルのコードを参照することで、検索結果をフォーマットできますか?

私は、(A)メニューで使用する基本的なタクソノミーと、(B)フィルタリングを可能にするタクソノミーを使用したドロップダウンメニューの両方を作成するためのプラグインをいくつかインストールしました。

これらのアプローチの組み合わせの予備結果は、seen hereです。この時点では、タクソノミーは空であるため、フィルタは現在機能していません(これは修正方法がわかります)。私が今取り組もうとしている問題は、結果のフォーマットです。

フィルタプラグインは、results.phpファイルを使用してフィルタ結果の形式を制御します。限られた知識に基づいて、このファイルのコードを少し変更して検索結果のフォーマットを制御していたので、プラグインがそのファイルを見て、そのファイルに含まれている設定を使用していることがわかりました。

ウェブサイトのテンプレートには、main.cssファイルに、結果の表示方法を制御するためのスタイルがあります(so they would be formatted like this)。しかし、phpでの私の事実上存在しない経験のために、私はresults.phpファイル内のテンプレートのCSSファイルで正しいレイアウトを参照する方法を理解できません。残念ながら、ウェブサイトテンプレートはresults.phpファイルを使用して検索結果の書式を指定しません(そうしないと、コードをコピーしてプラグインresults.phpファイルに使用することができます)。

results.phpファイルがmain.cssファイルに存在するレイアウトを参照することで、フィルタプラグインの検索結果をフォーマットできますか?それとも、results.phpファイル内でフィルタ検索結果の書式を完全に指定する必要がありますか?

私は非常に多くの人々の助けを借りていただければ幸いです。

(私の知る限り)私はここに示されている使用したいレイアウトオプションを参照のmain.cssからコード:

} 
 
.herald-lay-f, 
 
.herald-site-content .herald-related .herald-lay-f { 
 
    width: 100%; 
 
    width: 340px; 
 
    margin-bottom: 25px; 
 
} 
 
.herald-lay-f .entry-meta, 
 
.herald-site-content .herald-related .herald-lay-f .entry-meta { 
 
    margin-top: 3px; 
 
} 
 
.herald-lay-f .entry-header, 
 
.herald-site-content .herald-related .herald-lay-f .entry-header { 
 
    margin-top: 12px; 
 
    margin-bottom: 0; 
 
} 
 
.herald-lay-f .entry-content, 
 
.herald-site-content .herald-related .herald-lay-f .entry-content { 
 
    margin-top: 10px; 
 
} 
 
.herald-lay-f .herald-ovrld .entry-header, 
 
.herald-single .herald-lay-f .herald-ovrld .entry-header { 
 
    position: absolute; 
 
    top: 50%; 
 
    -webkit-transform: translate(-50%, -50%); 
 
     -ms-transform: translate(-50%, -50%); 
 
      transform: translate(-50%, -50%); 
 
    left: 50%; 
 
    text-align: center; 
 
    width: 240px; 
 
    margin-top: 0; 
 
    z-index: 9999; 
 
} 
 
.herald-lay-f .herald-ovrld .meta-category, 
 
.herald-single .herald-lay-f .herald-ovrld .meta-category { 
 
    margin-bottom: 8px; 
 
} 
 
.herald-lay-f .herald-ovrld .meta-category a, 
 
.herald-single .herald-lay-f .herald-ovrld .meta-category a { 
 
    font-size: 1.2rem; 
 
    line-height: 1.4rem; 
 
    padding: 4px 8px; 
 
} 
 
.herald-lay-f .herald-ovrld .entry-meta .meta-item, 
 
.herald-single .herald-lay-f .herald-ovrld .entry-meta .meta-item, 
 
.herald-lay-f .herald-ovrld .entry-meta span, 
 
.herald-single .herald-lay-f .herald-ovrld .entry-meta span, 
 
.herald-lay-f .herald-ovrld .entry-meta a, 
 
.herald-single .herald-lay-f .herald-ovrld .entry-meta a { 
 
    font-size: 1.3rem; 
 
}

+0

PHPスクリプトを使ってブラウザにHTMLを出力する方法が最も一般的です。もちろん、CSSを使って出力をスタイルすることもできます。静的HTMLページを作成し、.php拡張子に名前を変更してPHPを挿入します必要に応じてコード –

+0

提案をありがとう! –

答えて

0

はい。 results.cによってエコーされたHTMLにmain.cssを参照するスタイルシートタグを含めます。 https://www.w3schools.com/tags/tag_link.asp

+0

お寄せいただきありがとうございます! –

関連する問題