51
Como crear plugins para WordPress @eveevans

Cómo crear plugins para Wordpress

Embed Size (px)

DESCRIPTION

Charla de "Cómo crear plugins para Wordpress" para WordCamp Nicaragua 2013

Citation preview

Page 1: Cómo crear plugins para Wordpress

Como crear plugins para WordPress

@eveevans

Page 2: Cómo crear plugins para Wordpress

Como crear plugins para WordPress

@eveevans

Page 3: Cómo crear plugins para Wordpress

Como crear plugins para WordPress

Page 4: Cómo crear plugins para Wordpress

Como crear plugins para WordPress

Page 5: Cómo crear plugins para Wordpress

Como crear plugins para WordPress

Page 6: Cómo crear plugins para Wordpress

WIDGETSADMIN

GALERÍAS

CALENDARIOS

CA

RR

ITO

DE

CO

MP

RA

S

POST

LIBRERÍAS

RE

DE

S S

OC

IALE

S

LIBRERÍAS

ANALYTICS

CONTACT

FORMS

SO

CIA

L M

SLI

DE

R

SE

O

CU

STO

M

ME

TA MAPSFI

ELD

S

AJAX

SP

AM

FACEBOOK

EVENTS

EVENTS

SH

AR

E

LOGINO

AU

THB

AN

NE

R

HTML5

CAPTCHA DASHBOARDSERVICES

MEDIA

MA

ILE

RC

OM

ME

NTS

MU

LTIS

ITE

;

PICTURESDA

TAB

AS

BACKUPS

Page 7: Cómo crear plugins para Wordpress
Page 8: Cómo crear plugins para Wordpress

Nuestro primer plugin

Page 9: Cómo crear plugins para Wordpress

<?php

/*

Plugin name: Bleem

*/

?>

Page 10: Cómo crear plugins para Wordpress

<?php

/*

Plugin name: Bleem

*/

?>

/wp-content/plugins/bleem.php

Page 11: Cómo crear plugins para Wordpress

<imagen divertida>

Page 12: Cómo crear plugins para Wordpress

Captura del plugin

Page 13: Cómo crear plugins para Wordpress

<?php

/*

Plugin Name: Bleem

Plugin URI: http://flasheves.com/plugins/bleem

Description: Descripción del plugin

Version: 1.0

Author: eveevans

Author URI: http://flasheves.com

License: GPLv2

*/

?>

Page 14: Cómo crear plugins para Wordpress

/wp-content/plugins/bleem■ bleem.php■ /js■ /css■ /images■ /includes

Page 15: Cómo crear plugins para Wordpress

/wp-content/plugins/bleem■ bleem.php■ /js■ /css■ /images■ /includes

Page 16: Cómo crear plugins para Wordpress

Nuestro primer pluginHOOKS

Page 17: Cómo crear plugins para Wordpress

HOOKSHOOKS FiltersActions

Page 18: Cómo crear plugins para Wordpress

Filters

Page 19: Cómo crear plugins para Wordpress

Filters

Page 20: Cómo crear plugins para Wordpress

Filters

Page 21: Cómo crear plugins para Wordpress

Filters

add_filter('the_title', 'titulo_bleem');

function titulo_bleem($titulo_original){

return $titulo_original . 'pew pew pew';

}

Page 22: Cómo crear plugins para Wordpress

Filters

add_filter('the_title', 'titulo_bleem');

function titulo_bleem($titulo_original){

return $titulo_original . 'pew pew pew';

}

Page 23: Cómo crear plugins para Wordpress

Filters● the_title

● the_content● the_content_rss

● comment_text● wp_title

● the_permalink● ...

Otros

Page 24: Cómo crear plugins para Wordpress

HOOKSHOOKS Actions

Page 25: Cómo crear plugins para Wordpress

Actions

Page 26: Cómo crear plugins para Wordpress

ActionsZAAP

Page 27: Cómo crear plugins para Wordpress

Actions

add_action( 'comment_post', 'avisarme_nuevo_comentario' );

