Le Journal Blog Kit pour Divi Aperçu et examen

Le Journal Blog Kit pour Divi est une mise en page tierce de Divi Soup avec des fonctionnalités comme un thème enfant. La mise en page elle-même est réalisée avec le bâtiment Divi et comprend un curseur, des catégories et un flux de blog avec des effets de survol pour créer une page de blog élégante. Il comporte également une barre latérale stylisée et une conception de publication de blog personnalisée par défaut que vous ajoutez à votre thème enfant. Les nouvelles fonctionnalités sont ajoutées à votre thème enfant en les important ou par un simple copier-coller.

Le kit de blog comprend trois mises en page de blog et d'archive différentes. Vous pouvez modifier la mise en page entre pleine largeur, grille ou en ligne en collant le CSS inclus dans les options du thème ou dans l'éditeur CSS du thème enfant. Les pages d'archive, de catégorie, de balise, d'auteur et de résultats de recherche suivent la même mise en page que la page de blog. Il comprend également l'intégration de Font Awesome.

Le kit de blog est livré avec tous les fichiers et instructions sur la façon de l'utiliser. Dans cet article, je vais installer le Journal Blog Kit et voir à quel point il est facile à utiliser et examiner ses fonctionnalités.

Installation du kit Journal Blog pour Divi

Décompressez le fichier téléchargé. À l'intérieur, vous trouverez plusieurs fichiers, notamment des fichiers JSON pour la mise en page du blog et les paramètres de personnalisation, un fichier lisez-moi, des fichiers CSS, PHP, JS et des widgets (ce sont les types de fichiers que vous trouverez dans un thème enfant) .

Je recommande de suivre les instructions pour voir comment installer les fichiers car cela se fera manuellement. Heureusement, les instructions sont bien écrites et le processus n'est pas difficile. Vous devrez utiliser un thème enfant (même s'il est vide). Le fichier PHP sera écrasé lors de la mise à jour du thème si vous l'ajoutez au thème parent.

L'avantage de cette mise en page et de l'installation manuelle des fichiers est que cela fonctionne avec votre thème enfant actuel. Vous n'aurez pas à remplacer votre thème enfant pour ajouter ces nouvelles fonctionnalités.

Le kit de blog du journal pour la documentation Divi

Un lien vers la documentation est fourni dans le fichier de téléchargement. En cliquant sur le fichier, vous accédez à la page d'assistance du kit de blog où vous trouverez une fonction de recherche, des instructions d'installation, des instructions de personnalisation et un lien d'assistance. Les instructions de personnalisation montrent comment modifier les couleurs, le nombre de colonnes dans les mises en page et la longueur de l'extrait.

Cliquez sur les instructions d'installation et suivez les étapes. Cela inclura la copie et le collage de code dans certains emplacements, le téléchargement de fichiers via FTP et l'importation de fichiers via un plugin. Chacune des étapes est détaillée. Il faudra quelques minutes pour parcourir les étapes.

Le kit de blog de journal pour la page de blog Divi

Le kit de blog comprend la mise en page du blog sous forme de fichier JSON. Cette mise en page doit être importée dans la page elle-même plutôt que dans la bibliothèque Divi. La page elle-même utilise un curseur de publication, six modules d'appel à l'action et une rangée avec un blog et une barre latérale. Cela s'affichera différemment selon le CSS que vous utilisez. Examinons les caractéristiques et la disposition de chaque disposition.

Le kit de blog de journal pour Divi Slider et catégories

Le curseur de publication place la navigation verticale par points vers la gauche et affiche un extrait vers la droite. L'extrait centre le texte et a une opacité plus faible pour que l'image en vedette du curseur soit visible. Il comprend également un bouton Afficher la publication. Lorsqu'il glisse, l'image s'estompe et l'extrait glisse du bas vers le haut.

Les modules d'appel à l'action fonctionnent comme des liens vers des pages d'archives pour des catégories spécifiques. Le survol du module change la couleur du bouton d'un fond noir avec du texte blanc à un fond blanc avec du texte noir et ajoute une bordure noire. J'adore le jaune vif. C'est un moyen intéressant d'ajouter une navigation par catégorie à la page.

Les couleurs proviennent de l'importation du style de personnalisation. Vous n'êtes pas obligé de l'utiliser et vous pouvez facilement changer les couleurs. Si vous souhaitez avoir accès à votre style de personnalisation d'origine, vous devez d'abord l'exporter.

