[PDF] [PDF] Manuel dutilisation de WordPress

Manuel d'utilisation de WordPress www ajp be Connexion : ww ajp be/wp-admin 1 Le panneau d'administration de WordPress / gestion du contenu Plusieurs 



Previous PDF Next PDF





[PDF] WORDPRESS – MANUEL DUTILISATION

Néanmoins, ce document ne vous présente que les fonctions de base de Wordpress Page 5 WORDPRESS – MANUEL D'UTILISATION Version 2 0 WnG 



[PDF] Manuel dutilisation de WordPress

Manuel d'utilisation de WordPress www ajp be Connexion : ww ajp be/wp-admin 1 Le panneau d'administration de WordPress / gestion du contenu Plusieurs 



[PDF] Mode demploi et support de formation pour le CMS WordPress

CMS WordPress : Mode d'emploi et support de formation Toutes nos WordPress est réputé pour son ergonomie et sa simplicité d'utilisation Sa logique de



[PDF] Mode demploi Wordpress - Clic-formation

Couper/Coller du texte dans l'éditeur visuel en provenance de Word n'est pas recommandé ; le cas échéant, seul le bouton Coller du texte Word de la barre



[PDF] Guide de base WordPress - Weboblogue - WordPresscom

Utilisateur: Permet d'ajouter un ou plusieurs utilisateurs du blog (contributeur, administrateur, éditeur, auteur) Permet aussi d'accéder à votre profil et vos



[PDF] NOTICE DUTILISATION DE WORDPRESS - doc-developpement

NOTICE D'UTILISATION SIMPLIFIEE DE WORDPRESS I- Connexion Cliquer sur le lien qui doit se trouver sur la barre latérale du site Il s'intitule Connexion 



[PDF] Guide de léditeur WordPress PDF - Bonnenouvellefr

4 déc 2018 · 1 Editeur : Peut publier et gérer ses Pages et des Articles ainsi que ceux des autres utilisateurs et créer des formulaires 2 Webmaster : 



[PDF] Manuel dutilisation site internet propriétaire Introduction : - VitriWeb

À gauche, dans le bandeau noir, vous avez le menu général de Wordpress où vous pouvez accéder à vos différents outils / plugins Page 5 Manuel d'utilisation - 



[PDF] Guide de démarrage WordPress pour débutants

Guide de démarrage WordPress - par l'association WPFR 1 / 13 utilisateur pour cette base de données chez votre hébergeur, si celui-ci ne l'a pas fait



pdf Mode d’emploi et support de formation pour le CMS WordPress

- Nom d’utilisateur MySQL - Mot de passe de l’utilisateur - Adresse de la base de données - Préfixe de table Les 4 premières informations vous sont fournies par votre hébergeur Concernant le préfixe vous pouvez conserver celui proposé par WordPress (wp_) ou le changer s’il ne s’agit pas



Manuel d’utilisation de WordPress 1 - AJP

Manuel d’utilisation de WordPress 1 www ajp be Connexion : ww ajp be/wp-admin 1 Le panneau d’administration de WordPress / gestion du contenu Plusieurs options sont affichées dans la colonne de gauche Celles qui vous seront utiles sont : Les utilisateurs :

[PDF] Master of Advanced Studies HUMAN CAPITAL MANAGEMENT. www.mas-hcm.ch

[PDF] Service Scolaire et Animation périscolaire

[PDF] Reconnaissance de l expérience antérieure et des qualifications

[PDF] Systèmes Décisionnels : Une nouvelle approche du Management des Ressources Humaines

[PDF] Réunions des Présidents des Associations Wasquehaliennes

[PDF] National Maraudeur 2013. Avis de Course

[PDF] Construisons et partageons l Arpajonnais

[PDF] Les certificats d e conomie d e nergie

[PDF] LISTE DES CONSEILLERS DEPARTEMENTAUX DE LA SEINE-MARITIME. Noms Mandats Adresse Courrier

[PDF] ETAT ANNUEL DES CERTIFICATS REÇUS 1

[PDF] Erasmus+ : un programme de la Commission européenne.

[PDF] Sauvegarde de justice - Curatelle - Tutelle Loi du 5 mars 2007 portant réforme de la protection des Majeurs

[PDF] ETAT ANNUEL DES CERTIFICATS REÇUS 1

[PDF] Pour ceux qui arrivent le vendredi Et qui ont réservé leur hébergement auprès de l organisation

[PDF] CENTRAVET WEBVETO Guide d utilisation V2.0 SOMMAIRE

[PDF] Manuel dutilisation de WordPress

1 Manuel d'utilisation de WordPress

www.ajp.be

Connexion : ww.ajp.be/wp-admin

1. Le panneau d'administration de WordPress / gestion du contenu

Plusieurs options sont affichées dans la colonne de gauche.

Celles qui vous seront utiles sont :

Les utilisateurs :