function avisarme_nuevo_comentario() {

wp_mail('[email protected]',

'Yay nuevo comentario', 'Hay un nuevo comentario

esperando');

}

Page 28: Cómo crear plugins para Wordpress

Actions

add_action( 'comment_post', 'avisarme_nuevo_comentario' );

function avisarme_nuevo_comentario() {

wp_mail('[email protected]',

'Yay nuevo comentario', 'Hay un nuevo comentario

esperando');

}

Page 29: Cómo crear plugins para Wordpress

Actions

add_action( 'admin_menu', 'crear_menucito' );

function crear_menucito() {

add_menu_page( 'Página de Menucito', 'Menucito Plugin',

'manage_options', 'manucito_menu', 'pagina_configuraciones',

plugins_url( '/images/mi_icono.png', __FILE__ ) );

}

function pagina_configuraciones(){ echo "<h1>Bleem</h1>"; }

Page 30: Cómo crear plugins para Wordpress

Actions

add_action( 'admin_menu', 'crear_menucito' );

function crear_menucito() {

add_menu_page( 'Página de Menucito', 'Menucito Plugin',

'manage_options', 'manucito_menu', 'pagina_configuraciones',

plugins_url( '/images/mi_icono.png', __FILE__ ) );

}

function pagina_configuraciones(){ echo "<h1>Bleem</h1>"; }

Page 31: Cómo crear plugins para Wordpress

ActionsOtros

● publish_post● create_category● wp_head● admin_head● wp_footer● ...

Page 32: Cómo crear plugins para Wordpress

http://adambrown.info/p/wp_hooks

Page 33: Cómo crear plugins para Wordpress

Como crear Soporte delenguajes

Page 34: Cómo crear plugins para Wordpress

Como crear Soporte delenguajes

__ _e+

Page 35: Cómo crear plugins para Wordpress

Como crear Soporte delenguajes

__<?php $x = __( 'Exit', 'bleem_plugin' ); ?>

+ _e

Page 36: Cómo crear plugins para Wordpress

Como crear Soporte delenguajes

__<?php _e( 'Yaaaaaay', 'bleem_plugin' ); ?>

+ _e

Page 37: Cómo crear plugins para Wordpress

Limpiar y validar entradas

Page 38: Cómo crear plugins para Wordpress
Page 39: Cómo crear plugins para Wordpress

esc_attr();

esc_sql();

intval();

absint();

strip_tags();

sanitize_text_field();

sanitized_email();

Page 40: Cómo crear plugins para Wordpress

Hora dePublicar el Plugin

Page 41: Cómo crear plugins para Wordpress

Hora dePublicar el Plugin

Manual Oficial Premium

Page 42: Cómo crear plugins para Wordpress

Hora dePublicar el Plugin

Manual Oficial Premium

Page 43: Cómo crear plugins para Wordpress
Page 44: Cómo crear plugins para Wordpress

http://wordpress.org/plugins/add/

Page 45: Cómo crear plugins para Wordpress

readme.txt

Page 46: Cómo crear plugins para Wordpress

readme.txt=== Plugin Name ===Contributors: eveevansDonate link: http://www.flasheves.com/ev-widget-post/Tags: post, widget, thumbnailRequires at least: 2.8Tested up to: 3.5.1Stable tag: 1.0

Descripcion del plugin

== Description ==

Descripción extensa

== Changelog ==

= 1.0 =* Novedades en esta version* Corecciones que se hagan

= 0.5 =* Primera version

Page 47: Cómo crear plugins para Wordpress

/nuestro_plugin■ /branches■ /tags

● 0.5● 1.0

■ /trunk

Page 48: Cómo crear plugins para Wordpress
Page 49: Cómo crear plugins para Wordpress

Para los que se pregunten, Bleem un número entero entre 3 y 4

Page 50: Cómo crear plugins para Wordpress

Y ahora a escribir poemas...

Page 51: Cómo crear plugins para Wordpress

@eveevans