web-dev-qa-db-fra.com

Comment modifier l'apparence de la page de résultats de recherche?

Quelqu'un peut-il offrir des conseils sur la façon de modifier l'apparence de la page de résultats de recherche? À l'heure actuelle, il n'y a pas de séparation visuelle et tout semble très condensé et encombré, ce qui le rend difficile à visualiser.

J'ai joint une capture d'écran pour illustrer les domaines de préoccupation et les améliorations.

Toute aide que vous pouvez donner serait si utile que je ne peux trouver de l’aide nulle part. J'ai essayé Firebug pour modifier les marges ci-dessous, mais cela modifie les marges sur d'autres éléments que je ne souhaite pas.

J'aime mieux l'apparence de la page de résultats "Smart Search" car elle offre une meilleure séparation visuelle, tout comme les fonctions du plug-in "Recherche" normal.

Des suggestions sur la manière de personnaliser la page de résultats de recherche (modèles de résultats de recherche possibles)?


p: last-child, blockquote: last-child, forme: last-child, dl: last-child, ul: last-child, ol: last-child, fieldset: last-child, adresse: last-child, table: dernier-enfant {margin-bottom: 5px; }

p, pre, blockquote, forme, dl, ul, ol, champset, adresse, table {margin: 5px 0; }


HELP_Improve_Search_Results_Page

** NOTE: j'ai une expérience très limitée avec CSS, PHP. Alors s'il vous plaît soyez précis que vous pouvez avec des suggestions.

Merci beaucoup.

2
mrbuckmccoy

La meilleure façon d’apporter ces modifications est d’autoriser une substitution.
Tout d’abord, voici quelques documents permettant d’effectuer le remplacement étape par étape: https://docs.joomla.org/J3.x:How_to_use_the_Template_Manager

Maintenant, vous devez créer un remplacement dans la colonne:
Composants > com_search > recherche

Vous pouvez trouver les fichiers dans:
votre site/templates/votre modèle/html/com_search/search

  • Pour le premier bloc gris, éditez default_form.php
  • Pour la zone de résultats, éditez default_results.php

Meilleures salutations!

2
AlejandroVega

La meilleure option sera si vous utilisez Mozilla Firefox , puis installez l'extension du module complémentaire WebDeveloper . Cette extension vous aidera beaucoup à découvrir où vous en êtes sur votre code HTML, quelle classe/id CSS est assignée à cette ligne spécifique, et ensuite vous pouvez facilement éditer votre code CSS et voir dans "live" ce que vous obtenez en changeant paramètres.

En même temps, si vous devez modifier la mise en page elle-même, je vous suggère de remplacer le modèle existant. Mais pour les effets visuels uniquement, les extensions CSS et WebDeveloper vous aideront beaucoup.

2
stvlada