Comment concevoir des thèmes WordPress (avec des images)

Thisteach vous à personnaliser et à concevoir des thèmes pour WordPress.Concevoir des thèmes WordPress à partir de zéro peut être un processus long qui implique beaucoup de codage, mais il existe des applications qui peuvent simplifier le processus.Une application est un plug-in WordPress appelé Smeleror pouvant être installé à partir du tableau de bord WordPress.

Pas

Partie 1 de 11:

Installation de l`élémentaire

1. Connectez-vous à WordPress.Une fois que vous avez installé WordPress sur votre serveur, vous pouvez vous connecter au tableau de bord WordPress en tapant l`URL de votre site Web dans un navigateur Web suivi / WP-admin (par exemple, Mon site internet.com / wp-admin.Puis tapez votre nom d`utilisateur et votre mot de passe pour vous connecter.

Cliquez ici Pour lire comment installer WordPress sur votre serveur Web.

Image intitulée Design WordPress Thèmes Étape 2

2. Cliquez sur Plugins.C`est dans la barre latérale à gauche.Il est à côté d`une icône qui ressemble à une prise électrique.

Image intitulée Design WordPress Thèmes Étape 3

3. Cliquez sur Ajouter de nouveau.C`est dans le coin supérieur gauche de la page Plugins.

Image intitulée Design WordPress Thèmes Step 4

4. Taper Élémentaire Dans la barre de recherche et appuyez sur ↵ Entrez.Cela affichera une liste de plugins correspondant à votre recherche.

Image intitulée Design WordPress Thèmes Étape 5

5. Cliquez sur Installer maintenant Dans la boîte qui dit "Constructeur de la page ÉLECTOR".C`est le plugin qui a une icône violette et rose avec quatre barres blanches en forme de capitale "E".Ceci installera le constructeur de la page Emorateur comme plugin pour votre site Web WordPress.

Image intitulée Design WordPress Thèmes Étape 6

6. Cliquez sur Activer.Après l`installation de l`élémenateur, ce bouton apparaît à côté de l`en-tête de la boîte à plugins Elementor.

Partie 2 de 11:

Création d`une nouvelle page avec Elemor

1. Cliquez sur Tableau de bord.C`est en haut de la barre latérale à gauche de WordPress.

Image intitulée Design WordPress Thèmes Step 8

2. Cliquez sur + Créer une nouvelle page.C`est en face de l`élémentaire sous l`en-tête qui dit "Vue d`ensemble de l`élémentaire".C`est dans la première colonne.Cela ouvrira un éditeur de page visuelle.

Image intitulée Design WordPress Thèmes Étape 9

3. Cliquez sur

.C`est l`icône qui ressemble à une vitesse dans le coin inférieur gauche de la barre latérale.Cela ouvrira le menu Paramètres.

Image intitulée Design WordPress Thèmes Step 10

4. Tapez un titre.Utilisez la zone de texte ci-dessous "Titre" Pour taper le titre de votre page.Le titre ira en haut de la page.

Si vous ne souhaitez pas avoir de titre, cliquez sur le commutateur en face de "Masquer le titre".

Image intitulée Design WordPress Thèmes Étape 11

5. Sélectionnez une mise en page de page.Utilisez le menu déroulant ci-dessous "Mise en page" Pour sélectionner un modèle pour votre page.

Partie 3 de 11:

Sélection de couleurs par défaut

1. Cliquez sur ☰.C`est dans le coin supérieur gauche de la barre latérale de l`élémentaire à gauche.

Image intitulée Design WordPress Thèmes Étape 13

2. Cliquez sur Couleurs par défaut.C`est la première option dans le menu de la barre latérale sous la "Style" entête.

Image intitulée Design WordPress Thèmes Step 14

3. Sélectionnez une palette de couleurs.Vous pouvez sélectionner une palette dans la liste sous l`en-tête indiquant que "Plus de palettes", ou cliquez sur les cases en haut de la barre latérale pour sélectionner une couleur pour les couleurs primaire, secondaire, texte et accentuation.Utilisez la boîte de couleur pour sélectionner une couleur ou entrez le code hexagonal couleur dans la barre en haut.

Image intitulée Thèmes design WordPress Étape 15

4. Cliquez sur Appliquer.C`est dans le coin supérieur droit du menu de la barre latérale.

Partie 4 de 11:

Sélection de polices par défaut

1. Cliquez sur ☰.C`est dans le coin supérieur gauche de la barre latérale de l`élémentaire à gauche.

Image intitulée Design WordPress Thèmes Étape 17

2. Cliquez sur Polices par défaut.C`est la deuxième option sous la "Style" En-tête dans la barre latérale.

Image intitulée Design WordPress Thèmes Étape 18

3. Cliquez sur Titre principal.C`est la première option dans le menu des polices par défaut.

Image intitulée Design WordPress Thèmes Step 19

4. Sélectionnez une famille de polices.Utilisez le menu déroulant pour sélectionner une famille de polices.

Image intitulée Design WordPress Thèmes Step 20

5. Sélectionnez un poids.Utilisez le menu déroulant pour sélectionner la façon dont la police est épaisse.Vous pouvez également sélectionner "Audacieux" Dans le menu déroulant.

Image intitulée Design WordPress Thèmes Step 21

6. Cliquez sur Titre secondaire.C`est la première option dans le menu des polices par défaut.

Image intitulée Design WordPress Thèmes Step 22

7. Sélectionnez une famille de polices.Utilisez le menu déroulant pour sélectionner une famille de polices.

Image intitulée Design WordPress Thèmes Step 23

8. Sélectionnez un poids.Utilisez le menu déroulant pour sélectionner la façon dont la police est épaisse.

Image intitulée Design WordPress Thèmes Step 24

9. Cliquez sur Le corps du texte.C`est la première option dans le menu des polices par défaut.

Image intitulée Design WordPress Thèmes Step 25

dix. Sélectionnez une famille de polices.Utilisez le menu déroulant pour sélectionner une famille de polices.

Image intitulée Design WordPress Thèmes Step 26

11. Sélectionnez un poids.Utilisez le menu déroulant pour sélectionner la façon dont la police est épaisse.

Image intitulée Design WordPress Thèmes Étape 27

12. Cliquez sur Texte d`accent.C`est la première option dans le menu des polices par défaut.

Image intitulée Design WordPress Thèmes Step 28

13. Sélectionnez une famille de polices.Utilisez le menu déroulant pour sélectionner une famille de polices.

Image intitulée Design WordPress Thèmes Step 29

14. Sélectionnez un poids.Utilisez le menu déroulant pour sélectionner la façon dont la police est épaisse.

Image intitulée Thèmes WordPress Design Step 30

15. Cliquez sur Appliquer.C`est dans le coin supérieur droit de la barre latérale.

Partie 5 de 11:

Ajout d`une hier

1. Cliquez en dehors de la barre latérale.Cela retournera la barre latérale au menu par défaut.

Image intitulée Thèmes WordPress Design Step 32

2. Faites glisser la place de la place vers la section.La boîte de tête est la boîte qui a une grande capitale "T".C`est en haut à droite du menu de la barre latérale.La section est la place avec le plan en pointillé sur la page principale.Cela allumera la section en text.Une nouvelle section vierge apparaîtra sous la rubrique.

Image intitulée Thèmes design WordPress Étape 33

3. Tapez l`en-tête.Vous pouvez également cliquer sur la page principale et tapez l`en-tête ou utilisez la zone de texte dans la barre latérale pour taper la position.

Image intitulée Design WordPress Thèmes Étape 34

4. Sélectionnez la taille de la rubrique.Utilisez le menu déroulant à côté de "Taille" Pour sélectionner la taille de l`en-tête.

Vous pouvez également utiliser la zone de balise HTML pour sélectionner la taille de la police.

Image intitulée Design WordPress Thèmes Étape 35

5. Sélectionner l`alignement.Cliquez sur l`un des quatre carrés en bas du menu de barre latérale pour sélectionner l`alignement.Vous pouvez aligner le texte à gauche, au centre, à droite ou justifié dans toute la section.

Si vous souhaitez utiliser une police ou une couleur différente de la valeur par défaut, vous pouvez cliquer sur "Style" En haut de la barre latérale, sélectionnez une couleur et une police différentes du texte.

Partie 6 de 11:

Ajouter du texte du corps

1. Cliquez sur Nouvelle section.Cela vous donnera la possibilité de créer des sections dans une section.Vous verrez une liste de façons de diviser la section.

Image intitulée Thèmes design WordPress Étape 37

2. Cliquez sur une structure de section.Il y a plusieurs façons de diviser la section.Vous pouvez ajouter plusieurs colonnes ou une barre latérale à gauche ou à droite, ou les deux.Cliquez sur le bouton avec l`image qui ressemble le mieux à la façon dont vous souhaitez la mise en page de votre texte du corps.

Image intitulée Design WordPress Thèmes Étape 38

3. Faites glisser la zone d`éditeur de texte dans la ou les sections où vous souhaitez ajouter du texte.L`éditeur de texte est la deuxième case dans la barre latérale.Il a plusieurs lignes qui ressemblent à des lignes de texte.Vous pouvez le faire glisser vers n`importe quelle section de la page principale.

Image intitulée Thèmes design WordPress Étape 39

4. Type de texte.Utilisez la zone de texte dans la barre latérale pour taper votre texte.La barre d`outils en haut de la zone de texte vous permet d`ajouter des listes audacieuse, italique, sous-lignée, numérotée et balle et hyperliens.Le dernier bouton, qui ressemble à deux rectangles avec des boîtes d`origine élargit la barre d`outils pour plus d`options de formatage.

Partie 7 de 11:

Ajout d`une image

1. Faites glisser la zone d`image dans une section.La boîte à images a une icône qui ressemble à une image de montagnes et d`un soleil.

Image intitulée Design WordPress Thèmes Étape 41

2. Cliquez sur Choisissez votre image.C`est la grande boîte grise dans la barre latérale.Cela affichera une fenêtre contextuelle.

Image intitulée Design WordPress Thèmes Step 42

3. Cliquez sur Sélectionnez les fichiers.C`est le gros bouton au milieu de la fenêtre contextuelle.Cela ouvrira un navigateur de fichiers que vous pouvez utiliser pour sélectionner des fichiers image.

Image intitulée Design WordPress Thèmes Step 43

4. Cliquez sur un fichier image.Utilisation du navigateur de fichiers, accédez à et cliquez pour sélectionner une image que vous souhaitez télécharger.La taille de fichier maximale est de 2 mégaoctets.

Image intitulée Design WordPress Thèmes Step 44

5. Cliquez sur Ouvert.C`est dans le coin inférieur droit du navigateur de fichiers.Cela téléchargera le fichier image et l`affichera dans la section.

Image intitulée Design Thèmes WordPress Étape 45

6. Sélectionnez la taille de l`image.Utilisez le menu déroulant sous l`image pour sélectionner la taille de l`image.Il existe une variété de tailles et de dimensions à choisir.

Image intitulée Thèmes design WordPress Étape 46

7. Sélectionner l`alignement.Utilisez les trois cases sous le menu déroulant Taille de l`image pour choisir l`alignement de l`image.Vous pouvez aligner l`image à gauche, au centre ou à droite de la section.

Image intitulée Design WordPress Thèmes Étape 47

8. Ajouter une légende (facultatif).Si vous souhaitez ajouter une légende à l`image, utilisez la zone de texte en face de "Légende" Pour taper une légende.

Image intitulée Design WordPress Thèmes Step 48

9. Ajouter un lien (facultatif).Si vous souhaitez ajouter un lien, utilisez le menu déroulant situé en bas de la barre latérale pour ajouter un lien à un fichier URL ou multimédia.

Partie 8 de 11:

Ajouter une vidéo

1. Drag Video Box sur la section.La boîte vidéo a une icône qui ressemble au logo YouTube.

Image intitulée Design WordPress Thèmes Étape 50

2. Sélectionnez le type vidéo.Utilisez le menu déroulant en face de "Type de vidéo" Pour sélectionner YouTube ou Vimeo.

Image intitulée Design WordPress Thèmes Étape 51

3. Ajouter une liaison vidéo.Utilisez la case sous le lien pour copier et coller le lien vidéo de YouTube ou Vimeo.

Image intitulée Design WordPress Thèmes Étape 52

4. Ajuster les options vidéo.Utilisez les commutateurs pour activer ou désactiver les options suivantes.

Lecture automatique jouera la vidéo automatiquement lorsque la page se charge.

Vidéos suggérées affichera des vidéos suggérées lorsque la vidéo se fait jouer.

Contrôle du joueur donne au spectateur l`option d`arrêter ou de lire la vidéo, ainsi que de passer à certaines parties de la vidéo.

Titre et actions du joueur Affiche le titre de la vidéo et des options dans le coin supérieur droit.

Mode de confidentialité ne stockera pas les données des visiteurs lorsqu`il sera activé.

Image intitulée Design WordPress Thèmes Étape 53

5. Ajouter une superposition d`image (facultatif).Si vous souhaitez ajouter une superposition d`image, cliquez sur "Superposition d`image" au bas de la barre latérale.Cliquez sur le commutateur à côté de "Superposition d`image" puis cliquez sur la grande boîte grise pour télécharger une image à utiliser comme superposition.

Partie 9 de 11:

Ajout de boutons

1. Cliquez sur Nouvelle section.Cela vous donnera la possibilité de créer des sections dans une section.Vous verrez une liste de façons de diviser la section.

Image intitulée Design WordPress Thèmes Étape 55

Image intitulée Design WordPress Thèmes Étape 56

3. Faites glisser la boîte des boutons dans une section.La boîte de boutons a une icône qui ressemble à un curseur de la souris en cliquant sur un bouton.

Image intitulée Design WordPress Thèmes Étape 57

4. Tapez le texte du bouton.Tapez ce que vous voulez que le bouton indique dans la zone de texte en face de "Texte".

Image intitulée Design WordPress Thèmes Étape 58

5. Ajouter un lien de bouton.Utilisez la case à côté de "Relier" Pour ajouter l`URL de la page que vous souhaitez que le bouton se trouve sur.

Image intitulée Design WordPress Thèmes Étape 59

6. Sélectionnez l`alignement des boutons.Utilisez les quatre cases ci-dessous "Alignement" Pour aligner le bouton gauche, droit, centre ou justifié dans toute la section.

Image intitulée Design WordPress Thèmes Step 60

7. Sélectionnez la taille du bouton.Utilisez le menu déroulant en face de "Taille" Pour sélectionner la taille du bouton.Vous pouvez sélectionner des petits petits, petits, moyens, grands ou extra grands.

Image intitulée Design WordPress Thèmes Step 61

8. Sélectionnez l`icône de bouton.Utilisez le menu déroulant pour sélectionner une icône pour aller à côté du texte du bouton.

Image intitulée Design WordPress Thèmes Étape 62

9. Sélectionner la position de l`icône.Utilisez le prochain menu déroulant pour sélectionner si vous souhaitez que l`icône soit avant ou après le texte.

Image intitulée Design WordPress Thèmes Étape 63

dix. Sélectionnez le style de bouton (facultatif).Si vous souhaitez plus d`options pour styler le bouton, vous pouvez cliquer sur "Style" en haut de la barre latérale.Ici vous pouvez changer la couleur du bouton, la couleur du texte et la police, ainsi que de sélectionner une bordure pour le bouton.

Partie 10 de 11:

Ajouter un diviseur

1. Faites glisser la boîte de séparation dans une section.Les diviseurs sont des lignes de solides qui vont entre les sections sur une page Web.

Image intitulée Thèmes WordPress Design Étape 65

2. Sélectionnez le style de séparateur.Utilisez le menu déroulant à côté de "Style" Pour sélectionner le style de ligne.Vous pouvez sélectionner solide, double, pointillé ou pointu.

Image intitulée Design WordPress Thèmes Étape 66

3. Sélectionner du poids.Utilisez la barre de curseur sous "Poids" Pour ajuster l`épaisseur de la ligne.

Image intitulée Design WordPress Thèmes Étape 67

4. Sélectionnez la couleur.Cliquez sur la case en face de la couleur pour sélectionner la couleur de la ligne.

Image intitulée Design WordPress Thèmes Étape 68

5. Sélectionnez la largeur de la ligne.Utilisez la barre de curseur ci-dessous "largeur" Ajuster la quantité de la section de la ligne occupera.

Image intitulée Design WordPress Thèmes Étape 69

6. Sélectionner l`alignement.Cliquez sur l`une des trois cases ci-dessous "alignement" Pour sélectionner l`alignement de la ligne.Vous pouvez l`aligner à gauche, à droite ou au centre de la section.

Partie 11 de 11:

Ajout de widgets et publier

1. Faites glisser tout widget sur une section souhaitée.Il y a beaucoup de widgets dans la barre latérale qui vous permet d`ajouter des onglets, des galeries d`image, des icônes de médias sociaux, des barres latérales et plus encore.Il y a beaucoup à jouer avec et expérimenter avec.

Image intitulée Thèmes design WordPress Étape 71

2. Cliquez sur Publier.C`est le bouton vert dans le coin inférieur gauche de la barre latérale.Cliquez ici lorsque vous avez terminé de concevoir votre thème et ses pages.

Comment concevoir des thèmes wordpress

Pas