Mise à jour : Nous ne recommandons plus Cherry Framework, si vous recherchez nos recommandations, consultez notre article sur ce que sont les frameworks WordPress. Ici, sur WPKube, nous utilisons Genesis Framework.

Le Cherry Framework est un framework de thème WordPress gratuit développé par TemplateMonster – l'un des plus anciens marchés de modèles de sites Web depuis 2002. Les personnes qui étaient dans le développement Web pendant cette période doivent avoir entendu parler de TemplateMonster, ce sont les gars derrière le thème Monstroid.

Le Cherry Framework est un nouvel ajout à leur arsenal et avec lui, ils visent à gagner la confiance de milliers d'acheteurs potentiels. Mais un framework peut-il faire cela à lui seul ? Merde non ! C'est pourquoi ils ont plus de 300 thèmes enfants premium pour le framework ! Oui, si vous avez relu la première phrase – le framework est gratuit, mais les thèmes enfants ne le sont pas.

Vérifier la configuration

  • Révision WordPress : 3.7.1
  • Version du cadre Cherry : 3.0
  • Environnement WordPress : localhost sous Windows utilisant WAMP
  • Thème utilisé : thème par défaut du framework Cherry
  • Plugins actifs : Hello Dolly

Téléchargement et installation

Le déploiement de Cherry Framework est assez simple et voici comment procéder :

01-installation

  • Tout d'abord, nous téléchargeons le cadre de cerise gratuit de GitHub
  • Extraire les fichiers dans le /wp-content/thèmes répertoire et activer le thème à partir de WP Dashboard > Thème > Apparences
  • Lors de l'activation, le thème nécessitait deux plugins – Formulaire de contact 7 et Options de cerise
  • Je recommanderais d'installer les deux pour une fonctionnalité appropriée ou au moins le Options de cerise brancher

Une fois le thème activé, vous verrez beaucoup de nouveautés dans votre tableau de bord qui incluent des types de publication personnalisés tels que Témoignage, Services, FAQ, Diapositives, Portfolio et le panneau Options Cherry.

Menu et widgets

02-widgets

Le thème par défaut de Cherry Framework prend en charge deux menus : en-tête et pied de page. Les Widgets méritent cependant une mention spéciale. Nous avons trouvé quelques nouveaux widgets fournis avec le framework :

  • Annonces 125×125 – Affichez jusqu'à 4 annonces de 125 pixels sur 125 pixels à l'aide de ce widget dans votre barre latérale, votre pied de page ou toute autre barre latérale personnalisée
  • vCard – Utilisé pour afficher vos données
  • Cycle avancé – Basculer entre les types de publication personnalisés
  • Commentaires récents – Pas celui qui vient avec WordPress, mais un nouveau avec beaucoup d'options de personnalisation
  • Réseaux sociaux, Facebook Like Box, Flickr, etc.

Panneau d'options cerise

Cherry-Framework2

Le panneau d'options Cherry est de loin l'un des panneaux d'options les plus puissants du marché. Il a une pléthore d'options de personnalisation et nous allons explorer chacune d'elles en détail, dans les paragraphes suivants. Le panneau d'options est divisé en 7 onglets comme suit :

Général

L'onglet Général vous permet de personnaliser l'apparence de votre site. Examinons d'abord les options disponibles, puis lisons un peu à leur sujet :

03-cherry-framework-options-général

  • le Coiffage du corps et Style d'en-tête vous permettent de changer l'arrière-plan de votre site – utilisez un motif répétitif ou n'importe quelle couleur unie.
  • Vous pouvez changer la mise en page du site entre Fluide et Largeur fixe en utilisant le Mise en page option.
  • Typographie: Vous avez la possibilité de personnaliser la police, la taille de la police (en pixels), la couleur, la hauteur de ligne et le jeu de caractères des polices de votre site. Les polices peuvent être sélectionnées à partir de Google Web Fonts et les éléments incluent le corps du texte, c'est-à-dire le p balise et la H1 pour H6 Mots clés.
  • Vous pouvez activer/désactiver Chapelure et Barre de recherche de leurs options respectives
  • Enfin, vous pouvez également intégrer n'importe quel CSS personnalisé en le saisissant dans la case et en appuyant sur Enregistrer les options

Logo et icône de favori

04-cherry-framework-options-logo-favicon

Le logo et le favicon d'un site sont l'un des facteurs les plus importants en matière d'image de marque. Le Cherry Framework vous offre des options polyvalentes dans ce domaine. Vous pouvez choisir entre une image ou un logo en texte brut et définir le favicon de votre site sous ce panneau.

La navigation

05-cherry-framework-options-navigation

Sous cet onglet, vous avez des options pour animer le « survol de la souris » et les actions du menu et modifier la typographie du menu. La typographie modifiée sera appliquée à tous les menus – personnalisés et par défaut, à l'exception du fo

Glissière

06-gris-framework-options-curseur

Vous pouvez activer/désactiver les diapositives et les diaporamas et jouer avec de nombreuses options sous cet onglet.

Blog

07-cherry-framework-options-blog

La page Blog du thème par défaut est très impressionnante. Vous disposez de nombreuses options de personnalisation telles que :

  • Modifier la disposition du blog entre gauche, droite, pleine largeur et maçonnerie (disposition en mosaïque)
  • Afficher les spécificités des publications telles que les balises, les catégories, l'auteur, etc.
  • Activer ou désactiver les extraits de publication et les métadonnées de publication
  • Modifiez le texte du bouton Lire la suite et bien plus encore

