Le PortFolio Adobe, généralités.

Philippe LASSERRE février 2020, MAJ septembre 2021.

Grâce à l’abonnement Créative Cloud, vous pouvez créer votre site photo hébergé sur myportfolio.com (Adobe) ; cela fait partie de l’abonnement.

Par défaut, pour vos visiteurs, votre portfolio sera visible à l’adresse https://votre_nom.myportfolio.com/.

Quand on est abonné à Créative Cloud pour Photographes, on peut donc créer gratuitement un Portfolio de 5 sites.

Il faut aller sur la page https://www.myportfolio.com/ et s’identifier avec son Id et son mot de passe Adobe.

Un site à un thème comportant une présentation générale, un agencement de page, un layout.

Un site est composé de pages ; une page peut être

• Une page simple
• Une page galerie pouvant contenir plusieurs Albums Lightroom, des pages.
• Un Album Lightroom (c’est une collection synchronisée dans LR Classic, on verra cela plus bas).

On peut ajouter dans une page une image, une liste d’images, une vidéo, un son, un texte, un média externe, un bouton, une icône de réseau social, un formulaire. Ainsi on peut créer des pages « A propos », « contact », « Press », « Qui suis-je »….

Ensuite, vous remplirez votre site de photos, de grilles de photos, d’albums  Lightroom, ajouterez des titres, des commentaires, modifier les polices de caractère, les couleurs, les fonds… Le nombre de page n’est pas limité.

Comme on a l’abonnement et le couple LR + Ps, il est possible de remplir les sites du PortFolio avec les images de collections Lightroom Classic (et de Lightroom version Cloud) cela totalement automatiquement. Si vous voulez créer un site portfolio et apprendre en même temps, je vous conseille de synchroniser quelques collections de photos avant de créer le site (voir plus bas pour faire cela).

C’est simple, rapide, pratique si on utilise les galeries Lightroom La présentation est propre, très pro. Par contre pas de HTML (Juste un peu dans certaines zones texte) ni de CSS ; à part les 12 thèmes proposés, pas de possibilité de modifier, ni de personnalisation poussée, il faut rester sur ce qui est proposé.

L’éditeur de site ne me parait pas toujours logique et on cherche beaucoup au début pour modifier un élément. L’éditeur est passé en français, c’est bien.

Créer un site.

Il faut aller sur la page https://www.myportfolio.com/ et s’identifier avec son Id et son mot de passe Adobe.

On vous propose de modifier (comme ci-dessus) ou de créer un site (s’il n’y en a pas).

On peut modifier un site existant ou ajouter un site (5 au maximum).

On vous demande ensuite quel type de site créer ; pour une galerie de photos la solution de gauche me parait préférable.

Enfin il faut choisir un thème :

Il y a quatre thèmes plus adaptés à la photo :

 

L’enregistrement du site et des modifications se fait automatiquement ; il faudra le « Publier » pour qu’il soit accessible sur le web.

Voilà, maintenant il faut remplir le site.

L’éditeur, quelques notions :

Dans les différents écrans, et pour avoir accès à toutes les fonctions de l’éditeur, il y a quelques règles à connaitre.  Ici on explique comment utiliser l’éditeur de manière générale.

La COLONNE DE GAUCHE : permet de modifier les caractéristiques du site ; à tout moment on peut modifier le thème du site en passant par « Thème » et ajouter, modifier les pages en passant la « Page ».

MENU CONTEXTUEL sur chacun des éléments dans les pages.

Si le curseur passe sur un élément il apparait une icône crayon liée à cet élément. Si on clique sur cette icône cela ouvre un menu contextuel :

Parfois on peut modifier un texte directement en cliquant dessus comme dans la bannière (bande qu’on rajoute en haut) ; d’autres fois il faut passer par certaines propriétés accessibles par le menu contextuel pour modifier un texte ; cela n’est pas toujours évident.

ICONE PLUS : Si on passe le curseur sur un élément il y a aussi apparition d’une icône « plus ». Elle permet d’ajouter par exemple des éléments dans une page :

Dans les pages elles-mêmes, il y a des zones avec un « plus » au milieu permettant d’ajouter un élément ; c’est plus rapide que de passer par des menus :

 

 

Ajouter des pages, gérer l’arborescence du site.

Sur la colonne de gauche il y a des menus ; pour ajouter une page ou modifier une page, cliquez sur « Pages » :

Cela ouvre le squelette du site :

Ci-dessus on voit des Galeries (« Portraits », « Voyage », « Autres ») ; dans chaque galerie il y a des albums Lightroom ou Behance. En dessous il y a deux pages (« Qui suis-je? » et « Contact »). En haut il y a une page « PortFolio » mais elle n’apparait pas sur le site car à sa droite le sélecteur est désactivé.

