Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
wordpress [Le 08/12/2016, 09:35]
root75 [Par les dépôts Ubuntu]
wordpress [Le 15/01/2024, 15:53] (Version actuelle)
krodelabestiole ancienne révision (Le 01/06/2020, 09:09) restaurée
Ligne 1: Ligne 1:
-{{tag>CMS brouillon}} +{{tag>serveur ​internet ​cms}}
- +
----- +
-====== WordPress - Créer un site internet ​en 2 clics ====== +
- +
-{{  http://​upload.wikimedia.org/​wikipedia/​commons/​c/​ca/​Wordpress-logo.png?​150}} +
-**Wordpress est un logiciel qui vous permet de faire des sites internet.** +
- +
-WordPress est un système de gestion de contenu libre ([[CMS]]). Aujourd'​hui l'​éventail des possibilités de WordPress lui permet de faire toutes sortes de sites internet ( autre qu'un simple blog((domaine de base de wordpress)) ) et avec beaucoup plus de facilité que les autres [[CMS]]. +
- +
-  * Voir en image des exemples de thèmes ([[wordpress#​comment_installer_des_themes|directement accessibles dans votre Wordpress en plus sous licence GPL]]) : +
-[[http://​wordpress.org/​extend/​themes/​intrepidity|{{http://​wp-themes.com/​wp-content/​themes/​intrepidity/​screenshot.png?​250}}]] +
-[[http://​wordpress.org/​extend/​themes/​arras-theme|{{http://​wp-themes.com/​wp-content/​themes/​arras-theme/​screenshot.png?​250}}]] +
-[[http://​wordpress.org/​extend/​themes/​vina|{{http://​wp-themes.com/​wp-content/​themes/​vina/​screenshot.png?​250}}]] +
-[[http://​wordpress.org/​extend/​themes/​idream|{{http://​wp-themes.com/​wp-content/​themes/​idream/​screenshot.png?​250}}]] +
-[[http://​wordpress.org/​extend/​themes/​mystique|{{http://​wp-themes.com/​wp-content/​themes/​mystique/​screenshot.png?​250}}]] +
-[[http://​themes-wordpress.eu/​book-review/​theme-wordpress-ifonction|{{http://​themes-wordpress.eu/​wp-content/​uploads/​2012/​01/​Theme-Wordpress-ifeature.jpg?​250}}]] +
- +
-  * Et des extensions : +
-[[http://​wordpress.org/​extend/​plugins/​wp-e-commerce/​|{{http://​www.tipbox.net/​blog/​wp-content/​uploads/​2009/​12/​e-commerce-large.png?​250}}]] +
-[[http://​simple-press.com/​|{{http://​www.pocketup.com/​wp-content/​uploads/​2010/​02/​message-board-300x269.png?​250}}]] +
-[[http://​wordpress.org/​extend/​plugins/​wp-cumulus/​|{{http://​www.roytanck.com/​wp-content/​uploads/​2008/​03/​wp-cumulus.gif?​250}}]] +
-[[http://​wordpress.org/​extend/​plugins/​riffly/​|{{http://​riffly.com/​static/​images/​screenshot1.jpg?​250}}]] +
-[[http://​wordpress.org/​extend/​plugins/​vipers-video-quicktags/​|{{http://​blogcraving.com/​wp-content/​uploads/​2010/​03/​video_quick_tags-480x457.png?​250}}]] +
- +
-<​note>​ +
-Il est possible de faire un site/blog hébergé par le [[http://​wordpress.com/​|service wordpress.com]] facilement et gratuitement pour les utilisateurs ; pour avoir plus de fonctionnalités le service est payant. +
- +
-Vous pouvez également trouver des [[hebergeur|hébergeurs ici]]. +
-</​note>​ +
- +
-Site officiel : http://​wordpress.org/​ +
-   * (fr) **[[http://​codex.wordpress.org/​fr:​Accueil|Documentation Wordpress officielle]]** +
-   * (fr) [[http://​www.wordpress-fr.net/​|WordPress Francophone]] +
-   * [[http://​seekwp.com/​|SeekWP - Un moteur de recherche de plugin, thème, ou d'aide pour wordpress]] +
-=====Analyse===== +
- +
-==== Avantages ==== +
- +
-<note help>​WORDPRESS ? -> Ou comment Faire un site web professionnel en "10 minutes"​ top chrono, en y connaissant rien à la programmation et le tout en logiciel libre... +
-</​note>​ +
- +
-<note help>​WordPress 4.1, la dernière version disponible, s'​affirme plus que jamais en tant que CMS (Content Management System, ou Système de Gestion du Contenu) puissant.</​note>​ +
- +
-Avantages : simplicité d'​utilisation,​ ergonomie, facilité de bonne indexation dans les moteurs de recherche, simplicité d'​administration. Nombre d'​utilisateurs,​ plugins disponibles gratuitement,​ interfaçable avec d'​autres outils... +
- +
-WordPress est populaire principalement auprès des utilisateurs anglophones,​ proches du logiciel libre et ayant des connaissances en programmation logicielle. Son interface publique est personnalisable grâce à des fichiers squelettes, et des plugins peuvent être développés. La communauté WordPress est très active, et propose un nombre croissant de ressources telles que des thèmes prêts à l'​emploi,​ une documentation et des traductions du logiciel, et des milliers de plugins.+
  
 +{{  https://​s.w.org/​style/​images/​about/​WordPress-logotype-standard.png?​260}}
  
-WordPress ​peut fonctionner en mode hors ligne avec Google Gears (pour la partie administration et rédaction),​ il vous faudra acheter ou développer un thème compatible Google Gears pour rendre la partie accessible également hors ligne.+====== ​WordPress ​======
  
-WordPress est connu et reconnu comme étant une bonne solution, voir les récompenses : +[[wpfr>​WordPress]] est le [[:​CMS]] ​le plus utilisé du mondeEn 2018 il représente presque un tiers des sites Internet !
-  * 2009 [[http://​www.packtpub.com/​award|Meilleur CMS OPEN SOURCE]]+
-  * Dans le concours du [[http://​www.packtpub.com/​award|meilleur ​CMS 2007]], WordPress est arrivé 1er dans la catégorie Best Open Source Social Networking Content Management System. +
-  * 2007 : Kakt Open Source CMS Award.+
  
-====Inconvénients====+C'est un projet né en 2003, ce qui est ancien pour une technologie du [[:Web]].
  
-WordPress ne serait pas un véritable CMS (car il((les tables de sa base de donnée)) est par défaut fait pour du "​contenu"​ CMS blog ). Le choix d'une forme d'arrangement des données peut ou non être limitatif : +Cause et conséquence de cette gigantesque communauté : il propose ​une quantité sidérante ​d'extensions qui étendent ses fonctionnalités ​au delà du raisonnable ​(plus de 54000 plugins sur le dépôt officiel en 2018).
-   * On remarque que WordPress répond bien au besoin d'un blog (?ce n'est pas un inconvénient?​). +
-   * On remarque que WordPress avec des extensions permet ​de répondre à d'​autres besoins. Il reste flexible. (?ce n'est pas un inconvénient?​).+
  
-Pourtant il est possible d'​augmenter les fonctionnalités CMS par des extensions ((tout comme Joomla par exemple répond à des besoins fonctionnels par des extensions)) ​+{{:internet:​twentyelevendefault1.png?​direct&​0x200}} 
-  ​*[[http://wordpress.org/​extend/​plugins/​sitepress-multilingual-cms/|WPML Multilingual CMS]] +{{:internet:​dashboard-welcome.png?​direct&​0x200}} 
-  ​*[[http://wordpress.org/​extend/​plugins/​pods/​|Pods CMS]] +{{:​internet:​pages-edit-page.png?​direct&​0x200}} 
-  * [[http://​wordpress.org/​extend/​plugins/​search.php?q=cms&sort=popular|Recherche CMS sur le site officiel]]+{{:internet:​managefiles.png?​direct&​0x200}} 
 +{{:internet:​appearance-install-theme-step1.png?direct&0x200}}
  
-WordPress ​serait lourd ? Avec une bonne mise en cache ((WP cache)), et la maîtrise de WordPress ​((utilisation mémoireextensions etc)) la question ​de lourdeur ne rentre pas en ligne de compte...+<note important>​Il ne faut pas confondre //​[[https://​fr.wordpress.com/​|WordPress.com]]// qui est une plateforme de blog commerciale gérée par [[wpfr>​Automattic]], et //WordPress//le CMS dont il est question ​ici et dont le site officiel est [[https://​fr.wordpress.org/​|fr.wordpress.org]].</​note>​
  
 ===== Installation ===== ===== Installation =====
-<​note>​[[http://​codex.wordpress.org/​fr:​Installer_WordPress|Installer WordPress sur le site officiel]] 
  
-[[Wordpress]] est également présent dans le logiciel propriétaire [[cPanel]], utilisé par de nombreux [[hébergeur|hébergeurs]]. +<​note>​Le site officiel propose 2 documentations concernant l'​installation de WordPress : [[https://fr.wordpress.org/txt-install/|une succincte]], l'​autre ​[[https://codex.wordpress.org/fr:Installer_WordPress|plus complète]].</note>
-</note> +
-==== Par les dépôts Ubuntu ==== +
-  - installez le paquet ​[[apt://​wordpress|wordpress]] ​   +
-  ​installez les dépendances [[apt://​mysql-server|mysql-server]]    +
-  - puis copier-coller dans un  ​[[terminal]](sans oublier de taper votre mot de passe quand cela sera demandé) ​ +
-<​code>​sudo ln -s /usr/share/​wordpress ​/​var/​www/​html/​wordpress  +
-sudo gzip -d /​usr/​share/​doc/​wordpress/​examples/​setup-mysql.gz</code> ​  +
-- Remarque ​si vous avez un message d'​erreur comme quoi le fichier "/​usr/​share/​doc/​wordpress/​examples/​setup-mysql.gz" n'​existe pas, allez directement à la ligne de code suivante. +
-<code>​sudo bash /usr/​share/​doc/​wordpress/​examples/​setup-mysql -n wordpress localhost +
-sudo chown -R www-data /​usr/​share/​wordpress +
-sudo /​etc/​init.d/​apache2 restart +
-gksudo gedit /​usr/​share/​wordpress/​wp-config.php</​code> +
-  - Ajouter dans l'​éditeur de texte : <​code>​define ('​WPLANG',​ '​fr_FR'​);</​code>​ +
-  - Allez sur la page [[http://​localhost/​wordpress/​]]+
  
 +<note tip>La plupart des hébergeurs web proposent une installation de WordPress simplifiée ("//en 1 clic//"​).</​note>​
  
-Vous pouvez mettre ​à jour votre WordPress depuis l'​interface d'​administration http://​localhost/​wordpress/​wp-admin ( que nous vous conseillons ​de retenir ) ou à partir [[http://​www.wordpress-fr.net/telechargements|du site français]]. ​+<​note>​WordPress étant une solution destinée ​à être déployée sur un serveur, toutes les manipulations dont nous traiterons ici se feront en ligne de commande.</note>
  
-====Par étape====+==== Prérequis ​====
  
-  - Installer [[apt://​apache2,​libapache2-mod-php5,​php5,​php5-mysql,​libphp-phpmailer,​php5-gd,​libjs-prototype,​libjs-scriptaculous,​tinymce,​libphp-snoopy,​libjs-jquery,​php-gettext,​libjs-cropper,​mysql-server,​mysql-client,​mysql-admin|ce dont vous aurez besoin ​en cliquant ici]] ([[apache]] [[mysql]] ​ ou [[LAMP]], ou autre ). +Pour installer WordPress ​vous aurez besoin ​d'​un ​[[:​web#​serveurs|serveur HTTP]], de [[:PHP]], et d'un serveur de base de données MySQL ([[:MySQL]] ou [[:MariaDB]]).
-  - Lancer <​code>​gksudo nautilus</​code>​ +
-  - [[http://​www.wordpress-fr.net/​telechargements|Télécharger et décompresser Wordpress dans votre dossier personnel.]] ou [[http://​wordpress.org/​download/​|version anglaise]])  +
-  - Déplacer le contenu de Wordpress dans /var/www **(attention,​ sur la 16.04, il faut le déplacer dans /​var/​www/​html)** +
-  - Suivez l'​installation en naviguant sur votre site en http local. (http://​localhost/​wordpress/​)+
  
-====Avec ​un serveur léger de type Xampp==== +<​note>​Sur ​un hébergement web géré par l'hébergeurces prérequis devraient déjà être en placedonc toutes ​ces étapes ​devraient être inutiles.
-  - Installez rapidement un serveur de type Lampp en utilisant [[:​xampp|Xampp]]. +
-  - [[http://​www.wordpress-fr.net/​telechargements|Téléchargez Wordpress]] dans votre dossier personnel. ( ou [[http://​wordpress.org/​download/​|version anglaise]]). +
-  - Créez un répertoire d'accueil pour votre site WordPress dans votre répertoire personnel. Attention le nom du répertoire de décompression sera celui que vous taperez dans la barre d'​adresse de votre navigateur pour accéder à votre site en local. +
-  - Décompressez-y l'​archive wordpress téléchargée. Pour la suite de cet articlenous conviendront que le contenu de l'​archive wordpress a été décompressé dans "///​home/​VotreUserName/​wp_monsiteinternet//"​ +
-  - Le sites accessibles via votre serveur local sont ceux que vous copierez dans /​opt/​lampp/​htdocs. Il faut d'​abord rendre ce dossier accessible en lecture et en écriture avec ces commandes: <​code>​sudo chmod -R 775 /​opt/​lampp/​htdocs</​code>​ +
-  - Assurez-vous que votre serveur démarre automatiquement via les commandes suivantes:​ +
-<​code>​ +
-sudo ln -s /​opt/​lampp/​lampp /​etc/​rc2.d/​S99lampp +
-sudo ln -s /​opt/​lampp/​lampp /​etc/​rc1.d/​K02lampp +
-</​code>​ +
-  - Lancez les étapes ​de sécurisation du serveur lampp et retenez les identifiants et mots de passe des différents services: <​code>​sudo /​opt/​lampp/​lampp security</​code>​ +
-  - Créez la base de données MySQL qui hébergera votre site wordpress avec [[http://​localhost/​phpmyadmin/​|phpmyadmin]]Attention, le nom de la base sera à renseigner lors de l'​initialisation de Wordpress. Si vous n'​arrivez pas à ouvrir l'​interface de [[http://​localhost/​phpmyadmin/​|phpmyadmin]],​ redémarrez votre ordinateur pour que l'​ensemble des services de votre serveur démarrent et relancez l'​interface de [[http://​localhost/​phpmyadmin/​|phpmyadmin]]. +
-  - Créez un compte utilisateur différent de "​root"​ pour la base de données du site définie dans [[http://​localhost/​phpmyadmin/​|MySQL]]. +
-  - Donnez l'​ensemble des droits d'​accès à cet utilisateur. +
-  - Créez un lien symbolique pour accéder à votre site web tout en le conservant dans votre répertoire home: <​code>​sudo ln -s /​home/​VotreUserName/​wp_monsiteinternet /​opt/​lampp/​htdocs</​code>​ +
-  - Ouvrez votre navigateur et tapez l'​adresse:​ [[http://​localhost/​wp_monsiteinternet|http://​localhost/​wp_monsiteinternet]]. +
-  - Suivez les instructions pour configurer wordpress. +
-====Par script==== +
-Exécuter le script suivant : +
-<​code>​+
  
-wordpress=latest-fr_FR.zip +N'​hésitez pas à contacter le support de l'​hébergeur si ce n'est pas le cas.</​note>​
-echo "les identifiant pour la base associée ​à wordpress qui sera crée : veuillez les changer"​ +
-nom_admin=admin +
-pass_admin=monpass+
  
-sudo apt-get install  ​apache2 ​libapache2-mod-php5 php5 php5-gd php5-mysql libphp-phpmailer php5-gd libjs-prototype libjs-scriptaculous tinymce libphp-snoopy libjs-jquery php-gettext libjs-cropper mysql-server mysql-client mysql-admin+[[:apache2|Apache]] est le serveur HTTP le plus couramment utilisé, et cette configuration (en conjonction avec MySQL et PHP) s'​appelle une pile [[:​LAMP|LAMP]].
  
-cd ~/​Téléchargements+Donc pour installer [[:​apache2|Apache]],​ [[:PHP]] et [[:MySQL]] ou [[:​MariaDB]],​ suivez [[:​LAMP#​installation|cette documentation]].
  
-echo "​création du script sql" +Une fois la pile [[:LAMP]] installée ​(avec les modules PHP les plus courants), on active le module [[:​apache2#​mod_rewrite]],​ dont a aussi besoin WordPress : 
-echo "​CREATE DATABASE wordpress; CREATE USER $nom_admin; SET PASSWORD FOR $nom_admin = PASSWORD('​$pass_admin'​); GRANT ALL PRIVILEGES ON wordpress.* TO $nom_admin@localhost IDENTIFIED BY '​$pass_admin';​ exit; " ​wordpress.sql+<​code>​sudo a2enmod rewrite</​code>
  
-echo "​creation de la base" +Nous allons ensuite créer un [[:​apache2#​hotes_virtuels|hôte virtuel]] pour WordPress, dont la racine sera ''/​var/​www/​wordpress''​ : 
-mysql -h localhost ​-u root -p  ~/Téléchargements/wordpress.sql+<​code>​sudo nano /​etc/​apache2/​sites-available/​wordpress.conf</​code>​ 
 +Ce qui ouvre avec [[:​nano|l'​éditeur nano]] un fichier dans lequel nous allons coller : 
 +<​file ​wordpress.conf>​<VirtualHost *:80> 
 +        ServerName wordpress.localhost 
 +        DocumentRoot ​/var/www/wordpress 
 +        <​Directory /​var/​www/​wordpress>​ 
 +                AllowOverride all 
 +                Require all granted 
 +        </​Directory>​ 
 +        ErrorLog /​var/​log/​apache2/​error.wordpress.log 
 +        CustomLog /​var/​log/​apache2/​access.wordpress.log combined 
 +</​VirtualHost></​file>​ 
 +Si un nom de domaine pointe sur le serveur, on l'​indique à la place de ''​wordpress.localhost''​ pour la directive ''​ServerName''​.\\ 
 +(''​Ctrl+X''​ puis ''​O''​ pour quitter en sauvegardant)
  
-wget http://fr.wordpress.org/$wordpress+Finalement, on active l'​hôte virtuel et on recharge la configuration d'​Apache ​: 
 +<​code>​sudo a2ensite ​wordpress 
 +sudo systemctl reload apache2</code>
  
-sudo mkdir /var/​www/​wordpress+<note important>​Si votre serveur est sur le [[:Web]], pensez à [[:​apache2#​securite|sécuriser]] l'​accès au site en particulier en forçant [[:​apache2#​HTTPS]].<​/note>
  
-unzip -o $wordpress+==== Installation de WordPress ====
  
-cd wordpress +=== Copie des fichiers ===
-sudo cp -r * /​var/​www/​wordpress+
  
 +Tout d'​​abord téléchargeons la dernière version de WordPress :
 +<​code>​wget https://​fr.wordpress.org/​wordpress-latest-fr_FR.zip</​code>​
  
-sudo chown -R www-data /var/www/wordpress+Ensuite nous allons extraire le contenu du zip à la racine de notre hôte virtuel (''/​var/​www/​wordpress''​ dans cet exemple) : 
 +<​code>​sudo unzip wordpress-latest-fr_FR.zip -d /var/www</code>
  
-firefox http://localhost/​wordpress +On va renforcer légèrement la sécurité en attribuant des [[[[:apache2#​permissions|droits]] un peu restrictifs aux fichiers : 
-</​code>​+<​code>​sudo chown www-data:​www-data ​/var/www/​wordpress ​-R 
 +sudo chmod -R -wx,​u+rwX,​g+rX,​o+rX /​var/​www/​wordpress</​code>​ 
 +(WordPress [[https://​codex.wordpress.org/​Updating_WordPress#​File_Ownership|exige]] que les fichiers soient modifiables par le serveur __et__ appartiennent à ''​www-data''​ pour faire fonctionner les mises à jour automatiques)
  
 +=== Création de la base de données ===
  
 +Pour créer la base de données qu'​utilisera WordPress, le plus simple est de se connecter avec le client [[:MySQL]] :
 +<​code>​sudo mysql</​code>​
  
 +On arrive alors sur la console SQL sur laquelle nous allons entrer ces commandes (en remplaçant ''​mot_de_passe''​) :
 +<code mysql>​CREATE DATABASE wordpress;
 +CREATE USER '​wpuser'​@'​localhost'​ IDENTIFIED BY '​mot_de_passe';​
 +GRANT ALL ON wordpress.* TO '​wpuser'​@'​localhost';​
 +FLUSH PRIVILEGES;
 +QUIT;</​code>​
 +Il faut remplacer ''​mot_de_passe''​ par un vrai mot de passe complexe qu'on note pour la prochaine étape.
  
-===== Post-Installation ===== +On vient de créer la base de donnée ''​wordpress''​ à laquelle l'​utilisateur ''​wpuser''​ aura accès.
-==== Si vous ne voulez pas utiliser les révisions ====+
  
-Les révisions peuvent alourdir énormément votre base de données - cela reste utile pour l'utilisateur qui aime cette fonctionnalité - par défaut il peut y avoir 10 révisions par poste/page , vous n'avez qu'à faire le compte.+=== Installation via l'interface web ===
  
-Vous pouvez soit nettoyer régulièrement votre base, en exécutant cette requête SQL((par exemple dans [[phpmyadmin]], ou [[mysql]])).+WordPress devrait alors être accessible à l'​​adresse ​[[http://​wordpress.localhost/​]], et cette adresse nous redirige sur une interface qui nous permet de finaliser l'​installation.
  
-<​code>​ +Cliquez sur //​C'​est parti !// et renseignez les différents champs : 
-DELETE a,b,c +  * **Nom de la base de données** : ''​wordpress''​ 
-FROM wp_posts a +  * **Identifiant** : ''​wpuser''​ 
-LEFT JOIN wp_term_relationships b ON (a.ID = b.object_id) +  * **Mot de passe** : le mot de passe qu'​on ​noté à l'​étape précédente ​(lors de la création de la base de donnée et de l'​utilisateur ''​wpuser''​
-LEFT JOIN wp_postmeta c ON (a.ID = c.post_id+  * **Adresse de la base de données** : ''​localhost''​ 
-WHERE a.post_type = 'revision+  * **Préfixe des tables** : ''​wp_''​ 
-</code>+Après avoir cliqué sur //Lancer l'​installation//,​ on tombe sur un second formulaire.
  
-Soit désactiver ​les révisions ​ouvrir wp-config.php  et ajouter ​ +Il s'agit cette fois de définir un administrateur pour WordPress. Les champs sont assez clairs.\\ 
-          ​define('​WP_POST_REVISIONS'​,'​0'​);​+Le **titre du site** sera visible par les internautes.\\ 
 +Concernant le **mot de passe** il est conseillé de conserver celui proposé par défaut qui est très fort. Vous pouvez par exemple le sauvegarder dans un gestionnaire de mots de passe tel que [[:keepassx|KeePass]].\\ 
 +Il est conseillé également de renseigner une **adresse de messagerie** existantece qui vous permettra de récupérer votre mot de passe en cas de perte, ou de faire fonctionner les notifications par courriel.
  
-====Outils de test ====+===== Utilisation =====
  
 +==== Contenu éditorial ====
  
-Vous pouvez [[http://ismyblogworking.com/|tester votre site WordPress]] - et [[http://www.site-perf.com/|tester vos performances]] ​   ( la taille du html, des pages et du contenu ​pour vérifier que vous ne surchargez pas de plugins.+La contenu éditorial de WordPress est principalement de deux types : 
 +  * les //pages//, qui sont les éléments constituants des "sites classiques", ​et sont en général structurées par arborescence (menu, sous-menu) 
 +  * les //articles//, qui sont les éléments constituants ​des blogs, ​et sont liés à une notion d'​actualité (tri par date)
  
-Autres services de test : +==== Extensions ====
-   * http://​gtmetrix.com/​  +
-   * http://​code.google.com/​intl/​fr/​speed/​page-speed/ ​ ⇐lien mort +
-   * http://​developer.yahoo.com/​yslow/​+
  
-Des idées de mots : +Pour installer des extensions, depuis l'​administration allez sur //Extension// -> //Ajouter// : vous aurez accès à toutes les extensions de la [[https://wordpress.org/plugins/browse/​popular/|base de données officielle de WordPress]].
-   * [[https://adwords.google.com/o/Targeting/Explorer?​__u=1000000000&​__c=1000000000&​stylePrefOverride=2#​search.none!ideaType=KEYWORD&​requestType=IDEAS| - généré par Google Adwords (pointu)]] +
-   ​* ​[[http://www.google.com/sktool/#- généré par google]]+
  
-===== Les thèmes =====+Nous n'​allons évidemment pas dresser la liste exhaustive des plus de 50000 extensions disponibles,​ mais certaines d'​entre elles sont incontournables :
  
-====Comment installer des thèmes ==== +  * //​**[[https://​fr.wordpress.org/​plugins/​wp-super-cache/​|WP Super Cache]]**// : confère à WordPress une fonctionnalité d'​optimisation indispensable pour accélérer ​l'affichage du site, et alléger la charge ​de travail côté serveur. 
-Dans l'administration ​de votre WordPress : +  * //​**[[https://​fr.wordpress.org/​plugins/​wp-force-ssl/​|WP Force SSL]]**// : force l'​utilisation ​de [[:apache2#​HTTPS]],​ ce qui évite que le contenu web et les variables d'​identifications des utilisateurs transitent en clair sur Internet. 
-  * Aller sur Apparence ​-> Ajouter ​de nouveaux thèmes ​Et vous aurez accès à tous les thèmes de la [[http://​wordpress.org/​extend/themes/|base de données officielle de WordPpress]].+  * //**[[https://fr.wordpress.org/​plugins/polylang/|Polylang]]**// : incontournable pour les sites multilingues.
  
-====Ajouter ​des pages====+<note important>​La qualité ​des extensions de WordPress est très variable. De plus, chacune est potentiellement source de lenteurs et de failles de sécurités.
  
-   * Selon le design de votre thème, les pages que vous créerez ( et organiserez hiérarchiquement et facilement dans wordpress) seront affichés de différentes manières : par exemple ​en menu -sous menu+N'​installez ​que des extensions qui vous sont indispensables ​et en lesquelles vous avez confiance.</​note>
  
-====Ajouter des widgets ​====+==== Thèmes ​====
  
-   * Selon le design de votre thème, ​vous aurez plusieurs zones où vous pourrez ajouter des "​widgets",​ des composants/​extensions visuels vous permettant d'afficher des choses sympathiques ​: +Pour installer un thème, ​depuis l'administration allez sur //​Apparence//​ -> //Thèmes// -> //​Ajouter// ​vous aurez accès à tous les thèmes ​de la [[https://​wordpress.org/​themes/|base de données officielle de WordPress]].
-       * Par exemple, après installation ​de l'[[http://​wordpress.org/​extend/​plugins/​wp-cumulus/|extension wp-cumulus]], vous obtiendrez le widget wp cumulus que vous placerez et configurerez où vous le désirez.+
  
-IMPORTANT NOTICE This plug is no longer actively being developedI do not recommend you install and use it. If you are currently using this pluginplease consider disabling it. Running unmaintained plugins in WordPress can cause securityand other issues. More info at roytanck.com. +<note important>​De la même manière que les autres extensions, les thèmes peuvent être source de failles de sécuritéN'​utilisez que des thèmes fiables et maintenuset maintenez-les à jour autant que possible.</note>
-==== Éditer ​Créer son propre thème ====+
  
-Vous pouvez éditer les thèmes : +===== Problèmes courants =====
-   * en éditant leur source PHP, avec un éditeur de texte simple , ou dans l'​**éditeur de source de WordPress**. +
-   * en utilisant un [[programmation#​php1|IDE pour le php]]+
  
-Ou, désormais il existe des plugins wordpress vous permettant d'​éditer votre thème directement:​ +==== Changement de domaine ====
-   * [[http://​wordpress.org/​extend/​plugins/​elastic-theme-editor/​|Elastic Theme Editor]] (attention encore en bêta) +
-   * [[http://​wordpress.org/​extend/​plugins/​advanced-wordpress-theme-editor/​|Advanced Wordpress Theme Editor]]+
  
-====Installer Manuellement ==== +WordPress a la mauvaise idée de stocker en dur (en base de données, par défaut, et / ou en fichier de configuration) le nom de domaine utilisé lors de son installation,​ et s'​obstine à rediriger dessus même lorsqu'​il est appelé depuis une autre adresse.
-Vous pouvez télécharger des thèmes et les installer ​(décompresserdans le répertoire +
-  * REPERTOIRE_DE_BASE_DE_wordpress/​wp-content/​themes+
  
-Voici la procédure décrite plus clairement : +Ce comportement pose problème lors d'un changement de nom de domaine, pour une mise en production par exemple.
-  - Télécharger le thème souhaité (normalement au format .zip) +
-  - Extraire ce thème (clic droit - extraire ici)  +
-  - Copier le dossier vers /​opt/​lampp/​htdocs/​wordpress/​wp-content/​themes et non vers /​var/​www/​wordpress/​wp-content/​themes !!! il faut bien sûr faire attention au fait que le nom du dossier corresponde au nom du thème.+
  
-====Où trouver des thèmes WordPress ==== +Par défaut on peut modifier ce nom de domaine depuis l'​interface d'​administration -> //Réglages// -> //Général// -//Adresse web de WordPress (URL)// et //Adresse web du site (URL)//.
-Il y a également des thèmes gratuits ( et libres, que vous pouvez utiliser dans un contexte commercial ). +
-  * (en) [[http://wordpress.org/extend/themes/|Sur le site officiel]].  +
-  * (en) [[http://​www.wpthemesfree.com/​index.php?​order=downloaded&​specific=last7days|WordPress Themes Free]] +
-  * (fr) [[http://​wordpressthemes.free.fr/​|WordPress Thèmes]] +
-  * (fr) [[http://www.wordpress-template.com/|Free WordPress Theme]]  +
-  * (fr) [[http://​themeswordpress.fr/​|Thèmes ​WordPress.fr]] +
-  * (frhttp://themeswp.aurelienpaulus.net/ +
-  * (fr) http://​www.herewithme.fr/​themes-wordpress-francais +
-  * (frhttp://www.wpthemes.ch/​ +
-  * (en) http://​topwpthemes.com/​ +
-  * (fr) [[http://​themes-wordpress.eu/​|Thèmes WordPress ]] +
-  * (fr) [[http://​wptheme.fr| WP Thèmes WordPress ]] +
-===== Les extensions ===== +
-====Comment installer des extensions ==== +
-Dans l'​administration de votre WordPress : +
-  * Aller sur Extension -> Ajouter : Et vous aurez accès à toutes les extensions de la [[http://​wordpress.org/​extend/​plugins/​browse/​popular/​|base de données officielle de WordPress]].+
  
 +Si ces champs sont grisés et non modifiables,​ cela signifie que ces infos sont spécifiées en dur dans le fichier de configuration de WordPress. Il vous faut dans ce cas [[:​tutoriel:​comment_modifier_un_fichier|éditer manuellement]] le fichier ''​wp-config.php''​ (à la racine de WordPress) et ajuster les lignes suivantes :
 +<file - wp-config.php>​
 +define( '​WP_HOME',​ '​http://​example.com'​ );
 +define( '​WP_SITEURL',​ '​http://​example.com'​ );
 +</​file>​
  
-====Installer Manuellement ==== +Par ailleurs il est fort probable que votre ancien nom de domaine apparaisse également dans le contenu éditorial de votre site (chemin vers une image ou autre lien hypertexte). Dans ce cas la méthode la plus simple est de lancer un remplacement automatisé de votre ancien nom de domaine vers votre nouveau ​dans le fichier SQL, entre son export depuis son ancien emplacement,​ et son import sur le nouveau serveur. Vous pouvez effectuer cela par exemple avec un éditeur de texte ou avec la commande [[:sed]] : 
-Vous pouvez télécharger des extensions et les installer ​(décompresser) dans le répertoire+<​code>​sed -i "​s/​http\:​\/​\/​ancien\.example\.com/​https\:​\/​\/​nouveau\.example\.com/​g"​ wordpress.sql</​code>​
  
-  * REPERTOIRE_DE_BASE_DE_wordpress/​wp-content/​plugins+==== Mot de passe administrateur perdu ====
  
 +Vous pouvez modifier le mot de passe de l'​administrateur WordPress en vous connectant à la console MySQL
 +<​code>​sudo mysql</​code>​
 +Puis en entrant les commandes suivantes :
 +<code mysql>​USE wordpress;
 +UPDATE wp_users SET user_pass=MD5('​mot_de_passe'​) WHERE user_login = '​admin';​
 +EXIT</​code>​
 +où ''​wordpress''​ est le nom de votre base de données, ''​admin''​ le nom d'​utilisateur de l'​administrateur,​ et ''​mot_de_passe''​ est votre nouveau mot de passe.
  
-====Où trouver des extensions ​====+===== Aller plus loin =====
  
-  * [[http://​wordpress.org/​extend/​plugins/​browse/​popular/​|Les extensions les plus populaires]].+==== Multisite ====
  
-====Connections utilisateurs====+WordPress permet de gérer plusieurs sites depuis une instance unique. Cette fonctionnalité consiste à afficher différents contenus et différents thèmes en fonction du nom de domaine appelé. On peut ainsi gérer plusieurs sites distincts pour les internautes depuis une interface unique et un même compte administrateur. De plus on a un seul [[:CMS]] à maintenir à jour.
  
-   ​* ​[[http://​fr.wikipedia.org/​wiki/​OpenID|OpenID]] : les utilisateurs pourront se connecter simplement avec leur courriel, ​[[http://​openid.net/​get-an-openid|Gmail , Yahoo et d'​autres comptes sont compatibles]] (c'est un protocole libre , contrairement au facebook login) : [[http://wordpress.org/extend/plugins/openid/|OpenID]] : la gestion des droits est intégrée.+Pour que cela fonctionne il faut avant tout que les différents ​[[wpfr>​https://​fr.wikipedia.org/​wiki/​Nom_de_domaine|noms de domaine]] pointent tous sur votre serveur web.\\ 
 +Il faut également que notre serveur web affiche WordPress pour chacun de ces noms de domaine. Si on utilise ​[[:apache2|Apache]] il faut par ex. ajouter chacun de ces noms de domaine à la directive ​[[https://httpd.apache.org/docs/2.4/fr/mod/​core.html#​serveralias|ServerAlias]] de notre [[:apache2#​hotes_virtuels|VirtualHost]].
  
-==== Antispam ====+Voici un exemple grâce auquel WordPress pourra prendre en charge les domaines ''​example.com'',​ ''​example.org'',​ ainsi que n'​importe quel sous-domaine de ''​example.com''​ :
  
-  ​[[http://​wordpress.org/extend/plugins/wp-spamfree/|Spamfree]] léger, efficace, sans maintenance (contient également une page de contact personnalisable pour votre site) +<file - wordpress.conf><​VirtualHost ​*:80> 
-  * [[http://​wordpress.org/extend/plugins/bad-behavior/|Bad Bahavior]] ​+        ServerName example.com 
 +        ServerAlias example.org *.example.com 
 +        DocumentRoot ​/var/www/wordpress 
 +        <​Directory ​/var/www/wordpress>​ 
 +                AllowOverride all 
 +                Require all granted 
 +        </Directory>​ 
 +        ​ErrorLog ​/var/log/​apache2/​error.wordpress.log 
 +        CustomLog ​/var/log/apache2/​access.wordpress.log combined 
 +</​VirtualHost><​/file>
  
-==== Sécurité ==== +Une fois ce fichier modifié on recharge la configuration d'[[:apache2|Apache]] : 
-  * [[http://​www.seoegghead.com/​software/​wordpress-firewall.seo|Wordpress Firewall plugin]] +<​code>​sudo systemctl reload apache2</code>
-  * [[http://​wordpress.org/​extend/​plugins/​wp-security-scan/​|WP Security Scan]] +
-  * [[http://​wordpress.org/​extend/​plugins/​exploit-scanner/​|WordPress Exploit Scanner]]+
  
 +==== WP-CLI ===
  
-====Maintenance - sauvegarde ==== +Comme indiqué sur la page d'​accueil du projet : "[[https://wp-cli.org/fr/|WP-CLI]] est un ensemble d’outils en ligne de commande pour gérer vos installations WordPressVous pouvez mettre à jour les extensions, configurer des installations multisite et beaucoup plus sans avoir recours à un navigateur web."
-  * [[http://​wordpress.org/​extend/​plugins/wp-dbmanager/​|WP-DBManager]] +
-  * [[http://​wordpress.org/extend/​plugins/​wp-db-backup/|WP-DB-Backup]] +
-  * [[http://​wordpress.org/​extend/​plugins/​maintenance-mode/​|Maintenance Mode]]+
  
 +Comme WP-CLI est exécuté par l'​utilisateur Linux courant, cela permet par ex. d'​améliorer la sécurité de WordPress en effectuant ses mises à jour malgré des permissions plus strictes pour le serveur. Ou encore d'​écrire des scripts [[:​tutoriel:​script_shell|bash]] ou [[:Make]] pour déployer WordPress de manière automatisée (WP-CLI permet par ex. d'​exporter / importer la base de données en remplaçant au passage toutes les occurrences de l'URL locale par celle du nom de domaine de production, et d'​activer ou de désactiver des plugins).
  
-====Commerce électronique ​====+==== Composer ​====
  
-  * [[http://​wordpress.org/​extend/​plugins/​wp-e-commerce/​|WP e-Commerce]] +Il existe deux projets permettant de déployer WordPress au moyen de [[:Composer]]. Il s'agit de [[https://roots.io/bedrock/|Bedrock]] et [[https://wordplate.github.io/|WordPlate]]. Ce sont des options très pratiques en particulier pour les développeurs web. En plus de simplifier l'​installation ils intègrent de nombreux outils et le dépôt ​[[https://wpackagist.org/​|WordPress ​Packagist]] qui permet d'​installer les extensions et les thèmes de WordPress comme de simples librairies PHP.
-  * [[http://wordpress.org/​extend/​plugins/eshop/|eShop]] +
-  * [[http://wordpress.org/​extend/​plugins/​wp-oscommerce/|WP-osCommerce]] +
-  * [[http://wordpress.org/​extend/​plugins/​yak-for-wordpress/|YAK for WordPress]] +
-  * [[http://​wordpress.org/​extend/​plugins/​bestsmallshoplite/​|BestSmallShopLite]]+
  
 +Les deux projets sont légèrement différents,​ vous trouverez de très bons tutoriels en français [[https://​www.grafikart.fr/​tutoriels/​wordpress-bedrock-1305|ici pour Bedrock]] et [[https://​www.grafikart.fr/​tutoriels/​wordplate-973|là pour Wordplate]].
  
 +===== Voir aussi =====
  
-==== Tag ==== +  ​* [[https://fr.wordpress.org/​|fr.wordpress.org]] : site officiel 
-  ​* [[http://​wordpress.org/​extend/plugins/wp-cumulus/|WP-Cumulus]] : Tag en 3D sur une sphère (flash)+  * [[https://wpfr.net/|wpfr.net]] : communauté francophone 
 +  * [[https://​www.geekeries.fr/​|www.geekeries.fr]] : présentations de ressources WordPress 
 +  * [[https://​www.grafikart.fr/​tutoriels/​wordpress|www.grafikart.fr]] : tutoriels pour les développeurs
  
 +----
  
-==== Ajax ==== +//Contributeurs ​: [[:utilisateurs:krodelabestiole]], [[:​utilisateurs:​psychederic|Psychederic]]//​
-  * [[http://wordpress.org/​extend/​plugins/​ajaxd-wordpress/​|AJAXed WordPress]] +
- +
- +
-==== Les commentaires ==== +
-  * [[http://​wordpress.org/​extend/​plugins/​wordpress-thread-comment/​|Wordpress Thread Comment]] : les commentaires en thread , et Ajax, avec une interface pour modifier le graphisme. +
-  * [[http://​wordpress.org/​extend/​plugins/​riffly/​|Riffly Webcam Video Comments]] ​possibilité d'​ajouter des commentaires audio , et vidéo. +
-  * [[http://​c.hadcoleman.com/​wordpress-plugins/​wmd-editor-wordpress-plugin/​|Wmd Editor]] : Zone de texte en [[http://​fr.wikipedia.org/​wiki/​Markdown|markdown]] pour les commentairesen '​ajax',​ avec live preview du coté client. +
- +
- +
-==== Système de cache ==== +
- +
-  * [[http://​wordpress.org/​extend/​plugins/​wp-super-cache/​|WP SuperCache]] +
-  * [[http://​wordpress.org/​extend/​plugins/​db-cache-reloaded/​|Db cache reloaded]] ( [[http://​wordpress.org/​extend/​plugins/​db-cache/​|db cache]] fonctionnera sur certain host tel que Free) +
-  * [[http://​wordpress.org/​extend/​plugins/​really-static/​|Really static]] : génère l'HTML des pages a la volée : plus de PHP, plus de Mysql : possibilité de charger ces fichiers par FTP. +
- +
-====Optimisation ==== +
-  * [[http://​wordpress.org/​extend/​plugins/​use-google-libraries/​|Google Libraries]] +
-====Multilangue ==== +
-  * [[http://​wordpress.org/​extend/​plugins/​sitepress-multilingual-cms/​|WPML Multilingual CMS]] +
-  * [[http://​wordpress.org/​extend/​plugins/​global-translator/​|Global Translator]] : traduction automatique des pages par google (dans 42 langues) et mise en cache + intégration de ses pages dans le sitemap.xml. (voir le fork [[http://​benosullivan.co.uk/​bens-translator/​|Bens Translator]]) +
- +
- +
-==== Indexation ( SEO ) ==== +
- +
-  * [[http://​wordpress.org/​extend/​plugins/​google-sitemap-generator/​|Google XML Sitemaps]] +
-  * [[http://​wordpress.org/​extend/​plugins/​all-in-one-seo-pack/​|All in One SEO Pack]] (facile d'​utilisation) mais il peut être préférable de faire toutes les optimisations seo manuellement sur votre thème. Voir rubrique ci-après. +
-====Monitoring,​ visiteurs ==== +
-  * [[http://​wordpress.org/​extend/​plugins/​easy-adsenser/​|Easy AdSense]] +
- +
-==== Autres ==== +
-  * [[http://​wordpress.org/​extend/​plugins/​page-links-to/​|Page Links To]] : définir des pages correspondant à des liens pour rediriger. +
-==== Video ==== +
- +
-  * [[http://​wordpress.org/​extend/​plugins/​vipers-video-quicktags/​|Viper'​s Video Quicktags]] +
- +
- +
-====Images ==== +
-  * [[http://​wordpress.org/​extend/​plugins/​scissors/​|Scissors]] : donne des possibilités avancées sur les images. +
- +
-==== CDN ==== +
- +
-  * [[http://​wordpress.org/​extend/​plugins/​cdn-tools/​|CDN Tools]] +
-  * [[http://​wordpress.org/​extend/​plugins/​my-cdn/​|My CDN]] +
-  * [[http://​wordpress.org/​extend/​plugins/​w3-total-cache/​|W3 Total Cache]] +
-  * [[http://​wordpress.org/​extend/​plugins/​wordpresscom-video-server/​|WordPress Video Solution Framework]] +
-  * [[http://​wordpress.org/​extend/​plugins/​free-cdn/​|Free CDN]] +
- +
-==== Forum ==== +
- +
- +
-  * [[http://​wordpress.org/​extend/​plugins)]] +
-  * [[http://​wordpress.org/​extend/​plugins/​bbpress-integration/​|bbPress Integration]] +
- +
-====Wiki ==== +
-  * [[http://​wordpress.org/​extend/​plugins/​wpmediawiki/​|MediaWiki]] +
-  * [[http://​wordpress.org/​extend/​plugins/​wp-dokuwiki/​|Wp dokuwiki]] +
-  * [[http://​wordpress.org/​extend/​plugins/​dw2wp/​|Dw2wp (dokuwiki)]] +
- +
-====Slideshow==== +
-  * [[http://​wordpress.org/​extend/​plugins/​frontpage-slideshow/​|Frontpage-Slideshow]] +
- +
-====Réseaux sociaux==== +
-  * [[http://​wordpress.org/​extend/​plugins/​wordbook/​|Wordbook]],​ alimenter votre Facebook quand vous postez sur Wordpress.  +
-  * [[http://​wordpress.org/​extend/​plugins/​twitter-tools/​|Twitter Tools]] +
- +
-===== Fonctionnalités ===== +
- +
-WordPress est un logiciel de blog qui présente toutes les fonctionnalités habituelles de ce type de logiciels. Il permet à plusieurs auteurs de publier des billets, lesquels seront classés par date et par catégories. De multiples catégories,​ elles-mêmes imbricables,​ peuvent être affectées à un billet donné. +
- +
-De plus, WordPress inclut la gestion des liens externes, des rétroliens (trackbacks),​ et un système de gestion fine des commentaires. À ceci s'​ajoutent des fonctionnalités moins importantes,​ telles que des filtres typographiques,​ une interface polyglotte, et un système de liens permanents. +
- +
-WordPress permet l'​importation de contenus depuis plusieurs autres systèmes de gestion de contenus, tels que Blogger, Movable Type et Textpattern,​ et l'​exportation de flux de syndication au format RSS. En outre, WordPress respecte les standards du Web XHTML et CSS. +
- +
- +
-===== Technologie ===== +
- +
-écrit en PHP et reposant sur une base de données MySQL.  +
- +
-Supporte Google Gears. +
- +
-=====Débugguage===== +
- +
-====Changer le mot de passe administrateur==== +
- +
-<​code>​ +
-UPDATE wp_users SET user_pass=MD5('​MOTDEPASSE'​) WHERE user_login = '​admin';​ +
- +
-</​code>​ +
- +
-===== Liens ===== +
-====Tutoriels==== +
-  * [[http://​videonoob.fr/​wordpress/​tutoriel|Comment créer un blog avec WordPress ? De A à Z]].  +
-  * [[http://​www.netprof.fr/​Voir-le-cours-en-video-flash/​Informatique/​Internet/​Creation-d-un-blog-sous-wordpress,​6,​12,​914,​1.aspx|Création d'un blog sous wordpress]] +
-  * [[http://​www.it-connect.fr/​tutoriels/​developpement-web/​wordpress/​|Tutoriels dédiés à WordPress]] sur IT-Connect +
-==== Ressources ==== +
- +
-  * [[http://​www.smashingmagazine.com/​2008/​01/​08/​100-excellent-free-high-quality-wordpress-themes/​|100 Excellent Free WordPress Themes]] +
-  * [[http://​sixrevisions.com/​resources/​50-beautiful-free-wordpress-themes/​|50 Beautiful Free WordPress Themes]] +
-  * [[http://​www.smashingmagazine.com/​2009/​04/​15/​10-exceptional-wordpress-hacks/​|10 Exceptional WordPress Hacks]] +
-  * [[http://​www.designyourway.net/​blog/​resources/​top-45-wordpress-plugins-tools-for-the-administration-area/​|Top 45 WordPress Plugins & Tools For The Administration Area]] +
- +
-==== Documentation ==== +
- +
-  * (en) [[http://​wordpress.org/​|Site officiel]] +
-  * (en) [[http://​wordpress.org/​blog/​|Blog de développement]] +
-  * [[http://​www.playingwithwire.com/​2009/​03/​open-source-and-usability-joomla-vs-wordpress/​|Comparaison entre Joomla et wordpress]] +
-  * (fr) [[http://​www.wordpress-fr.net/​|WordPress Francophone]] +
-  * (fr) [[http://​www.geekeries.fr/​|Découvrir WordPress]] +
-  * (fr) [[http://​www.logiste.be/​blog/​bible-optimisation-wordpress/​|Bible de l'​optimisation Wordpress]] +
-  * (en) [[http://​codex.wordpress.org/​Theme_Development|Theme Development]] (site officiel) +
-  * (fr) [[http://​www.foilen.com/​category/​wordpress3|Tutoriels vidéos sur l'​installation et l'​utilisation de WordPress]] +
- +
-----  +
- +
-//​Contributeur principal :  ​[[:​utilisateurs:​psychederic|Psychederic]].//+
  • wordpress.1481186117.txt.gz
  • Dernière modification: Le 08/12/2016, 09:35
  • par root75