® Pour gérer les utilisateurs du blog, inviter de nouveaux utilisateurs, modifier votre profil et gérer vos paramètres personnels.

Les pages et les articles :

WordPress permet de générer deux types de contenus : des pages (statiques) et des articles (dynamiques). Les pages sont les composantes d'un site statique. Elles proposent un contenu " unique » et correspondent, dans le site, à la majorité des onglets de la navigation " drop-down ».

Pour créer une nouvelle page, cliquez sur l'onglet " Page » puis sur " Ajouter ». WordPress

permet d'afficher la liste des pages créées et de procéder à des modifications rapides (survol

2 du lien avec la souris). Il en va de même pour les articles qui, eux, sont les billets d'actualités.

Ils sont organisés par catégories.

Les catégories du site sont :

1. Les pages

Deux possibilités via le panneau d'administration : ajouter ou modifier les pages.

L'affichage déploie la liste des pages.

En cliquant sur " Modifier », je modifie la page " GMMP 2010 » 3 La zone d'édition du texte comporte une zone de deux lignes de boutons. Comme dans un traitement de texte classique ces boutons sont destinés à la mise en forme de votre texte.

La barre d'outils avancée permet de choisir un style de paragraphe, souligner du texte, justifier son

texte, copier et coller du texte, supprimer une mise en forme, insérer un caractère spécial et

indenter le texte (le décaler). Une bulle d'information s'affiche au survol de ces différents boutons.

Dans la colonne de droite, figurent les options de publication (pour changer la date par exemple) et

le bouton " mettre à jour » sur lequel il ne faut pas oublier de cliquer quand on a terminé.

On peut coller du texte avec mise en forme depuis Word : l'éditeur tiendra compte de la mise en forme (gras, italique).

Images

Pour insérer un média (image) dans votre page ou article, cliquez sur l'icône " Ajouter un média » en

haut de la zone d'édition. Une fenêtre pop-up s'affiche. Deux options : choisir une image existante en cliquant dessus, ou envoyer une nouvelle image depuis son ordinateur via " Envoyer des fichiers ».

4 Lorsque le fichier est transféré, il apparaît dans la bibliothèque des médias. Là, il faut le sélectionner.

Attention : un champ doit obligatoirement être complété, le " Texte alternatif » (pour le

référencement naturel, la reconnaissance vocale et l'affichage alternatif). Cliquer sur " Insérer dans la page » pour insérer l'image.

Une modification de l'image pourra être effectuée ensuite : cliquer sur l'image pour voir apparaître

une icône affichant un petit crayon. Cliquer dessus pour éditer l'image. ATTENTION : ne pas toucher aux attributs de la page car cela risque de modifier et perturber son affichage (réglage d'administration) La procédure d'insertion de média vaut POUR TOUS LES TYPES DE FICHIERS extérieurs (PDF, documents Word, Excell, etc.)

5 Liens

Sélectionnez la portion de texte à laquelle vous souhaitez ajouter un lien. Cliquez sur le bouton

" Lien » (la petite chaîne) dans la boîte à outils de la zone d'édition de texte.

Une fenêtre pop-up apparaît. Insérez l'adresse et choisissez si la page de destination du lien s'ouvre

ou non dans une nouvelle fenêtre. Il faut aussi remplir le titre du lien (= titre du site)

Pour supprimer un lien, cliquez sur le bouton à côté sur la droite (petite chaîne brisée).

Pour que le lien s'ouvre dans une nouvelle fenêtre (il vaut mieux s'il s'agit d'un lien externe), cocher

la case ad hoc.

2. Les articles

Ce sont toutes les actualités, organisées par catégories. Pour modifier ou ajouter un article, c'est la même procédure que pour une page et le même affichage mais plus complet.

6 Exemple : ajouter un article

Titre dans le champ du titre

Texte, images et liens comme dans une page.

NE PAS OUBLIER :

- De sélectionner la catégorie de l'article - De remplir les mots clés, séparés par une virgule

ATTENTION : quand une catégorie comporte des sous-catégories, toujours choisir la sous-catégorie.

Ex. offre d'emploi communication : je coche " communication » et pas emploi

Dernière étape : pour que l'image de l'article s'affiche en vignette dans les listes du site et la page

d'accueil, il faut charger son image une nouvelle fois dans " Image à la Une » tout en dessous de la

page, sur la droite = " Utiliser comme image à la une ». 7 Enfin, ne pas oublier d'enregistrer (Publier). WordPress permet également de prévisualiser et d'enregistrer un brouillon avant publication. Il permet aussi la publication différée dans le temps.

Mémo

Lors de l'édition d'un article, veiller à bien compléter tous les champs. Y compris les champs

