Tutoriel WordPress

[mk_page_section layout_structure= »full » attachment= »scroll » bg_position= »left top » bg_repeat= »repeat » bg_stretch= »false » enable_3d= »false » speed_factor= »0.3″ bg_video= »no » video_source= »self » stream_host_website= »youtube » video_mask= »false » bg_gradient= »false » gr_end= »#1e73be » video_opacity= »0.6″ top_shadow= »false » section_layout= »full » min_height= »100″ full_width= »false » full_height= »false » intro_effect= »false » padding_top= »10″ padding_bottom= »10″ margin_bottom= »0″ skip_arrow= »false » skip_arrow_skin= »light » section_id= »page » first_page= »false » last_page= »false » sidebar= »sidebar-1″][vc_column border_color= » » visibility= » » width= »1/1″][vc_row_inner attached= »false » padding= »0″ visibility= » »][vc_column_inner el_class= » » width= »2/3″][vc_column_text disable_pattern= »true » align= »left » margin_bottom= »0″]

Menu principal de WordPress.

Après connexion au menu d’administration en ajoutant wp-admin après le / final :

http://votresite.fr/wp-admin

Encadré en rouge les accès susceptibles d’être modifiés pour l’alimentation « quotidienne » du site.[/vc_column_text][/vc_column_inner][vc_column_inner el_class= » » width= »1/3″][mk_image src= »https://crescendo-formation.fr/wp-content/uploads/2015/11/tuto-01-menu-princ.png » image_width= »200″ image_height= »150″ crop= »true » svg= »false » lightbox= »true » frame_style= »simple » target= »_self » caption_location= »inside-image » align= »left » margin_bottom= »10″ heading_title= »clic sur l’image pour la voir en entier »][/vc_column_inner][/vc_row_inner][mk_divider style= »thin_solid » divider_width= »full_width » custom_width= »10″ align= »center » thickness= »1″ margin_top= »20″ margin_bottom= »20″][vc_row_inner attached= »false » padding= »0″ visibility= » »][vc_column_inner el_class= » » width= »2/3″][vc_column_text disable_pattern= »true » align= »left » margin_bottom= »0″]

Insertion (duplication) d’une page à partir d’un modèle.

Le principe est le même pour un portfolio, news, edge slideshow…

Pour une page, clic sur le menu correspondant(page), puis sur « dupliquer » sous la page choisie.

Ou bien, une fois connecté sur l’admin, en visualisant la page à dupliquer, survoler la bande noire tout en haut de la page.[/vc_column_text][/vc_column_inner][vc_column_inner el_class= » » width= »1/3″][mk_image heading_title= »clic sur l’image pour la voir en entier » src= »https://crescendo-formation.fr/wp-content/uploads/2015/10/tuto-02-dupliquer-page.png » image_width= »400″ image_height= »350″ crop= »false » svg= »false » lightbox= »true » frame_style= »simple » target= »_self » caption_location= »inside-image » align= »left » margin_bottom= »10″][vc_separator color= »grey » align= »align_center »][mk_image heading_title= »clic sur l’image pour la voir en entier » src= »https://crescendo-formation.fr/wp-content/uploads/2015/11/tuto-02-dupliquer-page-2.png » image_width= »400″ image_height= »350″ crop= »false » svg= »false » lightbox= »true » frame_style= »simple » target= »_self » caption_location= »inside-image » align= »left » margin_bottom= »10″][/vc_column_inner][/vc_row_inner][mk_divider style= »thin_solid » divider_width= »full_width » custom_width= »10″ align= »center » border_color= » » thickness= »1″ margin_top= »20″ margin_bottom= »20″ el_class= » »][vc_row_inner attached= »false » padding= »0″ visibility= » »][vc_column_inner el_class= » » width= »2/3″][vc_column_text disable_pattern= »true » align= »left » margin_bottom= »0″]

Etapes dans la création /modification d’une page…

Le cas échéant activer le bouton bleu marine « mode classique »
Publier la nouvelle page
avec le crayon, modifier les éléments existants
possibilité de dupliquer l’élément
possibilité de le supprimer.
Yoast SEO Remplir les informations qualifiant la page pour améliorer son référencement naturel

Les différents « + » permettent d’ajouter des éléments (voir étape suivante)[/vc_column_text][/vc_column_inner][vc_column_inner el_class= » » width= »1/3″][mk_image heading_title= »clic sur l’image pour la voir en entier » src= »https://crescendo-formation.fr/wp-content/uploads/2015/10/tuto-03-modification-de-la-page.png » image_width= »400″ image_height= »350″ crop= »false » svg= »false » lightbox= »true » frame_style= »simple » target= »_self » caption_location= »inside-image » align= »left » margin_bottom= »10″][/vc_column_inner][/vc_row_inner][mk_divider style= »thin_solid » divider_width= »full_width » custom_width= »10″ align= »center » border_color= » » thickness= »1″ margin_top= »20″ margin_bottom= »20″ el_class= » »][vc_row_inner attached= »false » padding= »0″ visibility= » »][vc_column_inner el_class= » » width= »2/3″][vc_column_text disable_pattern= »true » align= »left » margin_bottom= »0″]

Après le clic sur un « + », en cas (rare) de nécessite d’ajout d’un élément…

Taper le début de son nom (te…xte; im…age; sli…deshow…)
ou rechercher l’élémént
ou appeler une catégorie

Remplir les champs dans l’élément choisi…

[/vc_column_text][vc_column_text title= » » disable_pattern= »true » align= »left » margin_bottom= »0″ animation= » » el_class= » »]
[/vc_column_text][/vc_column_inner][vc_column_inner el_class= » » width= »1/3″]
[/vc_column_inner][/vc_row_inner][mk_divider style= »thin_solid » divider_width= »full_width » custom_width= »10″ align= »center » border_color= » » thickness= »1″ margin_top= »20″ margin_bottom= »20″ el_class= » »][/vc_column][/mk_page_section][mk_page_section layout_structure= »full » attachment= »scroll » bg_position= »left top » bg_repeat= »repeat » bg_stretch= »false » enable_3d= »false » speed_factor= »0.3″ bg_video= »no » video_source= »self » stream_host_website= »youtube » video_mask= »false » bg_gradient= »false » gr_end= »#1e73be » video_opacity= »0.6″ top_shadow= »false » section_layout= »full » min_height= »100″ full_width= »false » full_height= »false » intro_effect= »false » padding_top= »10″ padding_bottom= »10″ margin_bottom= »0″ skip_arrow= »false » skip_arrow_skin= »light » section_id= »menu » first_page= »false » last_page= »false » sidebar= »sidebar-1″][vc_column border_color= » » visibility= » » width= »1/1″][mk_fancy_title tag_name= »h2″ style= »false » color= »#393836″ size= »14″ font_weight= »inherit » font_style= »inhert » letter_spacing= »0″ margin_top= »0″ margin_bottom= »18″ font_family= »none » align= »left »]

Ajout / Modification menu

[/mk_fancy_title][vc_row_inner attached= »false » padding= »0″ visibility= » »][vc_column_inner el_class= » » width= »2/3″][vc_column_text disable_pattern= »true » align= »left » margin_bottom= »0″]

Ajout d’un item de menu (ou sous menu)…

Liens externes

Voir image ci-contre et demander précisions si nécessaires

Ne pas oublier

« d’ajouter au menu »
de classer les nouveaux items
d’enregistrer le menu (bouton bleu)

[/vc_column_text][/vc_column_inner][vc_column_inner el_class= » » width= »1/3″][mk_image heading_title= »clic sur l’image pour la voir en entier » src= »https://crescendo-formation.fr/wp-content/uploads/2015/10/tuto-05-Ajout-menu.png » image_width= »400″ image_height= »350″ crop= »false » svg= »false » lightbox= »true » frame_style= »simple » target= »_self » caption_location= »inside-image » align= »left » margin_bottom= »10″][mk_divider style= »thin_solid » divider_width= »full_width » custom_width= »10″ align= »center » border_color= » » thickness= »1″ margin_top= »20″ margin_bottom= »20″ el_class= » »][mk_image heading_title= »clic sur l’image pour la voir en entier » src= »https://crescendo-formation.fr/wp-content/uploads/2015/10/Tuto06-menu-lien-externe.png » image_width= »400″ image_height= »350″ crop= »false » svg= »false » lightbox= »true » frame_style= »simple » target= »_self » caption_location= »inside-image » align= »left » margin_bottom= »10″][/vc_column_inner][/vc_row_inner][mk_divider style= »thin_solid » divider_width= »full_width » custom_width= »10″ align= »center » border_color= » » thickness= »1″ margin_top= »20″ margin_bottom= »20″ el_class= » »][vc_row_inner attached= »false » padding= »0″ visibility= » »][vc_column_inner el_class= » » width= »2/3″][vc_column_text disable_pattern= »true » align= »left » margin_bottom= »0″]

Gestion des images

à venir…[/vc_column_text][vc_column_text title= » » disable_pattern= »true » align= »left » margin_bottom= »0″ animation= » » el_class= » »]
[/vc_column_text][/vc_column_inner][vc_column_inner el_class= » » width= »1/3″][mk_image heading_title= »clic sur l’image pour la voir en entier » src= »https://crescendo-formation.fr/wp-content/uploads/2015/07/favicon-96×96.png » image_width= »400″ image_height= »350″ crop= »false » svg= »false » lightbox= »true » frame_style= »simple » target= »_self » caption_location= »inside-image » align= »left » margin_bottom= »10″][/vc_column_inner][/vc_row_inner][mk_divider style= »thin_solid » divider_width= »full_width » custom_width= »10″ align= »center » border_color= » » thickness= »1″ margin_top= »20″ margin_bottom= »20″ el_class= » »][mk_divider style= »thin_solid » divider_width= »full_width » custom_width= »10″ align= »center » border_color= » » thickness= »1″ margin_top= »20″ margin_bottom= »20″ el_class= » »][/vc_column][/mk_page_section][mk_page_section layout_structure= »full » attachment= »scroll » bg_position= »left top » bg_repeat= »repeat » bg_stretch= »false » enable_3d= »false » speed_factor= »0.3″ bg_video= »no » video_source= »self » stream_host_website= »youtube » video_mask= »false » bg_gradient= »false » gr_end= »#1e73be » video_opacity= »0.6″ top_shadow= »false » section_layout= »full » min_height= »100″ full_width= »false » full_height= »false » intro_effect= »false » padding_top= »10″ padding_bottom= »10″ margin_bottom= »0″ skip_arrow= »false » skip_arrow_skin= »light » section_id= »fond_page » first_page= »false » last_page= »false » sidebar= »sidebar-1″][vc_column border_color= » » visibility= » » width= »1/1″][vc_row_inner attached= »false » padding= »0″ visibility= » »][vc_column_inner el_class= » » width= »2/3″][mk_fancy_title tag_name= »h2″ style= »false » color= »#393836″ size= »14″ font_weight= »inherit » font_style= »inhert » letter_spacing= »0″ margin_top= »0″ margin_bottom= »18″ font_family= »none » align= »left »]

Modifier l’image de fond d’une page.

[/mk_fancy_title][vc_column_text disable_pattern= »true » align= »left » margin_bottom= »0″]

Etape 1/3…

(Essayer ce lien si la première image est trop petite… )

[/vc_column_text][mk_divider style= »thin_solid » divider_width= »full_width » custom_width= »10″ align= »center » border_color= » » thickness= »1″ margin_top= »20″ margin_bottom= »20″ el_class= » »][vc_column_text title= » » disable_pattern= »true » align= »left » margin_bottom= »0″ animation= » » el_class= » »]
[/vc_column_text][/vc_column_inner][vc_column_inner el_class= » » width= »1/3″][mk_image heading_title= »clic sur l’image pour la voir en entier 1/3″ src= »https://crescendo-formation.fr/wp-content/uploads/2015/12/Image-de-fond-jupiter-1.png » image_width= »400″ image_height= »300″ crop= »true » svg= »true » lightbox= »true » frame_style= »simple » target= »_blank » caption_location= »outside-image » align= »center » margin_bottom= »10″ custom_lightbox= »https://crescendo-formation.fr/wp-content/uploads/2015/12/Image-de-fond-jupiter-1.png » link= »https://crescendo-formation.fr/wp-content/uploads/2015/12/Image-de-fond-jupiter-1.png »][mk_divider style= »thin_solid » divider_width= »full_width » custom_width= »10″ align= »center » border_color= » » thickness= »1″ margin_top= »20″ margin_bottom= »20″ el_class= » »][/vc_column_inner][/vc_row_inner][vc_row_inner attached= »false » padding= »0″ visibility= » »][vc_column_inner el_class= » » width= »2/3″][vc_column_text disable_pattern= »true » align= »left » margin_bottom= »0″]

Etape 2…

[/vc_column_text][mk_divider style= »thin_solid » divider_width= »full_width » custom_width= »10″ align= »center » border_color= » » thickness= »1″ margin_top= »20″ margin_bottom= »20″ el_class= » »][/vc_column_inner][vc_column_inner el_class= » » width= »1/3″][mk_image heading_title= »clic sur l’image pour la voir en entier 2/3″ src= »https://crescendo-formation.fr/wp-content/uploads/2015/10/Image-de-fond-jupiter-2.png » image_width= »400″ image_height= »350″ crop= »false » svg= »false » lightbox= »true » frame_style= »simple » target= »_self » caption_location= »inside-image » align= »left » margin_bottom= »10″][mk_divider style= »thin_solid » divider_width= »full_width » custom_width= »10″ align= »center » thickness= »1″ margin_top= »40″ margin_bottom= »40″][/vc_column_inner][/vc_row_inner][vc_row_inner attached= »false » padding= »0″ visibility= » »][vc_column_inner el_class= » » width= »2/3″][vc_column_text disable_pattern= »true » align= »left » margin_bottom= »0″]

Etape 3…

Ne pas oublier de valider le choix de l’image avec le bouton « apply » au bas des Styling options, avant d’enregistrer la page…

[/vc_column_text][mk_divider style= »thin_solid » divider_width= »full_width » custom_width= »10″ align= »center » thickness= »1″ margin_top= »5″ margin_bottom= »5″][/vc_column_inner][vc_column_inner el_class= » » width= »1/3″][mk_image heading_title= »clic sur l’image pour la voir en entier 3/3″ src= »https://crescendo-formation.fr/wp-content/uploads/2015/10/Image-de-fond-jupiter-3.png » image_width= »400″ image_height= »350″ crop= »false » svg= »false » lightbox= »true » frame_style= »simple » target= »_self » caption_location= »inside-image » align= »left » margin_bottom= »10″][/vc_column_inner][/vc_row_inner][/vc_column][/mk_page_section][mk_page_section layout_structure= »full » attachment= »scroll » bg_position= »left top » bg_repeat= »repeat » bg_stretch= »false » enable_3d= »false » speed_factor= »0.3″ bg_video= »no » video_source= »self » stream_host_website= »youtube » video_mask= »false » bg_gradient= »false » gr_end= »#1e73be » video_opacity= »0.6″ top_shadow= »false » section_layout= »full » min_height= »100″ full_width= »false » full_height= »false » intro_effect= »false » margin_bottom= »0″ skip_arrow= »false » skip_arrow_skin= »light » section_id= »wprocket » first_page= »false » last_page= »false » sidebar= »sidebar-1″][vc_column border_color= » » visibility= » » width= »2/3″][vc_column_text disable_pattern= »true » align= »left » margin_bottom= »0″]

WP Rocket est une extension qui permet de compresser les pages du site pour les acheminer plus rapidement.

Il fait donc une sorte d’enregistrement de chaque page dans son état actuel pour l’afficher plus rapidement. Cependant, si le contenu de la page est modifié, il faut alors renouveler cette « copie » pour visualiser le changement.

Clic sur WP-Rocket / vider le cache, puis rafraichir la page.

Windows PC : F5 (ou ctrl-F5 pour rappeler la page complètement)
Mac : cmd-R (cmd-maj-R pour rappeler la page complètement)[/vc_column_text][mk_divider style= »thin_solid » divider_width= »full_width » custom_width= »10″ align= »center » border_color= » » thickness= »1″ margin_top= »40″ margin_bottom= »40″ el_class= » »][/vc_column][vc_column border_color= » » visibility= » » width= »1/3″][mk_image heading_title= »clic sur l’image pour la voir en entier 3/3″ src= »https://crescendo-formation.fr/wp-content/uploads/2015/10/WP-Rocket-tuto.png » image_width= »400″ image_height= »350″ crop= »false » svg= »false » lightbox= »true » frame_style= »simple » target= »_self » caption_location= »inside-image » align= »left » margin_bottom= »10″][mk_divider style= »thin_solid » divider_width= »full_width » custom_width= »10″ align= »center » border_color= » » thickness= »1″ margin_top= »20″ margin_bottom= »20″ el_class= » »][/vc_column][/mk_page_section][mk_page_section layout_structure= »full » attachment= »scroll » bg_position= »left top » bg_repeat= »repeat » bg_stretch= »false » enable_3d= »false » speed_factor= »0.3″ bg_video= »no » video_source= »self » stream_host_website= »youtube » video_mask= »false » bg_gradient= »false » gr_end= »#1e73be » video_opacity= »0.6″ top_shadow= »false » section_layout= »full » min_height= »100″ full_width= »false » full_height= »false » intro_effect= »false » padding_top= »10″ padding_bottom= »10″ margin_bottom= »0″ skip_arrow= »false » skip_arrow_skin= »light » section_id= »seo » first_page= »false » last_page= »false » sidebar= »sidebar-1″][vc_column border_color= » » visibility= » » width= »1/1″][vc_row_inner attached= »false » padding= »0″ visibility= » »][vc_column_inner el_class= » » width= »2/3″][vc_column_text disable_pattern= »true » align= »left » margin_bottom= »0″]

Yoast SEO permet d’améliorer le référencement naturel du site.

Il faut pour cela remplir astucieusement les champs « Yoast SEO » comme indiqué sur l’image ci-contre.

(Image en très gros plan ici)[/vc_column_text][mk_divider style= »thin_solid » divider_width= »full_width » custom_width= »10″ align= »center » border_color= » » thickness= »1″ margin_top= »20″ margin_bottom= »20″ el_class= » »][vc_column_text title= » » disable_pattern= »true » align= »left » margin_bottom= »0″ animation= » » el_class= » »]
[/vc_column_text][/vc_column_inner][vc_column_inner el_class= » » width= »1/3″][mk_image heading_title= »clic sur l’image pour la voir en entier » src= »https://crescendo-formation.fr/wp-content/uploads/2016/03/recap-SEO.png » image_width= »400″ image_height= »350″ crop= »false » svg= »false » lightbox= »true » frame_style= »simple » target= »_self » caption_location= »inside-image » align= »left » margin_bottom= »10″ custom_lightbox= »https://crescendo-formation.fr/wp-content/uploads/2016/03/recap-SEO.png » group= »rel-seo » link= »https://crescendo-formation.fr/wp-content/uploads/2016/03/recap-SEO.png »][mk_divider style= »thin_solid » divider_width= »full_width » custom_width= »10″ align= »center » border_color= » » thickness= »1″ margin_top= »40″ margin_bottom= »40″ el_class= » »][/vc_column_inner][/vc_row_inner][/vc_column][/mk_page_section][mk_page_section layout_structure= »full » border_color= » » bg_color= » » bg_image= » » predefined_bg= » » attachment= »scroll » bg_position= »left top » bg_repeat= »repeat » bg_stretch= »false » enable_3d= »false » speed_factor= »0.3″ bg_video= »no » video_source= »self » mp4= » » webm= » » ogv= » » poster_image= » » stream_host_website= »youtube » stream_video_id= » » video_mask= »false » bg_gradient= »false » video_color_mask= » » gr_end= »#1e73be » video_opacity= »0.6″ top_shadow= »false » section_layout= »full » min_height= »100″ full_width= »false » full_height= »false » intro_effect= »false » padding_top= »10″ padding_bottom= »10″ margin_bottom= »0″ skip_arrow= »false » skip_arrow_skin= »light » section_id= » » visibility= » » animation= » » el_class= » » first_page= »false » last_page= »false »][vc_column border_color= » » visibility= » » width= »1/1″][vc_row_inner attached= »false » padding= »0″ visibility= » »][vc_column_inner el_class= » » width= »2/3″][vc_column_text title= » » disable_pattern= »true » align= »left » margin_bottom= »0″ animation= » » el_class= » »]