L’icône en bas permet de rajouter une page ; si on clique dessus on peut ensuite choisir le type de page à rajouter : Une page vide, un album Lightroom, une galerie (ou on peut mettre des pages, des galeries Lightroom) :

 

Créer une galerie :

Ainsi, par exemple on peut ajouter une galerie (en cliquant sur « Galerie ») et y mettre plusieurs Albums Lightroom  ou plusieurs pages.

Ci-dessus, on a créé une galerie « Voyages » dans laquelle on a ajouté deux galeries Lightroom « Islande » et « Couleurs de Lyon ».

Avec l’icône à gauche on peut cliquer/déplacer l’élément dans une galerie ou hors d’une galerie.

Avec l’icône   à droite on peut rendre invisible/visible une page ou une galerie.

Avec l’icône on a accès à des actions concernant la page ou la galerie :

S’il s’agit d’une galerie on a le menu suivant :

On peut ainsi modifier le nom, le titre de la galerie, la dupliquer (pour mettre cette galerie dans une autre galerie), la masquer, ajouter un mot de passe (pour la rendre accessible à qui on veut), la supprimer.

Ci-dessous pour modifier le mot de passe :

On peut définir cette galerie comme « Page d’accueil ».

Pour modifier dans la page galerie l’image des pages du menu (ce qu’ils appellent « couverture »), il faut cliquer sur le nom de la galerie. Quand, ensuite, on survole les images représentant les pages, il apparait un onglet bleu « Page ». Cliquez dessus et vous aurez accès à la modification de l’image  et plein d’autres choses :  

S’il s’agit d’une page ou d’un album Lightroom le menu est différent :

 

Créer une page. 

Si par contre on veut ajouter une page au site,

Pour ajouter une page on clique sur : puis dans la liste sur « Page » :

Il faut donner un nom à la page, indiquer dans quelle page ou galerie est sera positionnée  et choisir le style de la page :

Ensuite on ajoute des éléments dans la page :

C’est ainsi qu’on crée un formulaire de contact, une page avec une image, une grille de photos…

 

Pour l’utilisateur, suivant les thèmes ou les types de page il y aura automatiquement des menus permettant de naviguer de galerie en galerie, de page en page, de photo en photo.

Tous les liens de navigation sont générés automatiquement par le thème ; l’auteur du site n’a pas les créer.

Ajouter des photos.

Comme on l’a vu juste ci-dessus on peut créer une page, poursuivre la création de la page en ajoutant sur la page :

• une image. Dans ce cas il faut choisir dans le sélecteur de fichier qui s’ouvre une image sur son disque dur,
• une grille de photo.

Si on crée une grille d’image, il est proposé de charger des fichiers images depuis votre ordinateur ou d’aller les chercher dans Lightroom (il s’agit des photos synchronisées de Lightroom Classic par exemple ; voir plus bas).

Pour la gestion du contenu d’une grille il faut passer par le menu « Grille de photos »

Là on a un panneau permettant d’ajouter des photos (qui sont sur votre ordinateur ou sur votre Cloud Lightroom).

 

Par contre on peut ajouter au site un album Lightroom, et tout se fera automatiquement.

Dans Lightroom Classic il faut, au préalable :

Créer une collection contenant les photos que vous voulez mettre dans votre album.

Synchroniser la collection : clic droit sur la collection puis clic sur « Synchroniser avec Lightroom » :

Bien-sûr il faut veiller à ce que Lightroom Classic lui-même soit synchronisé :

Depuis juin 2020 on gère cela en cliquant sur le petit nuage en haut à droite :

Avant il fallait passer en haut à gauche de l’écran cliquez sur la flèche :

Si « Synchroniser avec Lightroom » est « en pause », cliquez pour lancer la synchronisation :

Attendre un moment que les photos passent sur Lightroom dans le cloud d’Adobe.

Les photos synchronisées ainsi ne sont pas prises en compte dans les 20G de l’abonnement.

Ensuite, ajouter au site un « album Lightroom » ; le mettre dans une galerie.

