Créer un portefeuille avec des projets

Projets est un plugin de WooThemes conçu pour fournir un moyen simple de créer des portefeuilles dans WordPress. 

Dans la boîte de dialogue, Projets vous permet d’avoir des catégories, des galeries, des informations sur le client et des URL de projet. Cet ensemble de fonctionnalités peut également être étendu à l’aide de divers crochets, filtres et modèles..

Dans cet article, je vais vous montrer comment créer un portefeuille en ligne de base à l'aide de Projets. Je vais créer un portefeuille pour une entreprise de conception de sites Web fictive. Les projets sont de nature assez simple et peuvent être utilisés pour de nombreux types de sites Web. Quelques exemples:

• Les rédacteurs pour parler aux gens de vos projets clients
• Des concepteurs Web pour montrer vos derniers clients
• Des tuteurs / formateurs / coachs pour raconter des études de cas ou des réussites à des clients potentiels
• Illustration pour présenter votre portefeuille en ligne

Installation de projets

Projets peut être installé à partir du référentiel WordPress.org. Dans votre tableau de bord WordPress, allez sur "Plugins" et cliquez sur le lien "Ajouter un nouveau". À partir de la page d'installation du plug-in, recherchez "projects by woothemes" - cela devrait être le premier résultat. Cliquez sur le lien "Installer maintenant" et suivez les instructions à l'écran..

Configurer les projets

Il y a juste quelques options simples pour obtenir Projets configuré. Après l'installation, vous verrez la boîte de dialogue suivante:

Cliquez sur le lien pour aller à la Projets page de configuration.

Page Projets

Ceci est un menu déroulant qui répertorie toutes vos pages WordPress, quelle que soit la page sélectionnée parmi celle-ci constituant la base de vos projets ou la page d'archive.. 

Ici, la meilleure idée est de créer d’abord une page vierge. Pour cela, rendez-vous sur "Pages" et ajoutez une nouvelle page vierge. Cette page pourrait être appelée n'importe quoi, mais pour ce tutoriel, nous utiliserons des "projets". Vous pouvez mettre du contenu sur cette page si vous le souhaitez. Il apparaîtra au-dessus de vos projets..

Images

Le reste des paramètres de cette page concerne les images. Tu as:

• Images d'archives: Ce sont les images affichées sur la page base / archive.
• Images à l'unité: L'image principale dans votre élément de projet.
• Vignettes: Je ne fais que modifier légèrement les valeurs par défaut ici - mon "image unique" sera de 1024 x 860. Si vous modifiez les dimensions de l’image après avoir ajouté des projets, vous devrez alors régénérer vos vignettes (ou ils seront peut-être pixelisés). WordPress n'a pas d'interface de régénération de vignettes intégrée, mais heureusement, il existe un plugin pour cela. Allez-y et installez le plug-in "Regenerate Thumbnails". Maintenant, si vous modifiez les dimensions d'une image, rendez-vous dans le menu "Outils" de WordPress et choisissez "Régénérer. Miniatures". Sur l'écran suivant, cliquez sur le bouton "Régénérer toutes les miniatures". Cela peut prendre quelques minutes si vous avez beaucoup d'images.

Une fois que vous êtes satisfait de vos paramètres, cliquez sur le bouton "Enregistrer les modifications"..

Ajouter, éditer et supprimer

Si vous avez déjà ajouté des publications ou des pages à WordPress, ce processus devrait vous être assez familier. Sur cette page, vous avez les détails suivants à remplir:

