Guide des références graphiques de l’administration WordPress

WordPress.png) 0px 0 no-repeat; overflow: hidden; border: 0px;float: right; width: 295px; margin: -180px -40px 0 0px; »>

Admin UI Reference Guide est une extension regroupant l’ensemble des références graphiques de l’administration d’un blog WordPress. Il indique le code à utiliser selon le type de contenu que vous souhaitez intégrer à la page d’options de votre thème ou de votre extension. Il affiche également quelques exemples graphiques de ce que le code donne une fois exécuté. Pour le moment, l’extension – dans sa page d’options- regroupe les titres, icônes, tableaux, bloc et le glisser-déposer de blocs. Un bref récapitulatif :

La base

Avant de commencer à intégrer certains éléments, il est nécessaire de préciser que ces éléments doivent être insérés dans une « div » prédéfini par WordPress. Cela est presque obligatoire pour bénéficier des bonnes dimensions, des styles et pour optimiser l’affichage de votre page d’options ou autre. Dans un premier temps, collez ce bout de code. Par la suite, collez les éléments cités à la place des trois petits points.

[code]

[/code]

Le glisser-déposer

Si vous souhaitez créer une page d’options WordPress pour votre thème ou votre extension, il peut être necessaire d’ajouter des blocs qui peuvent changer de place via un simple glisser-déposer. Pour cela, il vous suffit de coller le code suivant en y ajoutant vos paramètres et vos différents blocs.

[code]

Mon titre

Un exemple

Sauvegarder

[/code]

Blocs ordonnés

Cet élement est vraiment utile et très clair lorsqu’on doit créer une page d’options. Disposé sur deux colonnes, de taille différentes (colonne latérale et contenu), ceci permet une meilleure optimisation de votre page d’options.

[code]

Un autre titre

Un autre exemple de texte.

Mon titre

Texte d’essai

Un autre texte

[/code]

Les boutons

Déjà expliqué dans notre article « Créer une page d’options WordPress » les boutons sont essentiels pour sauevgarder ses données. Voici le code brut à utiliser.

[code]
//Bouton principal

Texte

//Autre bouton

Menu Un autre menu Encore un Le dernier Le texte 1 Le texte 2 Le texte 3 Le texte 4

[/code]

Publié à l'origine le : 13 mars 2011 @ 17 h 03 min

Pour compléter votre lecture.

👋 Hello,

Bienvenue sur BlogInfos.com !

Vous allez bientôt être redirigé vers notre partenaire ElegantThemes.com

Si vous ne souhaitez pas être redirigé vers notre partenaire et accéder à l’article, cliquez sur Fermer Maintenant.

FERMER MAINTENANT

DIVI - THÈME WORDPRESS

-10%

👋 Le site ElegantThemes.com propose une réduction de 10% et elle ne sera disponible que pendant quelques temps. Ne manquez pas ça !

En cliquant sur le lien « Fermer Maintenant » vous acceptez d’aider ce site et d’être redirigé vers notre partenaire ElegantThemes.