Une fenêtre de navigation s’ouvre sur votre espace Adobe (sur https://lightroom.adobe.com/sdk/LrImporter…)

Là on voit des albums correspondant aux collections que vous aviez synchronisée sur votre Lightroom Classic ; vous sélectionnez un album puis cliquez sur le bouton « Importer les éléments sélectionnés ».

Magie, votre page « Album Lightrooem » sur le site portfolio se remplit des images de la collection.

Pour une mise à jour quand on ajoute une photo dans la collection synchronisée LrC ou qu’on modifie une photo, on peut reporter les modifications dans le Portfolio. 3 manières de le faire :

1-A partir du PortFolio :

Sur la ligne de la galerie Lightroom à mettre à jour (dans la liste des pages à gauche) clic sur l’engrenage  puis clic sur « Réinitialiser à partir de Lightroom ».

Cette méthode fonctionnerait très mal (apparition d’une page d’erreur) et certains conseillent plutôt d’utiliser la méthode 2.

2-A partir du Cloud LR :

Clic sur la galerie à gauche puis sur « … » en haut à droite.  Clic sur « Envoyer vers le Portfolio ».

La collection dans le Lr Cloud remplace la collection du Portfolio.

3-A partir de LR :   

Clic droit sur la galerie, clic sur « Partager sur ». Si c’est la première fois clic sur « Ajouter une connexion » et la cliquer sur Portfolio. Ensuite utiliser le même menu mais cliquer sur « Adobe Portfolio ».

Si on efface une collection synchronisée ou une photo dans LrC, quel impact sur le Portfolio ?

Améliorer la présentation.

Bien-sûr, pour les gens qui viendrons sur vos sites portfolio, ils sont « responsive » c’est à dire qu’il s’afficheront correctement sur un ordinateur mais aussi sur une tablette, un smartphone.

En bas de la page principale il y a un bouton « Aperçu » permettant de voir ce que l’utilisateur verra.

En bas de la page « aperçu », il y a gauche des icônes permettant de se rendre compte de ce que donnera le site sur différents matériels.

 

Vous pouvez sélectionner les vues suivantes :

• Bureau,
• Portrait sur tablette,
• Paysage sur tablette,
• Portrait sur téléphone,
• Paysage sur téléphone.

L’arrière-plan, la couleur et la police de caractère utilisés pour TOUT le site peuvent être modifiés en utilisant les menus en bas à gauche du menu principal :

On peut ainsi modifier la police de caractère du site.

Dessous il y a le « Conteneur du site Web » :

Cela correspond à la zone affichée sur chaque page ; voyons la partie « Navigation «  : elle contient le menu du site (Navigation doit être actif). On peut décider de mettre dans la navigation les titres de pages, sous-pages, galeries…

C’est là qu’on décide de faire apparaitre un pied de page ou non. Si oui, on déroule en cliquant sur la petite flèche et on modifie le texte.

Il est toujours possible en déplaçant sa souris de faire apparaitre l’icône crayon sur un élément de la page et en cliquant dessus, de modifier cet élément :

Ci-dessus, par exemple sur une galerie Lightroom, on peut ré organiser, modifier la grille, les marges…

Publier.

On a dit que sans aucune intervention de votre part, les modifications que vous faites sont automatiquement enregistrées mais non publiées (un visiteur ne les voit pas).

Pour permettre aux utilisateurs de voir votre site il faut le publier ou le mettre à jour.

Avant cela pour que votre site apparaisse dans les moteurs de recherche il faut renseigner certaines données : Cliquez dans le menu de gauche sur « Réglages » :

Puis sur « Optimisation de la recherc.. »

Là renseigner le titre du site Web, les « Description meta » et les « meta keywords » ; enfin cocher les deux lignes dessous puis cliquez sur « Terminer ».

Vous pouvez aussi rajouter des balises supplémentaires pour les moteurs de recherche (basiles méta personnalisées) ou ajouter une icône pour votre site (Icônewebclip) : quand vos fans enregistreront l’adresse de votre site, c’est cette icône qui sera utilisée. Allez voir dans les options, . Vous pouvez protéger le site par un mot de passe (on peut le faire aussi uniquement sur une galerie). On peut faire apparaitre la bannière indiquant au visiteur s’il accepte les cookies.

 

Ensuite, pour publier, dans le menu de gauche en bas cliquez sur le bouton « Publier« . Si le site a déjà été publier le bouton indiquera « Mettre à jour le site« .

Si certaines zones comme le nom web ne sont pas renseignées, il se peut que la publication ne soit pas possible.

Les visiteurs trouveront le site à l’adresse https://votre_nom.myportfolio.com/. On peut acheter un nom de domaine. Personnellement j’ai un nom de domaine personnalisé (lasserrelyon.fr) ; j’ai rajouté un sous domaine (photos) et j’ai redirigé sur https://philippelasserre.myportfolio.com/. Ainsi si les visiteurs tapent photos@lasserrelyon.fr ils se retrouvent sur mon site de photos. Celui-ci est en cours de mise en place actuellement.

La documentation complète par Adobe : https://help.myportfolio.com/hc/en-us

Pour l’avoir en français il faut changer la langue en haut.

Visiblement, c’est un robot qui traduit ; des fois c’est marrant; mais très utile quand même.