Administration de votre site 4  << 

Home / Administration de votre site 4  << 

Gérez le thème de votre site

L’écran d’accueil de votre site est de type Single Page, c’est à dire qu’il est constitué de sections contenant des pages accessible par un menu principal et de liens vers des pages séparées.

Réglage des options du thème

Téléchargement du logo

  • menu > Apparence > Theme Options > Logo Settings.
  • cliquez sur le bouton Upload (cliquez d’abord sur Remove pour supprimer un ancien logo).
  • sélectionnez le logo depuis la bibliothèque de médias.
  • choisissez, si nécessaire, de recadrer l’image ou ajustez les dimensions.
  • cliquez sur Save Options.

Vous avez la possibilité de télécharger également des logos pour les appareils Apple.

Téléchargement d’une Favicon (icône d’onglet adresse)

  • menu > Apparence > Theme Options > General Settings.
  • cliquez sur le bouton Upload  dans la zone Upload Fav Icon (cliquez d’abord sur Remove pour supprimer un ancien logo).
  • sélectionnez l’image Favicon sur le support de stockage.
  • cliquez sur Save Options.

Réglages généraux

  • menu > Apparence > Theme Options > General Settings.

Choix du modèle de couleur.
  • choix du modèle dans skin color.
  • ou personnalisez votre couleur dans Custom Skin Color.
  • cliquez sur le bouton Save Options.
choisissez l’apparence du site (plein écran/encadré).
  • sélectionnez Full Width/Boxed from  dans Website Layout.
  • cliquez sur le bouton Save Options.
Activer/désactiver les effets d’animation dans les sections.
  • activez Animate Elements on Scroll pour les effets d’animation durant le défilement.
  • ou désactivez les effets d’animation.
  • cliquez sur le bouton Save Options.
choisissez l’image de préchargement (preloader).
  • activez et choisissez le Pre Loader (ENABLE) ou désactivez-le (DISABLE)
  • cliquez sur le bouton ave Optons.

Paramétrez l’entête

Configurez le Top Header (entête du haut)

  • menu > Apparence > Theme Options > Header.
  • mettez Show Top Menu à Yes pour afficher le menu du top header ou No pour ne pas l’afficher.
  • choisissez la hauteur (Height), la couleur d’arrière plan (Background) et la police de caractère.
  • choisissez la couleur de survol des liens hypertexte.
  • saisissez le texte dans Header Text.

 

Créez un menu pour le Top Header

  • menu > Apparence > Menus.
  • cliquez sur Create a new menu.
  • entrez le nom du menu dans ‘Menu Name’ field.
  • cliquez sur le bouton Create Menu.
  • configurez le menu (ajout pages, liens, catégories…).
  • mettez Theme Locations à Header Menu et cliquez sur Save Menu.

 

Configurez l’entête principal  (Main Header)

  • choisissez un modèle d’entête dans Select Header Layout.
  • sélectionnez la position de l’entête (Over the Slider ou Top of the Slider ou Bottom of the Slider) c’est à dire pardessus, en haut ou sous le slider.
  • activez Sticky Header pour afficher l’entête durant le défilement ou désactivez l’option.
  • activez Header Shadow pour un effet d’ombrage sous le header ou désactivez l’option.
  • choisissez la couleur d’arrière plan dans Header Background Color .
  • choisissez l’opacité de la couleur d’arrière plan dans Header Background Opacity.
  • mettez à 1 pour une transparence complète.

Créez un menu pour le Main Header

  • menu > Apparence > Menus.
  • cliquez sur Create a new menu.
  • entrez le nom du menu dans la zone Menu Name.
  • cliquez sur le bouton Create Menu.
  • configurez le menu (ajout pages, liens, catégories…).
  • mettez Theme Locations à Primary Menu et cliquez sur  Enregistrer le menu.

 

 

Configuration du slider

Créer une catégorie pour le slider

  • Accédez au tableau de bord > Articles> Catégories.
  • Ajoutez un nom pour une nouvelle catégorie pour le slider (p. Ex. «slider1»).
  • Ensuite, cliquez sur le bouton Ajouter une nouvelle catégorie.

Création d’articles pour le slider

  • Maintenant, allez dans le tableau de bord> Articles> Ajouter nouveau.
  • Entrez le titre pour l’article de slider (qui s’affichera comme titre de diapositive).
  • Entrez le contenu pour l’article (qui s’affichera comme sous-titre de diapositive).
  • Si vous souhaitez avoir un bouton dans le slider, vous pouvez l’ajouter à partir de Shortcode> Elements> Button. Configurez les détails du bouton selon vos besoins, puis cliquez sur OK.
  • Sélectionnez la catégorie du slider que vous venez de créer (p. Ex. «slider1»).
  • Réglez l’image pour le slider à partir de l’option Définir l’image en vedette.
  • Cliquez sur le bouton Publier ou Mettre à jour.
  • Ajoutez les articles de slider supplémentaires en utilisant le même processus selon vos besoins.

Les options du slider

  • Aller au tableau de bord> Apparence> Theme Options> Slider Settings.
  • Définissez l’option Show Slider sur Oui si vous souhaitez afficher le slider ou désactiver l’option si vous ne souhaitez pas afficher le slider.
  • Sélectionnez le type de slider (slider de catégorie / Revolution slider) que vous souhaitez afficher dans votre site à partir de l’option Type de slider.
  • Maintenant, depuis le tableau de bord> Aparence> Theme Options.
  • Sous l’option Paramètres pour Category Post Slider définissez l’option Show Full Window sur Oui si vous souhaitez afficher le slider en plein écran.
  • Définissez l’option Overlay sur Oui si vous souhaitez afficher la superposition d’un calque de points sur le slider.
  • Définissez l’option Show Pager sur Oui si vous souhaitez afficher le sélecteur de diapositives.
  • Définissez l’option Show Controls sur Oui si vous souhaitez afficher la flèche suivante et précédente dans votre slider.
  • Définissez l’option Auto Transition sur Oui si vous souhaitez que vos images de slider changent automatiquement.
  • Sélectionnez un effet Slider Transition selon votre choix.
  • Réglez la vitesse Slider Transition speed selon vos besoins. Vitesse à laquelle les diapositives du slider changent.
  • Réglez la durée Slider Transition Duration selon vos besoins. Détermine la durée pendant laquelle les diapositives restent visibles.
  • Définissez l’option Show Caption sur Oui si vous souhaitez afficher le titre et le texte de l’article.
  • Sélectionnez la catégorie que vous avez créée pour votre slider.
  • Entrez le Shortcode (Ex. [Rev_slider slider]) pour le Revolution Slider si vous en avez crée un dans (menu > Slider Revolution Slider) dans le champ Revolution Slider ShortCode.

 

 

Configuration du Revolution Slider
  • Installez et activez le Revolution Slider.
  • Accédez au tableau de bord> Slider Revolution.
  • Créer un nouveau slider.
  • Pour plus d’informations sur la création d’un Revolution Slider, visitez sa documentation.
  • Copiez le Shortcode du Revolution Slider et collez-le là où vous souhaitez l’afficher.

La création et le paramétrage complet d’un Revolution Slider n’entre pas dans le cadre de cette formation d’administration de votre site.