Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
wordpress [Le 02/01/2017, 17:27] ernest-le-voyage [Par les dépôts Ubuntu] |
wordpress [Le 03/05/2018, 19:58] (Version actuelle) |
||
---|---|---|---|
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?245}} |
- | {{ http://upload.wikimedia.org/wikipedia/commons/c/ca/Wordpress-logo.png?150}} | + | ====== WordPress ====== |
- | **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]]. | + | [[wpfr>WordPress]] est le [[:CMS]] le plus utilisé du monde. En 2018 il représente presque un tiers des sites Internet ! |
- | * Voir en image des exemples de thèmes ([[wordpress#comment_installer_des_themes|directement accessibles dans votre Wordpress en plus sous licence GPL]]) : | + | C'est un projet né en 2003, ce qui est ancien pour une technologie du [[:Web]]. |
- | [[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 : | + | 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). |
- | [[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> | + | [[https://codex.wordpress.org/images/e/e1/twentyelevendefault1.png|{{https://codex.wordpress.org/images/e/e1/twentyelevendefault1.png?0x200}}]] |
- | 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. | + | [[https://codex.wordpress.org/images/e/e1/dashboard-welcome.png|{{https://codex.wordpress.org/images/e/e1/dashboard-welcome.png?0x200}}]] |
+ | [[https://codex.wordpress.org/images/9/99/pages-edit-page.png|{{https://codex.wordpress.org/images/9/99/pages-edit-page.png?0x200}}]] | ||
+ | [[https://codex.wordpress.org/images/0/08/managefiles.png|{{https://codex.wordpress.org/images/0/08/managefiles.png?0x200}}]] | ||
+ | [[https://codex.wordpress.org/images/f/fa/appearance-install-theme-step1.png|{{https://codex.wordpress.org/images/f/fa/appearance-install-theme-step1.png?0x200}}]] | ||
- | Vous pouvez également trouver des [[hebergeur|hébergeurs ici]]. | + | <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> |
- | </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. | + | |
- | + | ||
- | + | ||
- | 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 est connu et reconnu comme étant une bonne solution, voir les récompenses : | + | |
- | * 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==== | + | |
- | + | ||
- | 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 : | + | |
- | * 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)) : | + | |
- | *[[http://wordpress.org/extend/plugins/sitepress-multilingual-cms/|WPML Multilingual CMS]] | + | |
- | *[[http://wordpress.org/extend/plugins/pods/|Pods CMS]] | + | |
- | * [[http://wordpress.org/extend/plugins/search.php?q=cms&sort=popular|Recherche CMS sur le site officiel]] | + | |
- | + | ||
- | WordPress serait lourd ? Avec une bonne mise en cache ((WP cache)), et la maîtrise de WordPress ((utilisation mémoire, extensions etc)) la question de lourdeur ne rentre pas en ligne de compte... | + | |
===== 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> | ||
- | ==== 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 | ||
- | gksudo gedit /usr/share/wordpress/wp-config.php</code> | ||
- | - Ajouter dans l'éditeur de texte : <code>define ('WPLANG', 'fr_FR');</code> | ||
- | |||
- | <note> Il peut être utile à ce point de relancer Ubuntu </note> | ||
- | - Allez sur la page [[http://localhost/wordpress/]] | ||
- | |||
- | |||
- | 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]]. | ||
- | |||
- | ====Par étape==== | ||
- | |||
- | - 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 ). | ||
- | - 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==== | ||
- | - 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 article, nous 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 | ||
- | 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 | ||
- | |||
- | cd ~/Téléchargements | ||
- | |||
- | echo "création du script sql" | ||
- | 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 | ||
- | |||
- | echo "creation de la base" | ||
- | mysql -h localhost -u root -p < ~/Téléchargements/wordpress.sql | ||
- | |||
- | wget http://fr.wordpress.org/$wordpress | ||
- | |||
- | sudo mkdir /var/www/wordpress | ||
- | |||
- | unzip -o $wordpress | ||
- | |||
- | cd wordpress | ||
- | sudo cp -r * /var/www/wordpress | ||
- | |||
- | |||
- | sudo chown -R www-data /var/www/wordpress | ||
- | |||
- | firefox http://localhost/wordpress | ||
- | </code> | ||
- | |||
- | |||
- | |||
- | |||
- | ===== Post-Installation ===== | ||
- | ==== 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. | ||
- | |||
- | Vous pouvez soit nettoyer régulièrement votre base, en exécutant cette requête SQL((par exemple dans [[phpmyadmin]], ou [[mysql]])). | ||
- | |||
- | <code> | ||
- | DELETE a,b,c | ||
- | FROM wp_posts a | ||
- | LEFT JOIN wp_term_relationships b ON (a.ID = b.object_id) | ||
- | LEFT JOIN wp_postmeta c ON (a.ID = c.post_id) | ||
- | WHERE a.post_type = 'revision' | ||
- | </code> | ||
- | |||
- | Soit désactiver les révisions : ouvrir wp-config.php et ajouter | ||
- | define('WP_POST_REVISIONS','0'); | ||
- | |||
- | ====Outils de test ==== | ||
- | |||
- | |||
- | 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. | ||
- | |||
- | Autres services de test : | ||
- | * http://gtmetrix.com/ | ||
- | * http://code.google.com/intl/fr/speed/page-speed/ ⇐lien mort | ||
- | * http://developer.yahoo.com/yslow/ | ||
- | |||
- | Des idées de mots : | ||
- | * [[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 ===== | ||
- | |||
- | ====Comment installer des thèmes ==== | ||
- | Dans l'administration de votre WordPress : | ||
- | * 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]]. | ||
- | |||
- | ====Ajouter des pages==== | ||
- | |||
- | * 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 | ||
- | |||
- | ====Ajouter des widgets ==== | ||
- | |||
- | * 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 : | ||
- | * 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 developed. I do not recommend you install and use it. If you are currently using this plugin, please consider disabling it. Running unmaintained plugins in WordPress can cause security- and other issues. More info at roytanck.com. | ||
- | ==== Éditer / Créer son propre thème ==== | ||
- | |||
- | Vous pouvez éditer les thèmes : | ||
- | * 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: | ||
- | * [[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 ==== | ||
- | Vous pouvez télécharger des thèmes et les installer (décompresser) dans le répertoire | ||
- | * REPERTOIRE_DE_BASE_DE_wordpress/wp-content/themes | ||
- | |||
- | Voici la procédure décrite plus clairement : | ||
- | - 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 ==== | ||
- | 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]] | ||
- | * (fr) http://themeswp.aurelienpaulus.net/ | ||
- | * (fr) http://www.herewithme.fr/themes-wordpress-francais | ||
- | * (fr) http://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]]. | ||
- | |||
- | |||
- | ====Installer Manuellement ==== | ||
- | Vous pouvez télécharger des extensions et les installer (décompresser) dans le répertoire | ||
- | |||
- | * REPERTOIRE_DE_BASE_DE_wordpress/wp-content/plugins | ||
- | |||
- | |||
- | ====Où trouver des extensions ==== | ||
- | |||
- | * [[http://wordpress.org/extend/plugins/browse/popular/|Les extensions les plus populaires]]. | ||
- | |||
- | ====Connections utilisateurs==== | ||
- | |||
- | * [[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. | ||
- | |||
- | ==== Antispam ==== | ||
- | |||
- | * [[http://wordpress.org/extend/plugins/wp-spamfree/|Spamfree]] léger, efficace, sans maintenance (contient également une page de contact personnalisable pour votre site) | ||
- | * [[http://wordpress.org/extend/plugins/bad-behavior/|Bad Bahavior]] | ||
- | |||
- | ==== Sécurité ==== | ||
- | * [[http://www.seoegghead.com/software/wordpress-firewall.seo|Wordpress Firewall plugin]] | ||
- | * [[http://wordpress.org/extend/plugins/wp-security-scan/|WP Security Scan]] | ||
- | * [[http://wordpress.org/extend/plugins/exploit-scanner/|WordPress Exploit Scanner]] | ||
- | |||
- | |||
- | ====Maintenance - sauvegarde ==== | ||
- | * [[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]] | ||
- | |||
- | |||
- | ====Commerce électronique ==== | ||
- | |||
- | * [[http://wordpress.org/extend/plugins/wp-e-commerce/|WP e-Commerce]] | ||
- | * [[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]] | ||
- | |||
+ | <note>Le site officiel propose 2 documentations concernant l'installation de WordPress : [[https://fr.wordpress.org/txt-install/|une succincte]], l'autre [[http://codex.wordpress.org/fr:Installer_WordPress|plus complète]].</note> | ||
- | ==== Tag ==== | + | <note tip>La plupart des hébergeurs web proposent une installation de WordPress simplifiée ("//en 1 clic//").</note> |
- | * [[http://wordpress.org/extend/plugins/wp-cumulus/|WP-Cumulus]] : Tag en 3D sur une sphère (flash) | + | |
+ | <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> | ||
- | ==== Ajax ==== | + | ==== Prérequis ==== |
- | * [[http://wordpress.org/extend/plugins/ajaxd-wordpress/|AJAXed WordPress]] | + | |
+ | 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]]). | ||
- | ==== Les commentaires ==== | + | <note>Sur un hébergement web géré par l'hébergeur, ces prérequis devraient déjà être en place, donc toutes ces étapes devraient être inutiles. |
- | * [[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 commentaires, en 'ajax', avec live preview du coté client. | + | |
+ | N'hésitez pas à contacter le support de l'hébergeur si ce n'est pas le cas.</note> | ||
- | ==== Système de cache ==== | + | [[: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]]. |
- | * [[http://wordpress.org/extend/plugins/wp-super-cache/|WP SuperCache]] | + | Donc pour installer [[:apache2|Apache]], [[:PHP]] et [[:MySQL]] ou [[:MariaDB]], suivez [[:LAMP#installation|cette documentation]]. |
- | * [[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 ==== | + | 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 : |
- | * [[http://wordpress.org/extend/plugins/use-google-libraries/|Google Libraries]] | + | <code>sudo a2enmod rewrite</code> |
- | ====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]]) | + | |
+ | Nous allons ensuite créer un [[:apache2#hotes_virtuels|hôte virtuel]] pour WordPress, dont la racine sera ///var/www/wordpress// : | ||
+ | <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 | ||
+ | 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// pour la directive //ServerName//.\\ | ||
+ | (//Ctrl+X// puis //O// pour quitter en sauvegardant) | ||
- | ==== Indexation ( SEO ) ==== | + | Finalement, on active l'hôte virtuel et on recharge la configuration d'Apache : |
+ | <code>sudo a2ensite wordpress | ||
+ | sudo systemctl reload apache2</code> | ||
- | * [[http://wordpress.org/extend/plugins/google-sitemap-generator/|Google XML Sitemaps]] | + | Si on n'a pas spécifié de vrai nom de domaine, on édite le fichier ///etc/hosts// côté client afin de renseigner l'IP du serveur pour le domaine //wordpress// : |
- | * [[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. | + | <file - hosts>127.0.0.1 wordpress</file> |
- | ====Monitoring, visiteurs ==== | + | |
- | * [[http://wordpress.org/extend/plugins/easy-adsenser/|Easy AdSense]] | + | |
- | ==== Autres ==== | + | <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> |
- | * [[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]] | + | ==== Installation de WordPress ==== |
+ | === Copie des fichiers === | ||
- | ====Images ==== | + | Tout d'abord téléchargeons la dernière version de WordPress : |
- | * [[http://wordpress.org/extend/plugins/scissors/|Scissors]] : donne des possibilités avancées sur les images. | + | <code>wget https://fr.wordpress.org/wordpress-latest-fr_FR.zip</code> |
- | ==== CDN ==== | + | 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> | ||
- | * [[http://wordpress.org/extend/plugins/cdn-tools/|CDN Tools]] | + | On va renforcer légèrement la sécurité en attribuant des [[[[:apache2#permissions|droits]] un peu restrictifs aux fichiers : |
- | * [[http://wordpress.org/extend/plugins/my-cdn/|My CDN]] | + | <code>sudo chown www-data:www-data /var/www/wordpress -R |
- | * [[http://wordpress.org/extend/plugins/w3-total-cache/|W3 Total Cache]] | + | sudo find /var/www/wordpress -type d -exec chmod 755 {} \; |
- | * [[http://wordpress.org/extend/plugins/wordpresscom-video-server/|WordPress Video Solution Framework]] | + | sudo find /var/www/wordpress -type f -exec chmod 644 {} \;</code> |
- | * [[http://wordpress.org/extend/plugins/free-cdn/|Free CDN]] | + | (WordPress [[https://codex.wordpress.org/Updating_WordPress#File_Ownership|exige]] que les fichiers appartiennent à //www-data// __et__ soient modifiables par le serveur pour faire fonctionner les mises à jour automatiques) |
- | ==== Forum ==== | + | === 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 -u root</code> | ||
- | * [[http://wordpress.org/extend/plugins)]] | + | On arrive alors sur la console SQL sur laquelle nous allons entrer ces commandes (en remplaçant //mot_de_passe//) : |
- | * [[http://wordpress.org/extend/plugins/bbpress-integration/|bbPress Integration]] | + | <code>CREATE DATABASE wordpress; |
+ | GRANT ALL PRIVILEGES ON wordpress.* TO 'WordPress'@'localhost' IDENTIFIED BY 'mot_de_passe'; | ||
+ | FLUSH PRIVILEGES; | ||
+ | EXIT</code> | ||
+ | Il faut remplacer //mot_de_passe// par un vrai mot de passe complexe qu'on note pour la prochaine étape. | ||
- | ====Wiki ==== | + | On vient de créer la base de donnée //wordpress// à laquelle l'utilisateur //WordPress// aura accès. |
- | * [[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==== | + | === Installation via l'interface web === |
- | * [[http://wordpress.org/extend/plugins/frontpage-slideshow/|Frontpage-Slideshow]] | + | |
- | ====Réseaux sociaux==== | + | WordPress devrait alors être accessible à l'adresse [[http://wordpress/]], et cette adresse nous redirige sur une interface qui nous permet de finaliser l'installation. |
- | * [[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 ===== | + | Cliquez sur //C'est parti !// et renseignez les différents champs : |
+ | * **Nom de la base de données** : //wordpress// | ||
+ | * **Identifiant** : //WordPress// | ||
+ | * **Mot de passe** : le mot de passe qu'on a noté à l'étape précédente (lors de la création de la base de donnée et de l'utilisateur //WordPress//) | ||
+ | * **Adresse de la base de données** : //localhost// | ||
+ | * **Préfixe des tables** : //wp_// | ||
+ | Après avoir cliqué sur //Lancer l'installation//, on tombe sur un second formulaire. | ||
- | 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é. | + | Il s'agit cette fois de définir un administrateur pour WordPress. Les champs sont assez clairs.\\ |
+ | 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** existante, ce qui vous permettra de récupérer votre mot de passe en cas de perte, ou de faire fonctionner les notifications par courriel. | ||
- | 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. | + | ===== Utilisation ===== |
- | 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. | + | ==== Extensions ==== |
+ | 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]]. | ||
- | ===== Technologie ===== | + | Nous n'allons évidemment pas dresser la liste exhaustive des plus de 50000 extensions disponibles, mais certaines d'entre elles sont incontournables : |
- | écrit en PHP et reposant sur une base de données MySQL. | + | * //**[[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. |
+ | * //**[[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. | ||
+ | * //**[[https://fr.wordpress.org/plugins/polylang/|Polylang]]**// : incontournable pour les sites multilingues. | ||
- | Supporte Google Gears. | + | <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. |
- | =====Débugguage===== | + | N'installez que des extensions qui vous sont indispensables et en lesquelles vous avez confiance.</note> |
- | ====Changer le mot de passe administrateur==== | + | ==== Thèmes ==== |
- | <code> | + | 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]]. |
- | UPDATE wp_users SET user_pass=MD5('MOTDEPASSE') WHERE user_login = 'admin'; | + | |
- | </code> | + | <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 maintenus, et maintenez-les à jour autant que possible.</note> |
+ | ==== Contenu éditorial ==== | ||
- | ===== Liens ===== | + | La contenu éditorial de WordPress est principalement de deux types : |
- | ====Tutoriels==== | + | * les //pages//, qui sont les éléments constituants des "sites classiques", et sont en général structurées par arborescence (menu, sous-menu) |
- | * [[http://videonoob.fr/wordpress/tutoriel|Comment créer un blog avec WordPress ? De A à Z]]. | + | * les //articles//, qui sont les éléments constituants des blogs, et sont liés à une notion d'actualité (tri par date) |
- | * [[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]] | + | ===== Problèmes courants ===== |
- | * [[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]] | + | ==== Mot de passe administrateur perdu ==== |
- | * [[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 ==== | + | Vous pouvez modifier le mot de passe de l'administrateur WordPress en vous connectant à la console MySQL |
+ | <code>sudo mysql -u root</code> | ||
+ | Puis en entrant les commandes suivantes : | ||
+ | <code>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. | ||
+ | ===== Liens utiles ===== | ||
- | * (en) [[http://wordpress.org/|Site officiel]] | + | * [[http://fr.wordpress.org/|fr.wordpress.org]] : site officiel |
- | * (en) [[http://wordpress.org/blog/|Blog de développement]] | + | * [[http://wpfr.net/|wpfr.net]] : communauté francophone |
- | * [[http://www.playingwithwire.com/2009/03/open-source-and-usability-joomla-vs-wordpress/|Comparaison entre Joomla et wordpress]] | + | * [[http://www.geekeries.fr/|www.geekeries.fr]] : présentations de ressources WordPress |
- | * (fr) [[http://www.wordpress-fr.net/|WordPress Francophone]] | + | * [[https://www.grafikart.fr/tutoriels/wordpress|www.grafikart.fr]] : tutoriels pour les développeurs |
- | * (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]].// | + | //Contributeurs : [[:utilisateurs:krodelabestiole]], [[:utilisateurs:psychederic|Psychederic]]// |