TP N°4 Page d’accueil Wordpres s Ojectif Gérer du texte avec des images Accueil par défaut Par défaut, la page d’accueil affiche les 10 derniers articles publiés. Nous souhaitons une page d’accueil avec un contenu fixe. Pour cela nous allons : créer une page qui sera utilisée comme page d’accueil du site, associer la page créée à un onglet Accueil dans le menu. Ajout d’une image dans la bibliothèque Nous allons ajouter une image qui sera insérée dans la page d’accueil. Récupérer l’image « imageAccueil.jpg » se trouvant dans : BTS Tourisme 2 ème année - GIT option multimédia - Wordpress TP n° 4 - Page 1 Par défaut, la page d’accueil affiche les 10 derniers articles publiés.
16
Embed
Modes opératoires - coursbts.feyder.netcoursbts.feyder.net/tp/wordpress/04.tp.wordpress.docx · Web view3 images sont créées automatiquement à partir de l’image originale.Elles
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
TPN°4 Page d’accueil Wordpres
s
Ojectif
Gérer du texte avec des images
Accueil par défaut
Par défaut, la page d’accueil affiche les 10 derniers articles publiés.
Nous souhaitons une page d’accueil avec un contenu fixe.
Pour cela nous allons : créer une page qui sera utilisée comme page d’accueil du site, associer la page créée à un onglet Accueil dans le menu.
Ajout d’une image dans la bibliothèque
Nous allons ajouter une image qui sera insérée dans la page d’accueil.
Récupérer l’image « imageAccueil.jpg » se trouvant dans :http://images.feyder.net/
Le texte se place en dessous de l’image et non à sa droite.Il faut faire "flotter" l’image à gauche et le texte à "droite".Pour cela il faut donner un attribut "gauche" à l’image.
Après avoir sélectionné l’image, on peut cliquer sur l’icône "modifier".
La solution est de casser le flux grâce à un style css "clear".
Les sous titres sont en <h2> (titre 2) et le texte en paragraphe + justifié. Cela peut-être fait en mode visuel.
Le titre n’est pas centré
Pour baisser le texte de 100 pixels, utiliser le style css padding.
Création d’un thème enfant pour relooker le thème.
https://codex.wordpress.org/fr:Thèmes_Enfant transférer les fichiers du thème twenty création du dossier twenty-child Copier les fichier header.php et footer.php