Cornerstone

L’Essentiel du Plugin Cornerstone

Dans le domaine de la création de sites web, il existe des outils qui se démarquent par leur fonctionnalité et leur facilité d’utilisation. Le plugin Cornerstone en fait partie, offrant une flexibilité inégalée aux développeurs et aux utilisateurs. Cet article explorera l’installation et l’intégration de Cornerstone pour les thèmes tiers. Nous verrons comment tirer le meilleur parti de ce puissant constructeur de pages.

Introduction à Cornerstone

Cornerstone est une plateforme robuste dédiée à la création de sites utilisant WordPress. Que vous soyez un utilisateur expérimenté ou novice, Cornerstone facilite la conception de pages à la fois fonctionnelles et esthétiques. Pour les utilisateurs de la version Pro, tous les constructeurs font partie intégrante du thème, tandis que les utilisateurs de X accèdent à un constructeur de pages comme plugin séparé. La version autonome de Cornerstone est particulièrement conçue pour fonctionner avec des thèmes et des constructeurs tiers.

Pourquoi Choisir Cornerstone ?

Choisir Cornerstone, c’est opter pour une interface utilisateur intuitive et des options de personnalisation avancées. Si vous avez déjà utilisé d’autres constructeurs de pages, vous apprécierez la familiarité de l’interface de Cornerstone, tout en bénéficiant de fonctionnalités supplémentaires qui facilitent la mise en place et la gestion de votre contenu. Que vous souhaitiez intégrer des éléments de votre propre design ou utiliser des fonctionnalités existantes, Cornerstone offre une multitude d’options.

Installation du Plugin Cornerstone

Téléchargement du Fichier d’Installation

Pour commencer avec Cornerstone, vous devrez d’abord télécharger le fichier d’installation. Connexion à votre tableau de bord Themeco, trouvez votre licence située à gauche, puis cliquez sur le bouton de téléchargement. Le fichier zip du plugin Cornerstone sera alors enregistré sur votre ordinateur.

Mise en Place du Plugin dans WordPress

Vous avez maintenant le fichier zip. Suivez ces étapes pour installer le plugin :

1. Accédez à votre tableau de bord WordPress.
2. Assurez-vous de survoler “Plugins” dans le menu à gauche, puis cliquez sur “Ajouter”.
3. Cliquez sur “Téléverser un plugin”, puis “Choisir un fichier” pour sélectionner le fichier zip précédemment téléchargé. Cliquez sur “Installer maintenant”.
4. Une fois l’installation terminée, cliquez sur “Activer le plugin”.

Si tout s’est bien passé, un nouvel élément de menu “Cornerstone” apparaîtra dans votre panneau d’administration WordPress. Cela signifie que vous êtes prêt à personnaliser votre site.

Intégration de Cornerstone dans un Thème Tiers

Pour les développeurs de thèmes, l’intégration de Cornerstone est un processus qui mérite d’être bien compris. Voici quelques conseils à garder à l’esprit.

À faire et à ne pas faire

Avant de vous lancer dans l’intégration de Cornerstone à votre thème, voilà quelques orientations :

À Faire :

• Créez Vos Propres Plugins : Intégrez de nouveaux éléments Cornerstone, notamment en utilisant vos shortcodes préexistants.
• Ajoutez Votre Propre Style : Personnalisez l’apparence des éléments de Cornerstone selon les besoins de votre marque.

À Ne Pas Faire :

• Ne Changez Pas la Marque des Éléments: Modifiez la structure de nos éléments ou shortcodes pourrait causer des problèmes de portabilité.
• N’altérez pas l’Interface Utilisateur : Pas de nouvelles commandes ni fonctionnalités personnalisées qui pourraient déstabiliser l’expérience utilisateur.

En suivant ces règles strictes, vous préservez l’intégrité de l’expérience utilisateur de Cornerstone tout en optimisant la portabilité du contenu créé.

Ajouter Cornerstone à Votre Thème

