Comment puis-je créer un widget Dynamic Space dans WordPress Ci-dessous l'en-tête image?

May 31

Comment puis-je créer un widget Dynamic Space dans WordPress Ci-dessous l'en-tête image?


Dans WordPress une barre latérale ne doit pas nécessairement d'aller sur le côté de la page. Une barre latérale dynamique peut être appelé à partir d'un point quelconque dans le thème WordPress, et il peut être de style avec CSS pour être de toute forme et la taille dont vous avez besoin. Vous pouvez ensuite widgets à elle-déposer glisser dans le menu "Widgets" comme d'habitude. Parce que cela nécessite la modification du fichier functions.php, il est conseillé d'avoir un accès FTP au WordPress, comme une erreur dans ce fichier peut arrêter l'ensemble du site de travail - y compris la zone d'administration.

Instructions

1 Connectez-vous à votre panneau de contrôle admin Wordpress. Cliquez sur "Apparence", "Editor", puis "functions.php" de la liste des fichiers sur la droite de l'écran. Lorsque le code apparaît au milieu, copier et le coller dans un fichier texte et enregistrez-le sur votre ordinateur. Vous pouvez restaurer cette sauvegarde au cas où vous faites une erreur.

2 Trouvez la section suivante dans "functions.php" qui est habituellement près du sommet:

if (function_exists ( 'register_sidebar')) {

register_sidebar(array(

'Before_widget' => '& lt; li id ​​= "% 1 $ s">',

'After_widget' => '& lt; / li>',

'Before_title' => '& lt; h2>',

'After_title' => '& lt; / h2>',

));

Sélectionnez tout, supprimez-le, puis collez le code suivant dans le même emplacement:

if (function_exists ( 'register_sidebar')) {

register_sidebar (array ( 'nom' => 'primary_sidebar',

'before_widget' => '<li id="%1$s">',

'After_widget' => '& lt; / li>',

'Before_title' => '& lt; h2>',

'After_title' => '& lt; / h2>',

));

register_sidebar (array ( 'nom' => 'secondary_sidebar',

'before_widget' => '<li id="%1$s">',

'After_widget' => '& lt; / li>',

'Before_title' => '& lt; h2>',

'After_title' => '& lt; / h2>',

));

};

Cliquez sur "Enregistrer les modifications" lorsque vous avez terminé.

3 Cliquez sur "sidebar.php" à partir des fichiers sur la droite. Repérez cette ligne de code:

if (function_exists ( 'de dynamic_sidebar') || dynamic_sidebar ():!?>

Puis le remplacer par cette ligne:

if (function_exists ( 'dynamic_sidebar') || de dynamic_sidebar ( 'primary_sidebar')!):>

Cliquez sur le bouton "Enregistrer les modifications" lorsque vous avez terminé.

4 Cliquez sur "header.php" de la liste des fichiers. Faites défiler la liste jusqu'à ce que vous localiser votre image d'en-tête, et commencer une nouvelle ligne juste en dessous. Ensuite, collez dans le code suivant:

<Div id = "headerwidgets">

<Ul>

<? Php if (function_exists ( 'dynamic_sidebar') || dynamic_sidebar ( 'secondary_sidebar')!!): Else:?>

endif <? php; ?>

</ Ul>

</ Div>

Cliquez sur "Enregistrer les modifications" lorsque vous avez terminé.

5 Cliquez sur "style.css" et ajoutez le code suivant dans le fichier:

headerwidgets {

largeur: 100%;

bloc de visualisation;

}

headerwidgets li {

float: left;

padding: 5px;

}

Cela permet de placer les widgets côte à côte horizontalement par rapport à la verticale. Si vous avez une connaissance de CSS, ajouter tout autre style que vous jugez approprié en plus du code ici. Cliquez sur "Enregistrer les modifications" lorsque vous avez terminé.

6 Cliquez sur "Apparence", puis "Widgets" dans la barre de menu principal sur la gauche. Vous pouvez maintenant glisser-déposer et widget que vous souhaitez dans vos sidebars.


          

Post a comment: