L’éditeur Elementor dispose d’une fonction qui peut s’avérer intéressante pour quiconque cherche un fond d’article/page original: c’est la possibilité de modifier une section avec l’onglet « Style » avec l’outil « Shape Divider »

• Sélectionner la section
• Dans la colonne de gauche « Modifier Section », Onglet « Style » Paraméter « Shape Divider » selon ses envies:
•  Partie HAUT et BAS en jouant sur « Type »  « Hauteur » et « Largeur »

A titre d’exemple (à ne pas suivre;-)), une  copie d’écran  ci-après.

Retour au sommaire

Utiliser le widget « Facebook Recent Posts »

Facebook protège la connexion des sites web avec sa plateforme, si bien qu’à chaque fois qu’un site web veut implémenter ce widget Facebook, il faut disposer de 3 codes:
1: avoir un identifiant d’une application Facebook
2: le code secret qui s’y rapporte,
3: l’indentifiant  de son site facebook

Comment connaitre l’ indentifiant  de son site facebook:

Pour cela, il suffit de:

•     d’aller sur la page Facebook dont vous souhaitez déterminer l’identifiant (exemple : page Facebook de On-fait-comment.fr)
•     d’ouvrir le code source de cette page (raccourci clavier : Ctrl + U)
•     de rechercher (raccourci clavier : Ctrl + F) la mention « fb://page/?id= »

Vous devriez obtenir une expression de ce genre : fb://page/?id=691145184291318. Le nombre qui apparait après ?id= correspond donc à l’ID de la page Facebook.

Retour au sommaire

Nous avons vu dans un précédent article comment tester un nouveau thème sur son site. Mais quelquefois, on peut faire face à des surprises!

Comment  adapter le thème à ses besoins?

Par exemple pour le thème Twenty Fourteen (2014), on s’apercoit que les articles sont étriqués et ce bien en deça de la largeur de la page.

Une recherche sur Google montre que c’est une limitation de l’époque à la sortie du thème. La largeur d’affichage était limitée et affectée « en dur » à des valeurs ne permettant pas l’affichage au bon format avec les écrans de maintenant.

Hélas, les modifications sont à faire en adaptant quelques lignes de code du fichier style.css du thème (par ex, remplacer 474px et 1260px par 100%).

Méthode à suivre :

• Ne pas oublier de sauver le fichier d’origine en le renommant (ex:style_ori_mv.css)
• Apparence / Editeur, puis modifier le fichier style.css en conséquence

Un exemple de personnalisation du thème 20-14

Il est possibles de mettre des articles en avant (3 au max) dans la zône en dessous du menu: ce sont les pavés qui apparaissent en haut de l’aperçu quand on installe le thème.

C’est une fonctionnalité spécifique de ce thème qui requiert de faire trois manipulations pour chaque article à mettre en avant:

Quand on édite l’article/page , sur la colonne de droite:
=> donner la Visibilité  » Public » et cocher  » Mettre cet article en avant sur la page d’accueil »
=> affecter une image mise en avant
=> Etiquettes : dans le champ éditable, mettre mis-en-avant , et valider avec OK

et enfin Publier

A noter que les images sont affichées à leur dimension et que pour l’esthétique il vaut mieux qu’elles soient de la même taille.
Un essai de taille 640*480 donne une esthétique agréable et une bonne mise en valeur.

Retour au sommaire