TechBlogSD - Tout pour le développement WordPress et WEB
Instructions WEB et WordPress, actualités, revues de thèmes et plugins

Comment créer un site de portfolio WordPress avec le thème Uncode ?

17

Il y a quelque temps, nous cherchions à créer un site de portfolio WordPress. Les thèmes gratuits disponibles dans le référentiel WordPress ne sont en aucun cas utilisés pour un site de portfolio de qualité et les plugins n’ont pas non plus répondu à nos attentes. Après avoir cherché pendant un certain temps, nous avons trouvé des thèmes décents dans la forêt thématique comme Uncode, Highend, Marble, etc. Parmi tout ce que nous avons vérifié, Uncode se démarquait de la foule avec ses fonctionnalités de portefeuille imbattables. Nous avons acheté le thème Uncode et construit un site de portfolio WordPress. Comme il nous a fallu quelques semaines pour comprendre le thème, voici un tutoriel simple sur la façon de créer un site portfolio WordPress avec le thème Uncode.

Avant de commencer avec Uncode Theme

Vous devez comprendre quelques points avant de commencer à travailler avec le thème Uncode, vous pouvez consulter la revue complète du thème ici.

  • Uncode est une variante personnalisée du plugin Visual Composer qui est fourni gratuitement avec le thème. Vous devez donc vous familiariser avec le constructeur de pages Visual Composer pour WordPress.
  • Le contenu de la démo doit être importé en bloc. Cela signifie que vous ne pouvez pas importer uniquement les sites de démonstration de portefeuille affichés sur la page de vente. Vous devez installer tout le contenu de la démo, puis commencer à personnaliser les éléments liés au portfolio.
  • Le thème Uncode fonctionne avec les blocs de contenu. Ce sont les mises en page centrales à affecter à l’en-tête, au pied de page et à la zone de contenu. Les affectations peuvent être effectuées globalement à l’aide d’options de thème et peuvent être personnalisées dans l’éditeur pour des éléments de portefeuille individuels.

Assurez-vous de décourager les moteurs de recherche d’indexer vos pages jusqu’au moment où votre site est prêt à être rendu public.

Étape 1 – Importation de contenu de démonstration

Comme mentionné précédemment, tout le contenu de la démo doit être importé en même temps. Accédez à "Décoder > Installer la démo" et installez le contenu de la démo.

Comment créer un site de portfolio WordPress avec le thème Uncode ?

Importation du contenu de démonstration du thème Uncode

Si vous n’êtes pas intéressé par l’installation du contenu complet de la démo, choisissez les mises en page que vous souhaitez importer à partir de l’option « Mise en page unique ». Vous pouvez choisir toutes les mises en page de portefeuille ou celle que vous aimez à partir de la page de démonstration.

Comment créer un site de portfolio WordPress avec le thème Uncode ?

Importation de mises en page uniques dans le thème Uncode

Étape 2 – Blocs de contenu du portefeuille

Le thème Uncode fonctionne différemment des autres thèmes de portefeuille. Fondamentalement, chaque page est divisée en blocs de contenu pour l’en-tête, le contenu et le pied de page. Ces blocs de contenu sont ensuite affectés à des mises en page pour créer de belles pages. Vous pouvez utiliser des blocs de contenu prédéfinis importés du contenu de démonstration ou créer les vôtres.

Comment créer un site de portfolio WordPress avec le thème Uncode ?

Décoder le bloc de contenu du thème

Dans la capture d’écran ci-dessus, il y a un bloc de contenu pour « Contenu | Archives | Portefeuille Maçonnerie ». Ce bloc peut être utilisé dans la section de contenu de la page d’archives du portfolio pour créer une mise en page d’archives de maçonnerie.

Étape 3 – Personnalisation des paramètres globaux du portefeuille

Une fois le contenu de la démo installé, accédez à «Décoder > Options du thème ». Vous verrez deux onglets pour les paramètres liés au portefeuille – "Portefeuille" et "Portefeuilles" dans la section des mises en page. Les paramètres du portefeuille seront appliqués aux éléments individuels et les paramètres des portefeuilles seront appliqués aux archives. Vous pouvez changer le nom « Portfolio » en n’importe quel autre nom comme « Art », « Travail », etc. Cela sera ajouté dans l’URL comme « votresite.com/art/titre/ » (la structure de l’URL changera en fonction de vos paramètres de permaliens ). Ci-dessous, la capture d’écran montrant le mot « Art » est utilisé au lieu de « Portfolio ».

Comment créer un site de portfolio WordPress avec le thème Uncode ?

Paramètres du portefeuille dans le thème Uncode

