Comment ajouter des options de sauvegarde, de titre et de note avec Titan Framework

Jusqu'à présent dans cette série, j'ai discuté de tous les principaux types d'options que vous pouvez ajouter avec Titan Framework. Cependant, il existe trois types d'options simples dont nous allons discuter aujourd'hui. Voici les enregistrer, Remarque et le titre options de type.

L'option Save Type dans Titan Framework

Chaque fois que vous créez un panneau d’administration personnalisé, vous devez fournir un bouton Enregistrer et un bouton Réinitialiser les paramètres par défaut pour permettre aux utilisateurs d’enregistrer les options..

le enregistrer L'option type de TF prend en charge les paramètres suivants:

  • enregistrer: (Facultatif) Ce paramètre définit le étiquette pour un bouton de sauvegarde. La valeur par défaut est définie sur sauvegarder.
  • réinitialiser: (Facultatif) C'est le étiquette pour un bouton de réinitialisation. La valeur par défaut est définie sur Réinitialiser.
  • use_reset: (Facultatif) C’est un paramètre basé sur la vérification qui n’affiche pas le bouton de réinitialisation s’il est défini sur faux. La valeur par défaut est définie sur vrai.

Conteneurs disponibles pour une option de type d'enregistrement

Vous pouvez ajouter cette option à l'intérieur de:

  • panneau d'administration
  • Onglet Admin

Jusqu'à présent, je suis sûr que vous devez être familiarisé avec le processus de création de ces conteneurs et options dans TF. Par conséquent, je ne vais pas entrer dans leurs détails. Créons directement un enregistrer option de type dans l'un de ces conteneurs. 

Création d'une option de type d'enregistrement dans un panneau d'administration

Exemple de déclaration

Créons cette option dans un panneau d'administration.