Le kit de blog de journal pour la mise en page pleine largeur de Divi

Voici la mise en page du blog utilisant le CSS pleine largeur. L'image en vedette zoome au survol. Il ajoute une lettrine au premier mot de l'extrait. La catégorie et la lettrine sont de style jaune. Le bouton Lire la suite est conçu pour correspondre à la mise en page.

Le kit de blog de journal pour la mise en page de la grille Divi

La disposition de la grille affiche deux publications sur une seule ligne sous les catégories. Il comprend le même style que la mise en page pleine largeur, comme le zoom au survol de l'image en vedette, la catégorie jaune et la lettrine, et le style des boutons.

Le kit de blog de journal pour la mise en page en ligne Divi

Le CSS en ligne affiche les articles de blog avec l'image à gauche et le texte à droite. Il comprend le style et les caractéristiques des autres mises en page. Dans cet exemple, j'ai pris une capture d'écran au bas de la liste pour afficher le bouton stylisé Older Entries. Ce même bouton apparaît dans toutes les mises en page.

Le kit de blog de journal pour la barre latérale Divi

Si vous importez les paramètres du widget, cela crée une barre latérale avec plusieurs widgets stylisés. La barre latérale comprend une section à propos de moi avec un titre, une photo et une description, ainsi que des sections pour la recherche, les catégories, les archives, les tags et les publications récentes. Chaque section est stylisée pour correspondre à la mise en page. J'aime les lignes jaunes de chaque côté des titres. Les catégories et les archives sont des listes déroulantes. Les balises sont des liens stylisés.

Le kit de blog de journal pour la mise en page individuelle de Divi

Si vous téléchargez le fichier de publication via FTP dans les fichiers de votre thème, les articles de blog individuels créés avec WordPress plutôt que le constructeur Divi sont également stylisés et comportent de nombreuses nouvelles fonctionnalités. Les fonctionnalités incluent la catégorie, le titre, la date, le nombre de commentaires et les balises au-dessus de la publication. Le poste a une lettrine stylisée.

Après la publication se trouvent une zone d'auteur stylisée, une navigation dans les publications, des publications connexes et une zone de commentaires stylisée. Les commentaires sont en cascade et incluent une icône stylisée pour montrer qu'une réponse est une réponse à un autre commentaire. Les sections individuelles comprennent les lignes jaunes stylisées avec les titres.

Le Kit Blog du Journal pour Divi Price

Le kit Journal Blog pour Divi est à 49,00 £. Il comprend tous les fichiers et les instructions dont vous avez besoin pour l'utiliser.

• Vous pouvez acheter le Journal Blog Kit sur le site Web du développeur.

Le kit du blog du journal pour Divi

Le Journal Blog Kit pour Divi ajoute de nombreuses fonctionnalités de style à vos pages et articles de blog. J'aime le fait qu'il stylise les articles de blog sans qu'ils aient besoin d'avoir été construits avec le constructeur Divi. Je suis également heureux de voir un kit qui se concentre uniquement sur le blog. Les blogs ne reçoivent pas toujours assez d'attention.

Les fichiers doivent être installés manuellement, mais je pense que c'est un bon exercice car il montre où vont certains types de fichiers et il vous donne des informations sur le fonctionnement de WordPress. L'ajout de fichiers est en fait plus facile qu'il n'y paraît. Je n'ai eu aucun problème avec l'ajout de code.

J'ai ajouté CSS au fichier de thème enfant pour l'une des mises en page, puis j'ai supprimé ce code et ajouté le CSS aux options de thème pour les autres. Les deux ont fonctionné comme prévu. Les CSS, JS, PHP et tous les fichiers importés ont parfaitement fonctionné du premier coup. Pour revenir à votre design d'origine ou à un design différent, changez simplement votre thème enfant et supprimez le CSS.

Il est intéressant d'avoir des fonctionnalités de style de thème enfant dans une mise en page. J'aime cela parce qu'il peut être utilisé avec n'importe quel thème ou mise en page enfant. Si vous souhaitez ajouter de nouvelles fonctionnalités de blog à Divi, je vous recommande vivement de jeter un œil au Journal Blog Kit.

Nous voulons de vos nouvelles. Avez-vous essayé le Journal Blog Kit pour Divi ? Faites-nous savoir ce que vous en pensez dans les commentaires ci-dessous.

Image en vedette via M.Stasy / shutterstock.com