introducción al desarrollo en wordpressindex-of.co.uk/various/seminario wordpress panda edition...

Introducción al desarrollo en WordPressGotardo González

martes 27 de septiembre de 11

WordPressIntroducción al desarrollo

PARTE ILa estructura de WordPress Instalación y configuración de WordPress.Seguridad en WordpressPlugins esencialesApariencia: themes y custom menus.

PARTE IIEditando un theme de WordPressAlgunos consejos de optimización

TaxonomíasCustom post types


Qué es Wordpress WordPress is web software you can use to

create a beautiful website or blog. We like to say that WordPress is both free and priceless

at the same time.

WordPress es una aplicación web de creación de sitios webs o blogs atractivos. Nos gusta la idea de

que Wordpress sea a la vez libre y gratis.


¿Por qué ?

Facilidad de uso Flexibilidad en el desarrollo

Facilidad de uso para el cliente final


INSTALACIÓN Y CONFIGURACIÓN

de WordPress

SO easyA caveman

can do itmartes 27 de septiembre de 11

Instalando WordPress • Descarga desde

http://es.wordpress.org/WordPress

• La instalación de Bitnamihttp://bitnami.org/es/stack/wordpress


http://es.wordpress.org

http://es.wordpress.org

http://es.wordpress.org/

http://es.wordpress.org/

http://bitnami.org/es/stack/wordpress



Configuración básica • General: Título, membresía y hora del servidor.

• Writing: Activar XML-RPC.

• Conversación: Settings y listas.

• Multimedia: Image Size.

• Enlaces permanentes: friendly url.


LA ESTRUCTURA DE WORDPRESS


La base de datos


El árbol de directorios


Seguridad en

WordPress


Seguridad (I)• No utilizar wp_ como prefijo de las tablas.

• Proteger wp-config.php contra escriturachmod 644 wp-config.php

• Nombre del super usuario distinto de ‘admin’.

• Eliminar todos los ficheros de instalación, configuración y exportación./wp-admin/import.php/wp-admin/install.php/wp-admin/installer-helper.php/wp-admin/upgrade.php


Seguridad (II)• Desactiva y desinstala todos los plugins que no

estés utilizando

• No utilizar plugins para realizar copias de respaldo de la BD (ojo con wp-db-backup).

• Utiliza una cuenta de autor: no trabajes con todos los permisos (quizás quieras probar el plugin Role Manager)

• Cuida los permisos del usuario con el que accedes a la BD

• Priva de permisos al user_ID = 1.


Seguridad (III)• Protege los directorios con .htaccess

Order Allow,DenyDeny from all<Files ~ ".(css|jpe?g|png|gif|js)$">Allow from all</Files>

• Si administras tu blog desde LAN o VPN, no permitas el acceso desde otra máquina.<Location /wordpress/wp-admin/>Order deny,allowAllow from 192.168.1.27Deny from All

</Location>


Seguridad (IV) - Plugins• Escanea tu sitio con WP Exploit Scanner.

• Escanea tu sitio con WP Security Scan.

• Utiliza Replace WP Version.

• Si utilizas una versión anterior a WordPress 3.0 ejecuta Admin Renamer Extended.

NOTA: Echa un vistazo a http://blogsecurity.net/projects/secure-wp-whitepaper.pdf


http://blogsecurity.net/projects/secure-wp-whitepaper.pdf

http://blogsecurity.net/projects/secure-wp-whitepaper.pdf

PLUGINS ESENCIALES(o no)


Plugins - SEO y WA• All in One SEO Pack

• Google XML Sitemaps

• Google Analytics for Wordpress

• KB Robots.txt

• SEO Friendly Images


Plugins - Social Media• AddThis

• Twitter Tools

Plugins - Conversación• Comment Whitelist


Plugins - Mejoras• Thickbox

• Clean-Contact

• Nextgen Gallery

• WP Multiple Languages (de pago)

• WPtouch

• MCEComments


Plugins - Desarrollo• Exec-PHP

• Optimize DB

• WP-Syntax


APARIENCIA: Themes y Menús personalizados


Apariencia - Temas• Repositorios de themes

• Añadir theme en WordPress.

• press75.com

• themeforest.com

• Estructura de un tema


Apariencia• Themes

• Widgets

• Menús

• La web móvil: WP-Touch, MobilePress


Apariencia - un menú• Crear un menú personalizado.

• Cómo añadir un menú personalizado a un theme.

Registrar un nuevo menú en functions.php<?php register_nav_menu( 'footer', __( 'Footer Menu', 'twentyeleven' ) ); ?>

Llamar al menú <?php wp_nav_menu( array( 'theme_location' => 'footer' ) ); ?>


ALGUNOS CONSEJOS DE OPTIMIZACIÓN


