Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente | |||
formations:wordpress [23/01/2022 14:44] – Ajout de notes alouradou | formations:wordpress [21/03/2022 09:48] (Version actuelle) – [Introduction] adiouf | ||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
+ | ====== Formation Webmaster - Wordpress ====== | ||
+ | |||
+ | ===== Introduction ===== | ||
+ | Il existe de multiples manières de créer un site web. Parmi elles, des solutions partiques et toutes faites comme Wix, d' | ||
+ | |||
+ | <note important> | ||
+ | |||
+ | ===== HTML ===== | ||
+ | ==== Notre première page ==== | ||
+ | <note tip> | ||
+ | |||
+ | <file html index.html> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | <meta charset=" | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | <!-- Un commentaire --> | ||
+ | Bonjour.< | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | Si vous enregistrez le fichier et que vous ouvrez le fichier avec un navigateur, vous devriez voir ceci. | ||
+ | |||
+ | {{: | ||
+ | |||
+ | -> La ligne contenant **< | ||
+ | |||
+ | -> La balise **< | ||
+ | |||
+ | -> La balise **< | ||
+ | |||
+ | ==== Les balises ==== | ||
+ | <file html balises.html> | ||
+ | Modifier une police : <b> Texte en gras </ | ||
+ | Mettre une image : <img src=" | ||
+ | Mettre une musique : <embed src=" | ||
+ | Mettre une vidéo : <iframe width= “425” height=”344” src= “http:// | ||
+ | Mettre un lien : <a href=" | ||
+ | Créer un bloc : <div id=" | ||
+ | Créer un paragraphe : <p> Contenu paragraphe </p> | ||
+ | Créer un titre :<h1> Le titre les + important </ | ||
+ | Importer un fichier de style (css) : <link rel=”stylesheet” href=”votreFichier.css” /> | ||
+ | Passer une ligne : <br /> | ||
+ | </ | ||
+ | |||
+ | Rappel sur [[https:// | ||
+ | |||
+ | ===== CSS ===== | ||
+ | |||
+ | ==== Sélection des éléments HTML ==== | ||
+ | <note tip> | ||
+ | |||
+ | Pour sélectionner un élément, vous aurez besoin des id et des classes | ||
+ | <file html id_class.html> | ||
+ | <div id=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | </ | ||
+ | |||
+ | Ici, Le bloc 2 et le bloc 3 hériteront du même style car le sélecteur " | ||
+ | |||
+ | **Mais au fait... comment on écrit du style ?** | ||
+ | ==== Écrire du style ==== | ||
+ | Trois façons de faire : | ||
+ | - Dans un fichier externe | ||
+ | - Dans la balise HTML avec l' | ||
+ | - Dans une balise < | ||
+ | |||
+ | <file html styles.html> | ||
+ | 1. <link href= " | ||
+ | 2. <div style=" | ||
+ | 3. < | ||
+ | </ | ||
+ | |||
+ | |||
+ | ===== Wordpress - Partie pratique ===== | ||
+ | |||
+ | ==== Créer et modifier une page ==== | ||
+ | |||
+ | === Connectez vous à votre site WordPress === | ||
+ | |||
+ | L' | ||
+ | |||
+ | Pour modifier votre site WordPress ajoutez '/ | ||
+ | |||
+ | {{ : | ||
+ | |||
+ | Identifiez vous à l'aide de votre identifiant/ | ||
+ | |||
+ | <note tip>Si vous n'avez pas vos identifiants, | ||
+ | <note important> | ||
+ | |||
+ | === Sélectionnez la page à modifier dans votre espace d' | ||
+ | |||
+ | Vous êtes maintenant dans l' | ||
+ | |||
+ | Dans le menu principal de gauche, cliquez sur l' | ||
+ | |||
+ | {{ : | ||
+ | === Créer une page vierge === | ||
+ | === Dupliquer une page existante de votre asso === | ||
+ | ==== Modifier un utilisateur ==== | ||
+ | ==== Changer le thème ==== | ||