createOption (array ('type' => 'save' // Type d'option que nous créons)); 

A la ligne 7, j'ai ajouté le createOption () fonction pour créer un enregistrer option de type dans un panneau d'administration $ aa_panel. C'est tout. Vous pouvez choisir d'ajouter d'autres paramètres si vous le souhaitez.

Dans la capture d'écran ci-dessus, vous pouvez trouver les boutons de sauvegarde et de réinitialisation dans un panneau d'administration. Options soignées.

Exemple d'utilisation

J'ai créé un texte tapez option pour qu'il y ait quelque chose à sauvegarder. Puis j'ai ajouté le enregistrer option de type.

createOption (array ('id' => 'aa_txt', // L'ID qui sera utilisé pour obtenir la valeur de cette option 'type' => 'text', // Le type d'option que nous créons est 'name' => 'Mon option texte', // Nom de l'option qui sera affichée dans le panneau d'administration 'desc' => 'Ceci est notre option' // Description de l'option qui sera affichée dans le panneau d'administration)); / ** * * Création d'un bouton Enregistrer pour l'option de type texte * * / $ aa_panel-> createOption (array ('type' => 'save')); 

Lorsque vous créez des options dans le panneau d'administration, vous pouvez utiliser ce code pour ajouter un bouton "Enregistrer", car les utilisateurs ne disposent d'aucun autre moyen pour enregistrer les valeurs des options. De cette façon, les utilisateurs peuvent sauvegarder (et réinitialiser) les options que je viens de créer..

Il vous suffit d’utiliser l’option de sauvegarde une fois pour une page de configuration particulière..

À l'intérieur du panneau d'administration personnalisé

Voilà, nous avons une belle option de type texte avec des boutons de sauvegarde et de réinitialisation.

Maintenant, essayez la même chose pour chaque onglet administrateur.

L'option Type de titre dans Titan Framework

Il est assez courant qu'un thème ou une section de plug-in comporte plusieurs options de configuration. Pour assurer une meilleure expérience utilisateur, je recommande de regrouper les options interdépendantes sous un nom commun. Cela non seulement différencie les options, mais catégorise également les paramètres similaires. Pour ce faire, il y a un titre type option dans TF qui regroupe vos options dans une page d'administration.

Ce type d'option prend en charge les paramètres suivants:

  • prénom: Il assigne le nom d'affichage du titre option de type.
  • desc: Ajoute une brève description avec le nom de l’option.

Conteneurs disponibles pour une option de type de titre

Vous pouvez ajouter cette option à l'intérieur de:

  • panneau d'administration
  • Onglet Admin
  • Metabox

Maintenant, je vais ajouter cette option dans un onglet administrateur.

Création d'une option de type d'en-tête dans un onglet Admin

Exemple de déclaration

Créons cette option dans un onglet administrateur.

createOption (array ('type' => 'entête', // type d'option que nous créons 'nom' => 'onglet 1 Propriétés du style', // nom de l'option qui sera affichée dans le panneau d'administration 'desc' => 'Configurer le style des onglets' // Description de l'option))); // Option de type d'en-tête terminée $ aa_tab1-> createOption (array (// Body bg color 'id' => 'aa_body_bg_clr', // l'ID qui sera utilisé pour obtenir la valeur de cette option 'type' => 'color ', // Type d'option que nous créons' name '=>' Définir la couleur de fond ', // Nom de l'option qui sera affichée dans le panneau d'administration' default '=>' #fff '// Valeur par défaut de notre option)); // Option de type de police $ aa_tab1-> createOption (array ('id' => 'aa_font_option', // L'ID qui sera utilisé pour obtenir la valeur de cette option 'type' => 'font', // Type de option que nous créons 'name' => 'Choisir les paramètres de police', // Nom de l'option qui sera affichée dans le panneau d'administration 'show_font_weight' => false, 'show_font_style' => false, 'show_line_height' => false, 'show_letter_spacing' => false, 'show_text_transform' => false, 'show_font_variant' => false, 'show_text_shadow' => false)); 

À la ligne 9, j'ai ajouté un titre option de type dans un onglet administrateur $ aa_tab1. J'ai défini les valeurs des paramètres nom, type et desc. Comme je l'ai mentionné ci-dessus, l'en-tête regroupe différentes options dans les pages d'administration de votre thème et / ou de votre plugin. Donc, selon ce code, tous les paramètres de style sont listés sous le titre Onglet 1 Propriétés de style.   

Dans la capture d'écran ci-dessus, il y a deux options sous le titre option de type: un pour le Couleur de fond et un autre pour le Police de caractère. Toutes ces options style Onglet 1 de panneau Options soignées 2.

L'option Type de note dans Titan Framework

Parfois, vous avez besoin d'ajouter des informations textuelles pour l'utilisateur dans Titan Framework. Il existe un Remarque option de type qui vous aide à ajouter des notes.

Ce type d'option prend en charge les paramètres suivants:

  • prénom: (Facultatif) Ce paramètre attribue le nom de cette option..
  • desc: La description qui apparaît à l'intérieur de la note.
  • Couleur: (Facultatif) Il spécifie la couleur du bord gauche de la note. Cela peut être soit vert ou rouge. La valeur par défaut est vert.

Conteneurs disponibles pour une option de type note

Vous pouvez ajouter cette option à l'intérieur de:

  • panneau d'administration
  • Onglet Admin
  • Metabox

Maintenant, je vais ajouter cette option dans un metabox.

Création d'une option de type de note dans une métabox

Exemple de déclaration

Créons cette option dans une metabox.

createOption (array ('name' => 'Avis important!'), // Nom de l'option 'type' => 'note', // Type d'option que nous créons 'desc' => 'Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Ultricités énuennes mauritaniennes.

À la ligne 7, j'ai créé un Remarque option de type à l'intérieur d'un metabox $ aa_metbox. Les paramètres que j'ai définis sont nom, type et desc.

L’image ci-dessus montre un écran de modification de page, au-dessous duquel j’ai ajouté un Remarque type option dans un metabox. Cette option s'appelle Avis important! 

Conclusion

C'est à peu près ça. Tout au long de cette série, j'ai essayé d'utiliser le moyen le plus simple possible pour expliquer l'utilisation de chaque option. Je vous recommande de parcourir tous les types d'options et d'essayer de créer des cas d'utilisation créatifs..

Maintenant, vous pouvez facilement développer des pages d'options avec des onglets et des métaboxes, et vous amuser avec le personnalisateur de thème à l'aide de l'API de Titan Framework. 

Faites-moi savoir si vous avez des questions en commentant ci-dessous ou en tendant la main sur Twitter.