Un site Web de portfolio est une plate-forme parfaite pour présenter tout ce que vous voulez. Il peut s’agir de produits que vous vendez, de projets que vous avez terminés, de prix que vous avez reçus, de photographies qui vous inspirent ou d’œuvres d’art dont vous êtes fier. Un site portfolio commercialisera vos produits, services et compétences auprès de votre public cible. De plus, cela peut être utile pour générer des prospects. Si vous êtes un professionnel de la création (concepteur Web, artiste, peintre, écrivain, illustrateur graphique), un site Web bien conçu est particulièrement important pour attirer des clients et développer votre entreprise.
Dans cet article, nous passerons en revue les étapes de création d’un site Web de portefeuille avec WordPress en utilisant le Le total thème. Tout d’abord, vous devez savoir que le thème Total comprend un type de publication personnalisé intégré pour le portfolio. Il est donc plus facile de créer votre portefeuille et d’ajouter vos éléments de portefeuille. Et si vous savez travailler avec des publications standard, créer un portfolio sera d’autant plus simple pour vous.
Commençons!
Étape 1 : sélectionnez un hébergeur Web
En ce qui concerne l’hébergement, il existe un grand nombre d’options d’hébergement pour tous les budgets. Mais si vous êtes coincé pour en choisir un, jetez un œil aux solutions d’hébergement WordPress recommandées par Themelocal.
Bluehost est une excellente option si vous débutez, car il offre de nombreuses ressources à un prix bas, ce qui est encore plus bas lorsque vous utilisez notre lien. Vous pouvez obtenir Bluehost pour seulement 2,95 $ la première année !
Mais si vous voulez un hébergement facile à utiliser, Flywheel et WP Engine sont deux des sociétés d’hébergement WordPress les mieux gérées. Les deux offrent d’excellentes fonctionnalités à un prix raisonnable, et le meilleur de tous, vous n’avez jamais à penser à votre serveur car ils s’occupent de tout pour vous.
Étape 2 : choisissez un nom de domaine
Lors de l’inscription auprès d’un hébergeur pour l’espace serveur, vous aurez besoin d’avoir votre nom de domaine à portée de main. Votre nom de domaine est unique à votre site Web et vous pouvez obtenir ces noms auprès de bureaux d’enregistrement comme NameCheap et GoDaddy. Choisissez un nom avec soin, car il peut être assez compliqué de le changer plus tard.
Étape 3 : Installer WordPress
L’installation de WordPress est simple ! Avec les hébergeurs gérés, votre installation WordPress est déjà configurée pour vous. Si vous choisissez Bluehost, suivez simplement le processus d’installation en un clic et WordPress devrait être prêt en quelques minutes.
Lorsque vous atteignez l’écran de connexion, entrez le nom d’utilisateur et le mot de passe que vous avez créés lors de l’installation de WordPress et entrez votre site Web. Une fois là-bas, vous pouvez créer votre propre site Web de portefeuille.
Étape 4 : Choisissez et activez un thème
Cette étape va être facile pour nous, car nous choisirons Le total. À notre avis, c’est l’un des meilleurs thèmes que vous puissiez choisir pour n’importe quel projet, car le thème comprend des tonnes de fonctionnalités et d’options que vous pouvez utiliser pour les entreprises, les organisations caritatives, les portefeuilles et plus encore. Et avec les importations de démonstration faciles, vous pouvez créer de magnifiques sites Web de portefeuille avec Total en quelques clics, comme celui-ci ci-dessous :
Après avoir installé le thème Total, activez-le depuis votre tableau de bord en cliquant sur Apparence > Thèmes > Ajouter un nouveau.
A ce stade, vous avez un choix à faire – vous pouvez simplement importer n’importe quel site Web de démonstration de Total en utilisant le Importateur de démo. Total a plus de 40 sites Web prédéfinis, y compris des démos pour le portefeuille. Vous pouvez choisir n’importe quelle démo, l’importer et y ajouter votre propre contenu.
Choisissez simplement la démo que vous aimez et suivez les invites à l’écran pour installer puis activer les plugins requis et importer l’échantillon de contenu (articles, types de publication, widgets, menus, etc.).
Étape 5 : créer et modifier des éléments de portefeuille et créer une liste d’éléments de portefeuille
Bien sûr, vous n’avez pas besoin d’importer une démo pour commencer, vous pouvez toujours créer votre propre site Web à partir de zéro. Lorsque vous utilisez le thème Total, il est facile de créer votre propre portfolio.
Mais avant de pouvoir créer notre page de portfolio, nous devons créer les éléments de portfolio qui y seront intégrés. Avec Total, vous avez deux possibilités pour créer vos éléments de portefeuille.
Option 1 : Utilisation du type de publication personnalisé du portefeuille de Total en l’état
Votre première option consiste à utiliser le type de publication de portefeuille tel qu’il est pour créer votre portefeuille. Depuis le tableau de bord WordPress, cliquez sur Portefeuille > Ajouter un nouveau.
Ajoutez le titre, les balises, les catégories et tout contenu textuel de votre élément de portefeuille. Total prend en charge différents types de contenu – ajoutez un L’image sélectionnée si vous souhaitez afficher une seule image, ajoutez plusieurs images au Galerie d’images section pour créer un curseur, ou ajouter un lien pour un fichier audio ou vidéo dans le Élément du portefeuille section. Mais dans tous ces cas, vous souhaiterez probablement également sélectionner une mise en page dans les paramètres principaux (gauche, droite ou pas de barre latérale) et définir une image vedette pour votre publication à utiliser dans les grilles de portefeuille, les carrousels et les publications associées. Une fois que vous avez terminé, enregistrez le message.
La prochaine étape est d’aller à Apparence > Personnaliser > Portefeuille pour personnaliser vos pages d’archives de portefeuille (principales, balises et catégories) ainsi que vos pages d’éléments de portefeuille uniques. À partir de là, vous pouvez choisir une disposition de la barre latérale, compter les publications associées et activer divers éléments de page, puis les faire glisser et les déposer dans l’ordre de votre choix.
C’est ça! Ajoutez simplement d’autres éléments pour compléter votre portfolio.
Option 2 : créez votre propre modèle de portfolio avec Visual Composer
Si vous voulez être plus pratique, vous pouvez être votre propre concepteur en utilisant les fonctionnalités de Total et le constructeur de pages Visual Composer. Visual Composer est un constructeur de pages visuelles qui vous aide à créer de belles mises en page à l’aide de la méthode glisser-déposer. En tant qu’utilisateur, cela signifie que vous n’avez besoin de connaître aucun codage et que vous pouvez réellement profiter du processus de création de sites Web. Il est fourni gratuitement avec Total et vous devriez voir une invite pour installer le plugin sur votre site Web lorsque vous activez le thème. N’oubliez pas de l’activer également.
Visitez les paramètres de Visual Composer à partir du tableau de bord pour configurer le plug-in. Cliquer sur Compositeur visuel > Gestionnaire de rôles et ajustez les paramètres. Plus important encore, activez le composeur pour les types de publication sur lesquels vous souhaitez l’utiliser. Par défaut, Visual Composer est activé uniquement sur les pages. Activez-le également pour les types de publication Portfolio afin de pouvoir créer des éléments de portfolio à l’aide de Visual Composer.
Tout comme la dernière option, vous devrez créer un nouveau message en cliquant sur Portefeuille > Ajouter un nouveau. Donnez un nom à votre publication, sélectionnez des catégories ou des balises, choisissez une disposition de barre latérale dans la section des paramètres principaux et définissez une image en vedette. Enregistrez votre brouillon de publication. Vous pouvez maintenant commencer à construire !
Vous avez la possibilité d’utiliser l’éditeur frontend (visuel) ou backend (bloc) de Visual Composer pour commencer à modifier l’élément de portefeuille. Nous préférons l’éditeur frontal car vous pouvez voir les éléments de votre page, les couleurs personnalisées, les rembourrages/marges et plus encore. Mais peu importe ce que vous choisissez d’utiliser, sélectionnez simplement le compositeur visuel Ajouter un élément bouton pour commencer.
Vous verrez tous les éléments disponibles dans la bibliothèque d’éléments. Total a un certain nombre d’éléments spécialement conçus dans la bibliothèque, en plus des éléments standard de Visual Composer. Vous pouvez voir que l’instantané ci-dessus utilise le Curseur d’image et un Zone de texte pour créer l’élément de parc. Cependant, vous pouvez utiliser presque n’importe quel autre élément de la bibliothèque.
Lorsque vous avez terminé l’édition, enregistrez la publication du portfolio et cliquez sur Publier. Si vous envisagez de créer de nombreux éléments similaires, vous pouvez même enregistrer le modèle pour une utilisation répétée. Pour enregistrer votre mise en page en tant que modèle, retournez à l’éditeur principal.
Cliquez sur le bouton Templatera (qui ressemble à une petite icône de mise en page grise).
Donnez ensuite un nom à votre modèle et enregistrez-le. Pour utiliser votre modèle sur un nouveau message, cliquez simplement sur l’icône Templatera pour insérer la mise en page que vous avez enregistrée. Vous pouvez également définir le modèle par défaut pour tous les nouveaux messages d’un type de message donné.
Pour ce faire, accédez à Compositeur visuel > Paramètres généraux et définissez votre modèle préféré pour chaque type de publication. Si vous prévoyez d’ajouter de nombreux éléments à votre portfolio, à votre personnel, etc., cela vous fera vraiment gagner du temps car tous vos éléments de page standard seront automatiquement insérés et formatés pour vous.
Étape 6 : Création de la page Portfolio
Maintenant que nous avons la liste des éléments de portefeuille que nous souhaitons afficher sur notre portefeuille, il est temps de créer la page qui contiendra ces éléments de portefeuille. Créez une page comme vous le faites habituellement avec WordPress. Aller à Pages > Ajouter un nouveau. Donnez un titre à la nouvelle page et enregistrez-la.
Ensuite, cliquez sur l’option Visual Composer avec laquelle vous souhaitez travailler – encore une fois, vous aurez la possibilité d’utiliser l’éditeur frontend ou l’éditeur backend. Cela ouvrira l’éditeur de glisser-déposer en direct. Cliquez sur le bleu Ajouter un élément bouton. Nous utiliserons l’élément Portfolio Grid pour créer notre page de portfolio. Sélectionner la grille du portefeuille. S’il s’agit d’un carrousel que vous voulez sur votre page de portfolio, sélectionnez l’élément Portfolio Carousel.
Vous pouvez ajuster les paramètres de l’élément Portfolio Grid pour affiner l’apparence de votre page Portfolio. Vous pouvez sélectionner la taille des images, ajouter des bordures, les titrer, sprécisez les catégories, sélectionnez l’ordre, les colonnes et les articles par page, activez la pagination, choisissez les styles de grille, ajoutez des extraits et bien plus encore. sauvegarder la page Portfolio après avoir rempli les options de paramètres sous l’éditeur de texte.
Il est possible de visualiser les modifications au fur et à mesure que vous les effectuez. Voici à quoi ressemble ma page de portfolio dans le frontend une fois que j’ai enregistré les modifications apportées à l’élément Portfolio Grid.
Étape 7 : Personnalisez votre portefeuille
Vous pouvez utiliser les paramètres du personnalisateur WordPress en direct pour définir des options pour le fil d’Ariane, la disposition des archives, le style de publication unique, le recadrage d’images, etc.
Si vous souhaitez apporter des modifications à l’icône d’administration, au nom du type de publication, au slug et à la taxonomie, utilisez le Éditeur de type de publication de portefeuille.
Étape 8 : ajouter votre portfolio au menu
Sur un site Web de portfolio, il est logique que la page de portfolio apparaisse dans le menu principal afin que les visiteurs puissent accéder immédiatement au ‘Portfolio’ et visualiser les pages de portfolio. Pour ajouter votre nouvelle page de portfolio, allez sur Apparence > Menu, sélectionnez la page Portfolio et cliquez sur Ajouter au menu.
Désormais, le Portfolio apparaît comme un élément de menu facilement accessible sur la page d’accueil (et toute autre page avec le menu principal activé).
Si vous souhaitez que votre page de portfolio soit votre page d’accueil, accédez simplement à Paramètres > Lecture, définissez l’affichage de votre page d’accueil sur une page statique, puis sélectionnez votre portfolio. Peasy facile!
Finir
Une fois la section Portfolio de votre site Web en place, vous souhaiterez peut-être ajouter plus de pages à votre site Web. Considérez une page de contact, à propos ou des services qui sont incroyablement utiles et sont une partie nécessaire d’un site Web de portefeuille. Créez autant de pages que vous le souhaitez ou dont vous avez besoin, en n’oubliant pas d’inclure les plus importantes dans le menu pour avoir un site Web de portefeuille à part entière.
Une fois votre portfolio terminé, vous pouvez passer à la génération de trafic vers votre portfolio, à l’optimisation de vos images ou même à la monétisation de votre site Web. Quels autres conseils avez-vous pour créer votre portefeuille en ligne ?