N’oubliez pas que la disposition de l’élément de portefeuille suivra uniquement les paramètres du portefeuille. Supposons que vous ayez désactivé les commentaires dans les paramètres du portefeuille. Les commentaires seront désactivés, que vous activiez les commentaires par défaut sous la discussion WordPress ou que vous les activiez sous l’éditeur d’éléments de portefeuille.

Les paramètres de mise en page du portefeuille et des archives sont classés et regroupés sous les sections menu, en-tête, contenu, pied de page, navigation, détails et champs personnalisés. Personnalisez chaque section selon vos besoins et attribuez des blocs de contenu là où cela est nécessaire. Par exemple, vous pouvez afficher des éléments de portefeuille connexes en attribuant les « messages connexes | Portfolio List (alias Fake Related)" sous l’onglet "Contenu".

Comment créer un site de portfolio WordPress avec le thème Uncode ?

Affectation de publications liées aux éléments de portefeuille

Les détails du portefeuille peuvent être ajoutés sous l’onglet "Détails" et la mise en page peut être choisie pour afficher les détails en haut, en bas, à gauche ou à droite de l’élément du portefeuille.

Comment créer un site de portfolio WordPress avec le thème Uncode ?

Détails du portefeuille et paramètres de mise en page

Étape 4 – Création d’éléments de portefeuille

Une fois tous vos paramètres globaux enregistrés, accédez à « Portfolio > Catégories de portefeuille » et créez les catégories pour vos éléments de portefeuille. Plus tard, vous attribuez la catégorie dans l’éditeur de la même manière que les publications normales.

Vous pouvez créer différents types de mises en page comme une galerie centrée, une pile de barres latérales, etc. Sur l’éditeur de portefeuille, vous disposez des options importantes suivantes :

Titre – titre du portfolio similaire au titre du message

Zone de contenu – pour ajouter du contenu

Extrait – le texte entré ici sera affiché contre la section des détails du portefeuille. Si aucun texte n’est saisi, les premières lignes du contenu seront affichées.

Médias – vous pouvez utiliser les options d’isotope, de carrousel et de pile pour afficher les éléments multimédias sur la page du portfolio.

Options de page – ici, vous pouvez remplacer tous les paramètres globaux configurés sous "Options de thème".

Jouez avec les différentes options disponibles dans les méta-boîtes « Médias » et « Options de page » pour créer différentes mises en page de portefeuille pour votre site. L’image ci-dessous explique les détails de la mise en page d’une page de portefeuille avec une seule image de pile et les détails de la barre latérale pour expliquer chaque composant.

Comment créer un site de portfolio WordPress avec le thème Uncode ?

Disposition de la pile de la barre latérale

  1. Titre de l’élément de parc.
  2. L’image est ajoutée à l’aide de la méta-boîte « Médias » avec l’option « Empiler ».
  3. Contenu entré dans la zone d’extrait. Si aucun contenu n’est saisi, quelques lignes de la zone de contenu seront affichées ici.
  4. Détails du contenu – à saisir dans la section « Détails » des « Options de la page ».
  5. Partage social en tant que configuration dans les options de thème globales.
  6. Contenu de la zone de contenu.
  7. Articles connexes des paramètres globaux que vous pouvez modifier sous « Contenu > Bloc de contenu – Après le contenu » dans la boîte de méta « Options de page ».

Étape 5 – Personnalisation de l’élément Visual Composer Posts

Les blocs de contenu liés aux pages d’archives de portefeuille utiliseront l’élément « Posts » dans Visual Composer pour créer les mises en page de portefeuille d’isotopes ou de carrousel. Il est donc important de comprendre chacune des options de l’élément « Posts » pour créer vos archives de portfolio.

Un vaste ensemble d’options est disponible dans l’élément « Posts » pour personnaliser les éléments, la superposition, le contenu, la pagination, le filtrage, etc. Un paramètre important consiste à choisir l’option « portefeuille » en cliquant sur le bouton « Créer une requête » sous l’onglet « Général ». Ici, vous pouvez filtrer les éléments du portefeuille à afficher en fonction des catégories d’auteur et de portefeuille.

Étape 6 – Terminer le travail

Après avoir créé tous vos éléments de portefeuille et pages d’archives, vous pouvez créer des articles et des pages standard de la même manière. Une fois le site finalisé, allez dans «Décoder > Installer la démo» et cliquez sur le bouton «Supprimer le média de démonstration» pour nettoyer les images d’espace réservé importées. Supprimez tous les articles, pages et éléments de portefeuille de démonstration et activez l’exploration des moteurs de recherche dans la section « Paramètres > Lecture ».

Source d’enregistrement: www.webnots.com
Leave A Reply

Ce site utilise des cookies pour améliorer votre expérience. Nous supposerons que cela vous convient, mais vous pouvez vous désinscrire si vous le souhaitez. J'accepte Plus de détails