correspondant aux mots clés. Si votre article comporte une image, n'oubliez pas de l'ajouter dans "Image à la Une" pour que cette image apparaisse dans les listes (par catégorie ou lors de la recherche par exemple). ® Lors de l'édition d'une page ou d'un article, deux modes sont proposés : visuel (wysiwig) ou texte (code). Le mode "texte" est intéressant pour ajouter du code HTML (par exemple récupéré sur Twitter, sur Youtube ou n'importe quel autre média social proposant l'option "Intégrer").

8 ® WordPress considère tous les types de fichiers comme étant un média. Lors de l'ajout

d'une image, ne pas oublier de remplir le champ "Texte alternatif" (cela génère un attribut pour la balise image - - importante pour les moteurs de recherche et le référencement naturel. ® Lors de l'insertion de lien, ne pas oublier de l'ouvrir dans une nouvelle fenêtre s'il s'agit d'un site externe (de manière à garder chez vous l'internaute) ET de remplir le titre du lien - l'attribut de la balise <a> est également importante pour les moteurs de recherche et le référencement naturel. Astuce : lorsqu'on est connecté et que l'on se trouve sur une page du site, il est possible de la modifier en cliquant sur " modifier la page ». <h4>2. L'e-newsletter</h4> <p>Cliquer sur l'onglet " Mail Poet »/Newsletters. Un lay-out de base a déjà été créé. Pour créer</p> une nouvelle newsletter sur ce modèle, cliquer sur " dupliquer ». <h3>Donner un nouveau titre</h3> <h3>Il faut ensuite remplacer le titre.</h3> <h3>Choisir le thème dans " thèmes »</h3> 9 Pour modificier le contenu, sélectionner les blocs de textes et cliquer dessus. <p>Attention : les liens du sommaire sont liés ves #1, #2, #3... Cela va permettre la navigation dans la page.</p> Pour ajouter du contenu, gliqqer-déposer un des éléments du menu contenu. <p>Il est possible d'ajouter du texte libre, un article déjà publié dans WP (emploi, actu, agenda...), une ligne</p> de séparation (séparateur). Le style est déjà réglé. Ne pas y toucher. Il est également possible d'ajouter une image via " Images » (cf ajout d'une image dans WP). <p>Lorsque la newsletter est finalisée, cliquer sur chacune des zones où il y a un titre et modifier le code</p> HTML (bug : le bouton n'apparaît pas clairement) <h4>10 Ajouter id="1" / pour le titre du menu pointant vers #1</h4> <h3>Cliquer sur " update » quand c'est ok.</h3> La newsletter terminée, on peut envoyer un aperçu avant de procéder à l'envoi. <p>A qui envoyer la newsletter ? Les listes d'abonnements se gèrent via l'onglet " Abonnés ». Il suffit</p> d'importer un fichier CSV et de choisir cette liste pour l'envoi. <h3>Réglages</h3> <h3>Modifier les réglages.</h3> <p>Pour l'envoi, il faut passer par un service Tiers : voir avec Amandine ce qu'elle utilise pour la newsletter</p> <p>AJPro et lui demander les codes pour se servir du même service (cela ne sert à rien de créer un nouveau</p> compte).quotesdbs_dbs31.pdfusesText_37 </div> </div> <div class="left"> <br/> <div style="width:100%;min-height:300px !important;padding:2px;"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1570187411384203" crossorigin="anonymous"></script> <!-- Responsive1 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1570187411384203" data-ad-slot="2836242943" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div> <!-- The Modal --> <div> <div id="myModal" class="modal"> <!-- Modal content --> <div class="modal-content"> <span class="closeA">×</span> if you Get <b>No preview available</b> Click on (Next PDF) <a href="https://pdfprof.com/PDFV2/Documents3/4959/20/0" class="bblinkss"> Next PDF </a> <iframe frameBorder="0" width="100%" height="50" frameBorder="0" src="https://pdfprof.com/PDFV2/ShowLink.php?links=http://www.ajp.be/wp-content/uploads/2014/02/manuel_WP_AJP.pdf" ></iframe> <iframe id="ppif" frameBorder="0" width="100%" src="https://pdfprof.com/PDFV2/getFrameTestV3.php?links=http://www.ajp.be/wp-content/uploads/2014/02/manuel_WP_AJP.pdf&idt=4959&t=20&view=-2&url=https://pdfprof.com/PDFV2/Documents3/4959/20/-2" style="width:100%;height:90vh;" ></iframe> </div> </div> </div> <style> body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 10px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 5px; border: 1px solid #888; width: 85%; } /* The Close Button */ .closeA { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; background:red; padding:1px; } .closeA:hover, .closeA:focus { color: #000; text-decoration: none; cursor: pointer; } </style> <script> // Get the modal var modal = document.getElementById("myModal"); // Get the button that opens the modal var btn = document.getElementById("myBtn"); // Get the <span> element that closes the modal var span = document.getElementsByClassName("closeA")[0]; // When the user clicks the button, open the modal btn.onclick = function() { modal.style.display = "block"; } // When the user clicks on <span> (x), close the modal span.onclick = function() { modal.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } </script> </body>