• Titre: le titre de votre projet. Par exemple: "Site Web Tutsplus".
• La description: une boîte d'édition WYSIWYG pour la majeure partie de votre texte sur votre projet.
• Catégories: ceux-ci sont expliqués plus en détail ci-dessous.
• Galerie de projet: la galerie de projets vous permet de télécharger ou de sélectionner des images à partir de votre bibliothèque d’images WordPress, pour les afficher dans votre projet. Par défaut, ces images sont placées à gauche du texte de votre projet principal. Les images sont facultatives ici car elles peuvent ne pas convenir à tous les projets. Par exemple, si vous êtes un rédacteur, votre portefeuille peut ne pas être particulièrement chargé en image. Pour ajouter des images de la galerie, cliquez sur le lien "Ajouter des images de la galerie de projet" et sélectionnez des images que vous possédez déjà ou cliquez sur l'onglet "Télécharger" et faites-y glisser de nouvelles images. Vous pouvez télécharger ou sélectionner plusieurs images. à la fois pour ce champ.
• Image de couverture du projet: Ceci est similaire à une "image sélectionnée" sur un post ou une page WordPress standard. Cette image est affichée sur la page d’archive Projets et en haut de la page Projets. Ceci est administré de la même manière que la galerie et utilise le programme de téléchargement de média WordPress standard..
• détails du projet - Cette section comporte deux champs de saisie: client et URL. Ces deux options sont facultatives mais très pratiques pour de nombreux portefeuilles, surtout si vous montrez du travail client. Ceci est affiché sur vos pages de projets sous le texte de votre description principale.
• Description courte du projet - La description courte est l'extrait de texte affiché à propos d'un projet sur la page d'archive (un peu comme l'extrait avec posts). Ceci est facultatif, et si vous ne spécifiez rien ici, un extrait du texte de votre corps principal sera affiché. Voir l'image ci-dessous pour un exemple de ceci.

Toutes les pages de projets ont le statut standard de WordPress (brouillon, en attente de révision ou publié), la visibilité (publique, protégée par mot de passe ou privée) et les options de publication (immédiate ou par date) disponibles. Ces options sont accessibles depuis la zone "Publier" lors de l'ajout de votre projet et en cliquant sur le lien "Modifier" en regard de la rubrique correspondante..

Pour modifier ou supprimer des projets, cliquez sur le lien "Tous les projets" dans le menu "Projets". Cliquez sur le nom du projet pour éditer le projet. Après cela, vous serez accueilli avec le même écran que lors de l'ajout d'un projet. Apportez les modifications ici et cliquez sur le bouton "Mettre à jour" pour enregistrer les modifications.. 

Vous pouvez également cliquer sur le lien "Déplacer vers la corbeille" (dans la zone "Publier") pour supprimer l'élément. Sinon, à partir de l'écran "Tous les projets", vous pouvez survoler le nom du projet et cliquer sur le lien "Modifier" ou "Corbeille"..

Une fois que vous avez déplacé des éléments dans la corbeille, ils ne sont pas supprimés de manière permanente. Près du haut de votre page "Tous les projets" du menu "Projets", vous trouverez des liens:

• Tout: Afficher tous les messages (publiés, brouillons, etc.), à l'exclusion des messages supprimés.
• Publié: Filtres pour les publications qui viennent d'être publiées.
• Brouillon: Filtres pour rédiger des articles.
• Poubelle: Filtres pour supprimer les messages.

Notez que les liens "Brouillon" et "Brouillon" ne s'afficheront pas si vous n'avez ni brouillon ni message dans la corbeille..

Si vous cliquez sur le lien de la corbeille, vous verrez toutes les publications que vous avez marquées pour la corbeille. Si vous survolez le nom de la publication, vous avez la possibilité de la supprimer ou de la restaurer définitivement..

Les catégories

Les catégories sont facultatives et vous n'en aurez peut-être pas besoin si vous n'avez que quelques projets à afficher. Pour les grands portefeuilles où le travail peut être plus diversifié, les catégories vous offrent un bon moyen de permettre aux utilisateurs de filtrer ce qu'ils voient.

Les catégories peuvent être ajoutées de deux manières.

Tout d'abord, les catégories peuvent être ajoutées dans un Projets page. Sur une page, vous verrez "Catégories de projets" avec une liste de catégories (si vous en avez) et un lien appelé "+ Ajouter une nouvelle catégorie". Si vous cliquez sur le lien, vous pouvez taper le nom d’une nouvelle catégorie et attribuer une catégorie parent si nécessaire..