Pour intégrer Cornerstone dans votre thème, suivez ces étapes :

1. Intégration des Fonctions et Hooks

Il existe des fonctions et des hooks que vous pouvez utiliser afin de personnaliser l’utilisation de Cornerstone dans votre thème. Par exemple, vous pouvez masquer certains liens de Themeco pour réduire l’exposition de la marque.

Exemple de Code :

php
cornerstone_theme_integration( array(
'remove_global_validation_notice' => true,
'remove_themeco_offers' => true,
'remove_purchase_link' => true,
'remove_support_box' => true
) );

2. Types de Postes par Défaut

Par défaut, Cornerstone est activé pour les articles et les pages. Si vous souhaitez ajuster cela, vous pouvez utiliser la fonction cornerstone_set_default_post_types.

Exemple :

Pour désactiver les articles par défaut :
php
function my_theme_set_cornerstone_default_post_types() {
cornerstone_set_default_post_types(array('page'));
}
add_action('cornerstone_integrations', 'my_theme_set_cornerstone_default_post_types');

3. Customiser les Styles

Si vous prévoyez de styliser les éléments de Cornerstone avec vos propres fichiers CSS, vous pouvez désactiver les styles intégrés de Cornerstone sur le front-end.

Code pour supprimer les styles par défaut :

php
add_filter('cornerstone_enqueue_styles', '__return_false');

4. Utiliser une Classe d’Intégration

Pour les développeurs souhaitant maintenir leur code organisé, l’utilisation d’une classe d’intégration est une bonne pratique. Créez une classe PHP avec un constructeur pour gérer l’intégration de manière plus structurée.

Création d’une Classe :

php
class Cornerstone_Integration_My_Theme {
public static function stylesheet() {
return 'my-theme';
}
public function __construct() {
// Codage d'autres intégrations ici
}
}

Intégration de Cornerstone dans un Plugin Tiers

Les développeurs de plugins peuvent également tirer parti de Cornerstone. Comme pour les thèmes, il existe des recommandations à suivre avant d’intégrer Cornerstone.

Do’s et Don’ts pour les Plugins

À Faire :

• Créez de Nouveaux Éléments : Développez des éléments qui se démarquent et qui enrichissent l’expérience de l’utilisateur dans le constructeur de pages.

À Ne Pas Faire :

• Évitez de Toucher à la Marque : Toute modification de la structure des éléments pourrait créer des incompatibilités.

Les éléments que vous créez doivent être enregistrés correctement à l’aide de la fonction cornerstone_register_elements.

1. Inscription des Éléments Personnalisés

Pour que votre élément apparaisse, vous devez l’enregistrer via cornerstone_register_element.

Exemple :

php
function my_extension_register_elements() {
cornerstone_register_element('My_First_Element', 'my-first-element', MY_EXTENSION_PATH . 'includes/my-first-element');
}
add_action('cornerstone_register_elements', 'my_extension_register_elements');

2. Ajout d’Icons Personnalisés

Pour personnaliser l’interface du constructeur avec des icônes, ces dernières doivent être au format SVG. Ensuite, ajoutez les icônes via le filtre cornerstone_icon_map.

Exemple :

php
function my_extension_icon_map($icon_map) {
$icon_map['my-extension'] = MY_EXTENSION_URL . '/assets/svg/icons.svg';
return $icon_map;
}
add_filter('cornerstone_icon_map', 'my_extension_icon_map');

Synthèse

En conclusion, il est évident que le plugin Cornerstone offre d’innombrables possibilités aux développeurs cherchant à personnaliser leurs thèmes et plugins WordPress. Grâce à une interface accessible et à une structure flexible d’intégration, Cornerstone permet une personnalisation enrichie tout en préservant une expérience utilisateur cohérente. Que vous choisissiez d’ajouter des éléments personnalisés, d’ajuster les styles ou d’améliorer l’interface, Cornerstone est conçu pour s’adapter à vos besoins créatifs.