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