Vous pouvez également ajouter des catégories en cliquant sur le lien "Catégories" sous le menu "Projets". Ici, vous pouvez entrer le nom de la catégorie, choisir une catégorie parente et définir un slug personnalisé si nécessaire. Le slug est la version de l'URL du nom de la catégorie et est automatiquement renseigné (il doit être en minuscule et ne contenir que des lettres, des chiffres et des traits d'union). Vous pouvez le modifier si vous souhaitez que votre URL soit différente du nom de votre catégorie.. 

À partir de cet écran, vous pouvez également modifier et supprimer des catégories. Pour ce faire, survolez le nom de la catégorie et cliquez sur "modifier" ou sur "supprimer". Vous pouvez également supprimer en bloc les catégories ici si vous devez: cochez la case à gauche des noms de catégorie que vous souhaitez supprimer, puis sélectionnez "Supprimer" dans le menu déroulant des actions en bloc, puis cliquez sur le bouton "Appliquer"..

Widget

Il y a un widget disponible pour vous à utiliser avec Projets: une simple liste de vos catégories de projets. Vous pouvez ajouter le widget en allant à Apparence >> Widgets dans l'admin WordPress. Le widget s'appelle "Catégories du projet" et doit être glissé et déposé dans la zone du widget dans laquelle vous souhaitez qu'il apparaisse. Ce widget a quelques options de personnalisation:

• Titre: il s'agit d'un champ facultatif et porte le texte par défaut "Catégories de projet". Ce titre apparaîtra au-dessus de la liste des catégories affichées par le widget..
• Afficher le nombre: une case à cocher qui est cochée par défaut. Ceci montre le nombre de projets dans une catégorie à côté du lien de catégorie. Si vous ne voulez pas que le compteur apparaisse, décochez cette case.
• Afficher la hiérarchie: c'est une case à cocher (cochée par défaut). Si cette case est cochée, les sous-catégories sont affichées en dessous de leur catégorie parente (et légèrement en retrait). Si cette case n'est pas cochée, les sous-catégories sont affichées dans la même liste.

N'oubliez pas de cliquer sur le bouton "Enregistrer" lorsque vous avez terminé.

Petit code

Projets est livré avec un shortcode pratique pour afficher vos projets n'importe où sur votre site WordPress. 

Voici un exemple de shortcode: 

[limite de projets = "6" colonnes = "3" orderby = "date" order = "asc" exclude_categories = "4,6,8"]

Maintenant, décomposons cela un peu:

• limite: Combien de projets à afficher
• des colonnes: Combien de colonnes vous souhaitez utiliser pour afficher vos projets
• commandé par: Ceci définit par quoi commander vos projets. Il utilise les paramètres standard "orderby" de WordPress. Parmi les plus pratiques figurent la date, l'identifiant, le titre, l'ordre ou le rand (aléatoire).
• ordre: Ceci définit comment commander vos articles. Cela peut être soit asc (ascendant) ou desc (décroissant).
• exclure_catégories: Une liste de catégories à exclure de la liste. Cela doit se présenter sous la forme d'une liste d'ID de catégorie, séparés par des virgules. Un moyen facile de trouver l'ID d'une catégorie consiste à aller à la section "Catégories" du menu "Projets" et à cliquer sur le lien de la catégorie pour laquelle vous voulez trouver l'ID. Dans la barre d'adresse de votre navigateur Web, vous devriez maintenant voir ce qui suit: edit-tags.php? action = modifier & taxonomy = projet-catégorie & tag_ID = 2 & post_type = projet tout ce que vous devez faire ici est de regarder le tag_ID = 2 section et prendre note de ce nombre.

Ce shortcode peut être utilisé dans tous les endroits normaux - pages, publications et widgets.

L'article fini

Nous avons maintenant expliqué comment mettre en place Projets ainsi que comment ajouter, éditer et supprimer des pages de projets. La prochaine fois, nous verrons comment thématiser, personnaliser et étendre Projets en utilisant CSS et un peu de PHP.