Foire Aux Questions

Il y a le widget SiteOrigin diaporama qui permet de présenter des images.

Il y a aussi le widget SiteOrigin mise en page diaporama (À la rubrique [Extensions >> SiteOrigin widgets], activer la fonctionnalité « Layout Slider » ) qui permet d’incorporer pour chaque « cadre » (diapo) une mise en page avec PageBuider.

Il y a encore l’extension Genesis Responsive Slider qui est particulièrement adaptée pour les bannières de site. Cette extension est encore assez mal traduite. Vous trouverez un tutoriel ici (en anglais) : https://youtu.be/Mai7Vib-eW8 .

Les thèmes proposent des emplacements de menu (identifiables à la rubrique [Apparence >> Menu]) et des zones de widget (rubrique [Apparence >> Widget]). Il est possible d’insérer un menu dans l’une de ces zones de widget à l’aide du widget « Menu personnalisé« .

Pour le thème Executive Pro, la section « Header Right » est justement appropriée pour insérer un tel widget.

Une fois le menu affecté à une zone de widget, pensez à le désaffecter de l’éventuel emplacement défini précédemment (rubrique [Apparence >> Menu], onglet « Gérer les emplacements »).

Les thèmes StudioPress dérivent du même thème parent : Genesis. Genesis offre des outils avancés de personnalisation du thème, à commencer par de nombreuses zones de widget (rubrique [Apparence >> Widget]) facilement identifiables.

Il suffit d’ajouter les widgets souhaités aux différentes zones grâce au gestionnaire de widgets pour les retrouver à la section correspondante (cf. Proposition de mise en forme pour le thème Executive Pro).

Par défaut, votre thème intègre des emplacements prédéfinis pour vos menus de navigation. Vous pouvez toute fois insérer l’un de vos menus de navigation (créé préalablement à la rubrique [Apparence>>Menus]) à l’aide d’un widget de type « Menu de navigation ».

Rendez-vous dans votre gestionnaire de widgets  [Apparence>>Widgets] et voyez si votre thème propose une zone « Before Header »…

L’article Typologie d’une adresse Web nous explique que pour faire un hyperlien vers une section spécifique dans une page, il faut récupérer l’identifiant de la section concernée.

L’extension PageBuilder de SiteOrigin permet de construire une page par empilement de rangées, chaque rangée présentant des colonnes, et chaque colonne, un empilement de widgets. L’outil permet également d’attribuer des identifiants aux rangées (ou aux widgets) alors définies.

Attribuer un identifiant unique à une rangée

Pour attribuer ces identifiants, il faut modifier la rangée (ou le widget).

modifier une rangée

Définir un identifiant unique pour une rangée

À droite, dans la section nommée « Attributs », l’identifiant doit être saisi dans le champs « Row ID » (ou « Widget ID »).

Exemple

Ma page « Événements », accessible à l’adresse http://monsite.com/evenements , présente une section « Séminaires » suivie d’une section « Formations ».

Côté administration, la page « Événements » présente deux rangées : l’une consacrée aux séminaires et l’autre dédiée aux formations.

Si j’ajoute le Row ID « formations » à la seconde rangée, alors je peux exploiter le lien http://monsite.com/evenements#formations . Celui-ci renverra à la section « Formations » de ma page « Événements ».

Utiliser le widget SiteOrigin bouton de l’extension SiteOrigin Widget Bundle.

Une petite subtilité…  L’extension Display Posts Shortcode permet (entre autres) de contrôler facilement l’affichage des publications (posts) « singulières » telles que des événements ou des projets.

Définir ses réalisations comme un type de publication particulier.

Ça tombe bien ! L’extension Genesis Portfolio Pro (Chloé, Amandine et Florie) permet de compiler ses « réalisations ».

Les réalisations (ou « portfolio items ») peuvent ensuite être présentées en insérant le « shortcode » (racourci) suivant dans le contenu d’une page ou dans un widget de type « Texte » : [display-posts post_type="portfolio" image_size="portfolio"]

Afficher un portfolio à l’aide d’un widget et d’un « shortcode » (racourci).

Le thème WordPress par défaut prévoit un emplacement pour le menu des liens vers les réseaux sociaux. Mais il se peut que votre thème n’en prévoie pas. Dans ce cas :

Ajouter un lien vers une page Facebook via le widget Simple Social Icons

L’extension Simple Social Icons (Chloé, Amandine et Florie) offre le widget Simple Social Icons. Une fois inséré, il suffit de le paramétrer en ajoutant les liens vers vos pages de réseaux sociaux.

Activer le widget Social Media Button pour le rendre disponible.

L’extension Site Origin Widget Bundle offre une alternative avec son widget Social Media Buttons. Une fois activé, il suffit de l’insérer à la section souhaitée.

L’extension PageBuilder offre un widget de mise en page : Mise en Page Builder. Par exemple, on peut « empiler » des widgets sur la même colonne d’une rangée.

Page Builder offre un widget passepartout.

À la rubrique [Apparence >> CSS personnalisé] (cf. rappels sur l’extension SiteOrigin CSS)
Une fois le sélecteur de votre menu repéré, modifiez le paramètre suivant :
Mise en page > Position : fixe

Un bon outil pour personnaliser le style de sa page : SiteOrigin CSS .

La règle CSS résultante est très synthétique. La maîtrise du CSS est incontournable pour le web designer.

Le CSS est un langage de haut niveau (intelligible) et performant.

L’extension SiteOrigin Widget Bundle offre le widget SiteOrigin services. Pour qu’il apparaisse parmi les widgets disponibles, il faut au préalable activer la fonctionnalité « Features » à la rubrique [Extensions >> SiteOrigin widgets].

Votre thème prévoit certainement des sections de page d’accueil pour lesquelles la présentation du widget est optimisée (pour Studio Pro : Front Page 3). Notez que vous pouvez réattribuer un widget à une autre section en le déplaçant au cliquer-glisser.

L’extension Genesis Portfolio Pro peut vous aider à présenter vos réalisations en 2 étapes.

1 – définir vos réalisations

La rubrique « Portfolio Items >> All Portfolio Items » à la mème présentation que la liste de pages. Il faut ici qu’à chaque « Portfolio Item » corresponde une réalisation. Lorsque vous éditez un « portefolio Item », il est essentiel de définir une « image mise en avant » (bloc de la colonne de droite, sous le bloc « Publier ») qui sera l’illustration principale de votre réalisation.

2 – présenter vos réalisations en page d’accueil

Dans cet article, je réponds à la question « Comment insérer les éléments du portfolio… »

Donc à la rubrique « Apparence >> Widgets », choisissez une zone et insérez un widget de type texte en y ajoutant le code [display-posts post_type="portfolio" image_size="portfolio"]
De la même façon, vous pouvez insérer ce code dans n’importe quelle page où vous souhaitez présenter vos réalisations.

L’exploitation du gestionnaire de widget (rubrique [Apparence>>Widgets] ) vous permet d’exploiter certains attributs de votre thème, tels que les animations de transition et les sections préformatées.

Pour configurer votre page d’accueil avec le gestionnaire de widgets, il est recommandé de régler la page d’accueil à la rubrique [Réglages >> Lecture] sur « page statique ».