Optimizando Wordpress• Crea un .htaccess para controlar la cache

# BEGIN WordPress<IfModule mod_rewrite.c>RewriteEngine OnRewriteBase /RewriteRule ^index\.php$ - [L]RewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME} !-dRewriteRule . /index.php [L]</IfModule># END WordPress

# Control de Cache<FilesMatch "\.(ico|pdf|flv)$">Header set Cache-Control "max-age=29030400, public"</FilesMatch><FilesMatch "\.(jpg|jpeg|png|gif|swf)$">Header set Cache-Control "max-age=604800, public"</FilesMatch><FilesMatch "\.(xml|txt|css|js)$">Header set Cache-Control "max-age=604800, proxy-revalidate"</FilesMatch><FilesMatch "\.(html|htm|php)$">Header set Cache-Control "max-age=180, private, proxy-revalidate"</Files>


Optimizando Wordpress• GZIP Deflate con .htaccess

<IfModule mod_setenvif.c> AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css application/x-javascript </IfModule>

• Guardar contenidos en cache con un plugin como WP Super Cache

• Utiliza un plugin para guardar la cache de las imagenes de Gravatar.


Optimizando Wordpress• WP-Optimize


Optimizando Wordpress• ¿Evitar llamadas en nuestros themes?

<?php bloginfo('url') ?> <!---- Escribe la dirección en lugar de utilizar la función blog info.

• Evitar la carga de funciones obsoletas en wp-settings.php

• ¿Borrar revisiones?DELETE FROM wp_posts WHERE post_type = "revision";

• ¿Desactivar revisiones?define('WP_POST_REVISIONS', false);

• Controlar uso de memoria:<?php echo memory_get_usage() . " bytes"; ?>

Optimizando Wordpress• Evitar la carga de funciones obsoletas en wp-

settings.php (no incluir deprecated.php)

• Borrar revisionesDELETE FROM wp_posts WHERE post_type = "revision";

• ¿Desactivar revisiones y autosave?define('WP_POST_REVISIONS', false);

• Controlar uso de memoria:<?php echo memory_get_usage() . " bytes"; ?>


Optimizando Wordpress• Optimiza y comprime tu código HTML, CSS y

JavaScript.

• Si tienes acceso a su configuración, optimza Apache, PHP, y MySQL.

• http://developer.yahoo.com/performance/rules.html


http://developer.yahoo.com/performance/rules.html

http://developer.yahoo.com/performance/rules.html

TAXONOMÍAS


¿Taxonomías?


Taxonomías por defecto• Categorías (category)

• Etiquetas (post_tag)

• Categorías de enlaces (link_category)


Registrar una taxonomíafunction lenguajes_init() {

! register_taxonomy(! ! 'lenguajes',! ! 'post',! ! array(! ! ! 'label' => __( 'Lenguajes de programación' ),! ! ! 'sort' => true,! ! ! 'args' => array( 'orderby' => 'term_order' ),! ! ! 'rewrite' => array( 'slug' => 'lenguajes' )! ! )! );}

add_action( 'init', 'lenguajes_init' );


Consultas por taxonomía

//Consultar los posts sobre PHP$query = new WP_Query( array( 'lenguaje' => 'php' ) );

//Algo un poco más complejo$args = array(! 'tax_query' => array(! ! array(! ! ! 'taxonomy' => 'languaje',! ! ! 'field' => 'slug',! ! ! 'terms' => 'php'! ! )! ));$query = new WP_Query( $args );


CUSTOM POST TYPES


Custom post typespor defecto

• Un ‘post’ es algo que se almacena en la tabla wp_posts

• Tipos por defecto:

• Post

• Page

• Attachment

• Revisions

• Nav menusmartes 27 de septiembre de 11

Custom post typespor defecto

add_action( 'init', 'create_post_type' );

function create_post_type() {! register_post_type( 'acme_product',! ! array(! ! ! 'labels' => array(! ! ! ! 'name' => __( 'Products' ),! ! ! ! 'singular_name' => __( 'Product' )! ! ! ),! ! ! 'public' => true,! ! ! 'has_archive' => true,! ! ! 'rewrite' => array('slug' => 'products')! ! )! );}


Algunas referencias• WPDB

http://codex.wordpress.org/Class_Reference/wpdb

• Optimización de WordPress: infografíahttp://conecti.ca/2011/07/09/infografia-optimizar-wordpress/




http://conecti.ca/2011/07/09/infografia-optimizar-wordpress/




?><!---

Este taller se realizó el 24 de septiembre de 2011 en la UEx dentro de los seminarios de The Evnt.

introducción al desarrollo en wordpressindex-of.co.uk/various/seminario wordpress panda edition...

Documents