Sur un site Wordpress que j'ai créé à l'aide d'un modèle (Herald de Meks), je souhaite créer une série de menus déroulants qui permettent de filtrer les articles en temps réel.
J'ai installé plusieurs plugins qui me permettent de créer à la fois (A) la taxonomie sous-jacente à utiliser dans les menus et (B) les menus déroulants utilisant la taxonomie qui permet le filtrage.
Le résultat préliminaire de la combinaison de ces approches peut être vu ici . À ce stade, les taxonomies sont vides, donc les filtres ne fonctionnent pas actuellement (ceci, je sais comment le réparer). Le problème que j'essaie de résoudre pour l'instant est le formatage des résultats.
Le plugin de filtre utilise un fichier results.php pour contrôler le format des résultats du filtre. J'ai réussi à modifier un peu le code dans ce fichier (sur la base de mes connaissances limitées) pour contrôler quelque peu le format des résultats de la recherche, donc je sais que le plugin voit le fichier et utilise les paramètres contenus dans ce fichier.
Le modèle de site Web possède un style dans le fichier main.css que je voudrais utiliser pour contrôler la manière dont les résultats sont affichés ( afin qu'ils soient formatés comme ceci ). Cependant, en raison de mon expérience quasi inexistante en php, je n'arrive pas à trouver comment référencer la disposition correcte dans le fichier css du modèle dans le fichier results.php. De plus, malheureusement, le modèle de site Web n'utilise pas de fichier results.php pour spécifier le formatage de ses résultats de recherche (sinon, je pourrais peut-être copier le code et l'utiliser pour le fichier results.php du plugin).
Est-il possible de formater les résultats de recherche du plugin de filtrage en faisant en sorte que le fichier results.php fasse référence à une mise en page qui existe dans le fichier main.css ? Ou dois-je spécifier le formatage des résultats de recherche du filtre entièrement dans le fichier results.php ?
J'apprécie beaucoup l'aide que les gens peuvent m'apporter et je serais heureux de poster la partie du code qui me serait la plus utile.
Le code du fichier main.css faisant référence à l'option de mise en page que je souhaite utiliser est indiqué ici (pour autant que je puisse en juger) :
}
.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;
}
