web-dev-qa-db-fra.com

Placer des balises <div> sur l'éditeur visuel wordpress à l'aide de codes courts

Bonjour, j'ai besoin du code suivant sur une page spécifique:

<div class="searchbar" >

            <div class="searchbar-inner" >

                search <input type="text" id="search" />

                <span class="result-count" ></span>

            </div>

</div>

Est-il possible que j'utilise un shortcode pour le placer sur l'éditeur visuel lors de l'édition de la page?

shortcodetinymcevisual-editor
1
Laurize

En supposant que vous n'avez pas le shortcode écrit ...

function search_shortcode()
{
    $struct = '<div class="searchbar" ><div class="searchbar-inner" >search <input type="text" id="search" /><span class="result-count" ></span></div></div>';
    return $struct;
}
add_shortcode('search_box', 'search_shortcode');

Assurez-vous que votre éditeur est en mode 'HTML' et collez le shortcode sous le nom 'search_box'. L'utilisation d'un shortcode vous permettra de réutiliser ce formulaire où vous le souhaitez.

0
Rutwick Gangurde

Oui, vous pouvez utiliser le shortcode, mais ce n'est pas nécessaire.

Vous pouvez basculer vers l'onglet HTML (à côté de l'onglet visuel) dans l'éditeur de publication et y coller votre code.

Vous devez également formater votre entrée de recherche comme celle ci-dessous si vous envisagez de respecter les règles de recherche WordPress.

<div class="searchbar">
    <div class="searchbar-inner">
        <form action="http://example-site-name.tld/" method="get">
            <label for="search">Search</label><input id="search" type="text" name="s" />
        </form>
        <span class="result-count"> </span>
    </div>
</div>

À votre santé,

0
byjml