Presentació que va servir de fil conductor al debat organitzat per Digitals Girona sobre WordPress el 10/10/2013. La presentació ja inclou les aportacions del debat.

1. WordPress, present i futur?
Josep Comas
Digitals Girona, 10 d’octubre de 2013
v1.1www.digitalsgirona.org

2. 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

3. 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/

4. 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.

5. 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

6. 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/

7. 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/

8. 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/

9. 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

10. Disseny
• Opcions de compra
– Acudir a professionals
– Adquirir temes (ex:
http://themeforest.net/popular_item/by_category?catego
ry=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/

11. 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/

12. 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)

13. 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

14. 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/

15. 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/

16. 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/

17. 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/

18. 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/

19. 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