WordPress, present i futur?
Josep Comas
Digitals Girona, 10 d’octubre de 2013 v1.1 www.digitalsgirona.org
Evolució
Font: Google Trends, accés 10/10/13, http://www.google.com/trends/explore?q=drupal%2C+joomla%2C+wordpress#q=drupal%2C%20joomla%2C%20wordpress&cmpt=q
Per què WordPress ?
• Senzillesa en: – instal·lació
– interfície administrativa
– programació
– disseny
• Àmpliament utilitzat -> molts plugins, més probabilitat de trobar coses que s’adaptin al teu sector (ex: sector immobiliari), més dubtes resolts...
Lectura addicional: http://mikeschinkel.com/blog/17-reasons-wordpress-is-a-better-cms-than-drupal/ , http://www.cubrid.org/blog/dev-platform/comprehensive-overview-of-top-14-content-management-systems/
Per a què podem fer servir WordPress?
Encara que WordPress sorgís originalment per muntar blocs, el seu ús s’ha estès per dissenyar webs de tot tipus, incloent catàlegs de productes, botiga online, etc.
A tenir en compte
• Requisits hosting
• Multi-idioma
• SEO (urls, títols, descripcions, paraules clau, sitemap)
• Seguretat (vulnerabilitats, configuració segura)
• Disseny (temes)
• Optimització
• Multi-domini
Requisits hosting
• PHP versió 5.2.4 o més gran
• MySQL versió 5.0 o més gran
• Preferible tenir almenys memòria RAM reservada de 512MBytes i cpu per uns 25 processos
Font: http://wordpress.org/about/requirements/
Multi-idioma
• Fitxers .pot, .po i .mo (podem editar amb PoEdit http://www.poedit.net)
• Plugins multi-idioma: – WPML http://wpml.org/es/ (de pagament) – qTranslate http://wordpress.org/plugins/qtranslate/ (afegir
qTranslate Slug http://wordpress.org/plugins/qtranslate-slug/) – Polylang (filosofia WPML)
http://wordpress.org/plugins/polylang/ , http://www.simonstaton.co.uk/reviews/polylang-multilingual-plugin-review/ i http://polylang.wordpress.com/
– Transposh (traduccions automàtiques) http://wordpress.org/plugins/transposh-translation-filter-for-wordpress/
SEO
• Dos grans plugins: – All in One SEO Pack http://wordpress.org/plugins/all-
in-one-seo-pack/ Incorpora mòdul Sitemap que només cal activar
– WordPress SEO by Yoast http://wordpress.org/plugins/wordpress-seo/
• Recomanacions: https://support.google.com/webmasters/answer/35769?hl=en
• Eina molt útil: http://moz.com/
Seguretat
• Plugins: – Better WP Security
http://wordpress.org/plugins/better-wp-security/ – MVIS Security Center
http://wordpress.org/plugins/mvis-security-center/ – BruteProtect
http://wordpress.org/plugins/bruteprotect/ – Wordfence Security
http://wordpress.org/plugins/wordfence/
• Recomanacions: http://codex.wordpress.org/Hardening_WordPress
Disseny
• Opcions de compra – Acudir a professionals – Adquirir temes (ex:
http://themeforest.net/popular_item/by_category?category=wordpress , demo d’un bon tema http://theme-fusion.com/avada/)
• Desenvolupament: – Temes: http://codex.wordpress.org/Theme_Development – Temes fills (child)
http://codex.wordpress.org/Child_Themes http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/
Optimització (I)
• En un sol servidor: W3 Total Cache http://wordpress.org/plugins/w3-total-cache/ (podem configurar addicionalment CDN, WP Super Cache està bé però optimitza poques coses) Com configurar-lo: http://www.reginaldchan.net/guide-for-dummies-how-to-setup-your-wordpress-w3-total-cache-correctly/
• Web repartida en varis llocs: Batcache http://wordpress.org/plugins/batcache/
Lectura addicional: http://betterexplained.com/articles/how-to-optimize-your-site-with-http-caching/
Optimització (II)
• Eines per examinar la velocitat de la web: – PageSpeed
https://developers.google.com/speed/pagespeed
– Gtmetrix http://gtmetrix.com/
– WebPageTest http://www.webpagetest.org/
• Comparar quina web carrega més ràpid: http://whichloadsfaster.com/
• Testejar rendiment localment: ab -kc 10 -n 1000 http://www.digitalsgirona.org/ (sempre / al final)
Optimització (III)
• Imatges: jpegtran, optipng, pngout
Script en Windows per optimitzar vàries imatges de cop: @echo off
echo "Optimitzant JPEG..."
FOR /F "tokens=*" %%i IN ('dir /s /b *.jpg') DO jpegtran.exe -optimize -progressive "%%i" "%%i2"
echo "Optimitzant PNG, programa 1..."
FOR /F "tokens=*" %%i IN ('dir /s /b *.png') DO optipng.exe -o4 -i0 -fix "%%i"
echo "Optimitzant PNG, programa 2..."
FOR /F "tokens=*" %%i IN ('dir /s /b *.png') DO pngout.exe "%%i"
echo "Optimitzant GIF..."
FOR /F "tokens=*" %%i IN ('dir /s /b *.gif') DO pngout.exe "%%i" /kp
Multi-domini
• Podem treballar amb subdominis o subdirectoris: http://codex.wordpress.org/Create_A_Network
• Quan convé o no emprar multi-domini: http://mashable.com/2012/07/26/beginner-guide-wordpress-multisite/
Plugins
• A tenir present:
– Utilitzar els més populars (suport futur)
– Els mínims imprescindibles (seguretat)
• Els més populars per nombre de descàrregues: http://plugintable.com/
• Els més populars segons WordPress: http://wordpress.org/plugins/browse/popular/
Addicional (I)
• Afegir camps personalitzats a WordPress: – Advanced Custom Fields
http://www.advancedcustomfields.com/ • mòduls interessants d’aquest plugin:
– Repeater Field
– Options Page
– Flexible Content Field
Lectura addicional: http://www.elliotcondon.com/using-the-advanced-custom-fields-plugin-to-create-a-custom-home-page-in-wordpress/
– Pods http://pods.io/
Addicional (II)
• Controlar des d’un mateix lloc vàries instal·lacions de WordPress: http://wordpress.org/plugins/wpremote/ http://infinitewp.com/
• Quan necessitem provar un WordPress en un altre lloc: http://wordpress.org/plugins/wp-migrate-db/
Addicional (III)
• Redireccions (enllaços de web antiga a nova): http://wordpress.org/plugins/quick-pagepost-redirect-plugin/
• Restringir accés a certes pàgines: http://wordpress.org/plugins/s2member/
• Gestió avançada de permisos: http://wordpress.org/plugins/advanced-access-manager/
• Importació d’usuaris: http://wordpress.org/plugins/import-users-from-csv/
• Veure com estan fetes altres pàgines de Wordpress: http://www.wpthemedetector.com/
FAQ
• Com afegir una línia en blanc quan l’editor les treu: <code> </code>
• Com controlar l’SPAM en comentaris a articles? Activar el plugin Akismet que ve de sèrie amb les últimes versions de WordPress