Portefeuille

08-cherry-framework-options-portefeuille

Le panneau d'options Portfolio vous permet de modifier des paramètres similaires (et plus) pour la page Portfolio.

Bas de page

09-cherry-framework-options-pied de page

Enfin, les options de pied de page vous permettent d'ajouter un texte de copyright de pied de page, un code Google Analytics, une URL Feedburner et d'activer ou de désactiver le menu de pied de page avec une typographie personnalisée.

Gestion de données:

14-gestion-des-données

Un nom de fantaisie à coup sûr, mais il a une valeur incroyable. Sous ce tableau de bord, vous pouvez mettre à jour le Cherry Framework et sauvegarder tous vos paramètres. Supposons que vous ayez quelques projets similaires et que vous vouliez donner à chacun d'eux un aspect de base commun – comme des jeux de polices, etc. Tout ce que vous avez à faire est de sauvegarder les paramètres ici et de les appliquer dans les sites respectifs.

Importer et exporter

15-charpente-cerise-import-export-

Semblable à la gestion des données, à l'aide de l'importation et de l'exportation, vous pouvez transférer des données de site entières d'une installation WordPress à une autre. Bien qu'il soit principalement utilisé pour essayer l'apparence de démonstration des thèmes, il est certainement utile lors des tests A/B.

Cadre CSS réactif et icônes de police

twitter-bootstrap

Le Cherry Framework est construit sur le populaire Cadre CSS d'amorçagece qui signifie que tout le CSS présent dans Amorcer devrait être disponible ici. Cela signifie également que tous les thèmes sont sensible. Cela inclut une énorme bibliothèque de icônes de police par Police géniale. Découvrez ce tutoriel sur comment utiliser Font Awesome merveilleux ensemble d'icônes. Saviez-vous que l'utilisation d'icônes de police est la première étape pour conception prête pour la rétine? C'est parce que les icônes de police sont des images vectorielles et qu'elles peuvent être évolutives à l'infini ! Vous disposez de nombreux shortcodes qui vous permettent d'insérer rapidement des éléments de conception dans vos publications et vos pages.

Codes abrégés

13-cherry-framework-shortcode-complet

L'un des éléments les plus puissants d'un thème WordPress – le Cherry Framework v3.0 en intègre beaucoup. Ils sont divisés en quatre catégories principales :

  • Dynamique – utilisé pour la sortie de contenu (messages, types de messages personnalisés, balises, etc.)
  • Colonnes de grille – diverses colonnes pour la formation de grille.
  • Éléments – éléments supplémentaires pour la formation du contenu.
  • Autre – éléments supplémentaires pour la formation de contenu avancé/complexe

L'intégration des codes abrégés (en particulier les tableaux) peut devenir un peu délicate. Ainsi, je vous recommande de consulter le guide mentionné icien dessous de Codes abrégés. Mais voici le marché. Ce que vous devez savoir est juste en dessous :

  • Liens vers d'autres publications sous forme de liste, de grille et une liste de publications récentes
  • Bannières et tableaux
  • Sliders et carrousels
  • Boîtes de service pour afficher des blocs d'informations
  • Unités Hero pour afficher les principales informations et promotions du site Web
  • Colonnes dans une gamme de configurations, y compris les colonnes de fluide
  • Boutons, guillemets, icônes, boîtes d'alerte, onglets et accordéons

Par exemple, l'image du tableau précédent que vous avez vue il y a quelque temps a été générée avec le shortcode suivant :

11-cherry-framework-tables-shortcode

Voici comment insérer une barre de progression :

12-cerise-framework-shortcode-barre-de-progression

Aller plus loin – The Cherry Store

20-cherry-framework-premium-enfant-thèmes

Comme mentionné précédemment, TemplateMonster est l'un des plus anciens marchés de thèmes depuis 2002. Ils ont une pléthore de thèmes et de modèles HTML. Le Cherry Framework lui-même a plus de 300 thèmes enfants premium à partir de 38$. Mais comme la plupart d'entre vous se demandent, pourquoi le faible nombre de téléchargements ? Honnêtement, je ne sais pas non plus. Peut-être que la stratégie marketing d'Evanto est bien meilleure, ou peut-être qu'ils ont établi un meilleur nom de marque en ce qui concerne les thèmes WordPress. Je ne me plaindrais pas du thème par défaut que vous obtenez avec Cherry Framework – il est bien conçu avec un look basique.

Conclusion

Cherry-Framework1

Jusqu'à présent, nous avons vu tout ce que Cherry Framework a à offrir. Être un libre cadre, il a mon respect. J'espère que les développeurs publieront quelques thèmes basés sur ce framework – afin que TemplateMonster obtienne une certaine reconnaissance pour leurs efforts récents.

Sur une autre note, utiliser trop de shortcodes peut être nocif. Pourquoi? En effet, si à l'avenir vous décidez de changer de thème (et de framework), tous les codes abrégés intégrés au site sont perdus et la structure globale du site est brisée. C'est pourquoi, il est toujours bon de planifier à l'avance. Si vous voulez vous en tenir à ce framework, alors soyez mon invité – utilisez autant de shortcodes que vous le souhaitez – pas trop pour ralentir les temps de chargement de la page ! ?

Comme toujours, nous aimerions avoir des nouvelles de nos lecteurs. Souhaitez-vous essayer le Cherry Framework? J'ai et j'ai aimé. Nous aimerions entendre vos pensées!

Laisser un commentaire