<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Desarrollo Web Blog &#187; Principiantes</title>
	<atom:link href="http://www.visualtecnoweb.com/category/principiantes/feed" rel="self" type="application/rss+xml" />
	<link>http://www.visualtecnoweb.com</link>
	<description>Wordpress, plugins, javascript, jquery...</description>
	<lastBuildDate>Mon, 28 Mar 2011 13:19:28 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.3</generator>
		<item>
		<title>Crear tabla mysql al activar un plugin wordpress</title>
		<link>http://www.visualtecnoweb.com/crear-tabla-mysql-al-activar-un-plugin-wordpress.html</link>
		<comments>http://www.visualtecnoweb.com/crear-tabla-mysql-al-activar-un-plugin-wordpress.html#comments</comments>
		<pubDate>Mon, 01 Nov 2010 17:46:01 +0000</pubDate>
		<dc:creator>Antonio Carvajal</dc:creator>
				<category><![CDATA[MySql]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Principiantes]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[blogs]]></category>
		<category><![CDATA[mysql]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.visualtecnoweb.com/?p=109</guid>
		<description><![CDATA[En muchas ocasiones necesitamos crear  tablas en base de datos que interactúen con nuestros plugins, por ejemplo plugins que se encarguen de administrar clientes de una empresa, artículos de una tienda, etc. La forma más adecuada, es crear una tabla automáticamente al activar el plugin. En  este post voy a explicar paso a paso cómo [...]]]></description>
			<content:encoded><![CDATA[<p>En muchas ocasiones necesitamos crear  tablas en base de datos que interactúen con nuestros plugins, por ejemplo plugins que se encarguen de administrar clientes de una empresa, artículos de una tienda, etc.</p>
<p>La forma más adecuada, es <strong>crear una tabla automáticamente al activar el plugin</strong>. En  este post voy a explicar paso a paso cómo hacerlo de forma muy simple. Además al final del post también podrás descargarte el plugin que he creado para el ejemplo.</p>
<p><span id="more-109"></span></p>
<p>Vamos a crear un plugin que maneje los clientes de una determinada empresa, los cuales seran almacenados en una tabla mysql y mostrados por nuestro plugin, de forma que se al activar el plugin, se cree la tabla donde se almacenarán los clientes.</p>
<p>En primer lugar tendremos que hacer una función que cree nuestra tabla, y en segundo lugar llamar a la función que hemos creado para que se ejecute al activar el plugin:</p>
<p>1.-Implementar una función que cree la tabla MySql</p>
<pre class="brush:php">function clientesAC_install()
{
	global $wpdb;
	$table_name = $wpdb-&gt;prefix . "clientesAC";

	$sql = " CREATE TABLE $table_name(
		IDCliente int(11) NOT NULL AUTO_INCREMENT ,
		nombre char(50) NOT NULL ,
		apellido1 char(50) NOT NULL ,
		apellido2 char(50),
		web char(100),
		fechaAlta date NOT NULL ,
		PRIMARY KEY ( `IDCliente` )
		) ;";

	require_once(ABSPATH . 'wp-admin/includes/upgrade.php');
	dbDelta($sql);
}
?&gt;</pre>
<p>2.-Llamar a la función que hemos creado</p>
<p>Wordpress provee un gancho (&#8216;hook&#8217;) cuyo propósito es llamar a la función que se ejecutará cuando el plugin sea activado. La vemos en el ejemplo:</p>
<pre class="brush:php">&lt;?
	phpregister_activation_hook(__FILE__,'clientesAC_install');
?&gt;</pre>
<p>Observamos como el segundo parámetro es el nombre que hemos elegido para la función que crea nuestra tabla.</p>
<p>Si quieres puedes <a title="Descargar plugin" href="http://www.visualtecnoweb.com/wp-content/downloads/clientesAC.zip">descargar el ejemplo aquí</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.visualtecnoweb.com/crear-tabla-mysql-al-activar-un-plugin-wordpress.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Hola Mundo en plugin de WordPress</title>
		<link>http://www.visualtecnoweb.com/hola-mundo-en-plugin-de-wordpress.html</link>
		<comments>http://www.visualtecnoweb.com/hola-mundo-en-plugin-de-wordpress.html#comments</comments>
		<pubDate>Thu, 21 Oct 2010 12:16:54 +0000</pubDate>
		<dc:creator>Antonio Carvajal</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Principiantes]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[blogs]]></category>
		<category><![CDATA[desarrollo]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.visualtecnoweb.com/?p=79</guid>
		<description><![CDATA[En este post voy a explicar los pasos básicos que tenemos que seguir para crear nuestro primer plugin en wordpress. Para ello voy a usar el “hola mundo” que todos los desarrolladores usamos cada vez que empezamos con un nuevo lenguaje de programación. Nombre de nuestro plugin Lo primero que debemos hacer es pensar un [...]]]></description>
			<content:encoded><![CDATA[<p><img width="541" height="211" src="http://www.visualtecnoweb.com/wp-content/themes/bigfeature/library/timthumb/timthumb.php?src=/wp-content/uploads/2010/10/wordpress-plugin-hola-mundo.jpg&amp;w=541&amp;zc=1&amp;zcp=1" alt="Hola Mundo en plugin de WordPress" />En este post voy a explicar los pasos básicos que tenemos que seguir para <strong>crear nuestro primer plugin en wordpress</strong>. Para ello voy a usar el “hola mundo” que todos los desarrolladores usamos cada vez que empezamos con un nuevo lenguaje de programación.</p>
<p><span id="more-79"></span></p>
<h3>Nombre de nuestro plugin</h3>
<p>Lo primero que debemos hacer es pensar un nombre para nuestro plugin que sea lo más descriptivo posible de la función que va a realizar.</p>
<p>Si tenemos intención de hacerlo público, otra cosa que deberíamos intentar es que sea un nombre único, para ello podemos añadirle nuestras iniciales o cualquier cosa que lo identifique de otros.</p>
<p>Teniendo en cuenta estas dos consideraciones, para nuestro ejemplo llamaremos a nuestro plugin “Hola Mundo AC”, donde “AC” son las iniciales de mi nombre (Antonio Carvajal).</p>
<h3>Archivos de nuestro plugin</h3>
<p>El siguiente paso es crear un archivo PHP con un nombre similar al que hemos elegido en el paso anterior. En nuestro ejemplo: holaMundoAC.php</p>
<p>Este archivo tenemos que ubicarlo dentro de la carpeta <em>wp-content/plugins/</em>. También podemos ponerlo dentro de un subdirectorio: <em>wp-content/plugins/holaMundo/</em> aunque como nuestro plugin va a ser muy simple y no va a necesitar de otros archivos (CSS, javascript…) para su funcionamiento, lo ubicaremos directamente en la carpeta de plugins.</p>
<h3>Archivo holaMundoAC.php</h3>
<p>Lo primero que tenemos que introducir en nuestro archivo son las siguientes cabeceras:</p>
<pre class="brush:php">&lt;?php
/*
Plugin Name: &lt;Nombre de nuestro plugin&gt;
Plugin URI: &lt;Url donde describimos nuestro plugin&gt;
Description: &lt;Descripción breve de nuestro plugin&gt;
Version: &lt;Versión de nuestro plugin&gt;
Author: &lt;Nombre del autor del plugin&gt;
Author URI: &lt;Url del a web del autor del pluin
License: &lt;Tipo de licencia&gt;
*/
?&gt;</pre>
<p>Al menos deberemos escribir el nombre de nuestro plugin, el resto no son necesarias. Veamos como lo pondríamos en nuestro ejemplo:</p>
<pre class="brush:php">&lt;?php
/*
Plugin Name: Hola Mundo AC
Plugin URI: http://www.visualtecnoweb.com/plugin...
Description: Plugin didáctico hola Mundo!
Version: 1.0
Author: Antonio Carvajal
Author URI: http://www.antoniocarvajal.com
*/
?&gt;</pre>
<p>Una vez ponemos nuestro archivo en la carpeta /wp-content/plugins/ al entrar en el panel de administración de nuestro wordpress en la opción “Plugins”, veremos lo siguiente:</p>
<p><a href="http://www.visualtecnoweb.com/wp-content/uploads/2010/10/holaMundoPluginWordpress1.jpg"><img class="alignnone size-full wp-image-94" title="holaMundoPluginWordpress" src="http://www.visualtecnoweb.com/wp-content/uploads/2010/10/holaMundoPluginWordpress1.jpg" alt="Nuestro plugin mostrado en la lista de plugins de wordpress" width="498" height="55" /></a></p>
<p>Notar en la imagen que lo que pusimos en las cabeceras de nuestro archivo es lo que se está mostrando en la información del plugin.</p>
<p>Si quieres puedes descargarte el fichero del ejemplo <a title="Descargar Ejemplo" href="http://www.visualtecnoweb.com/wp-content/uploads/2010/10/holaMundoAC.zip">aquí</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.visualtecnoweb.com/hola-mundo-en-plugin-de-wordpress.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>(3) Hola mundo con jquery</title>
		<link>http://www.visualtecnoweb.com/hola-mundo-con-jquery.html</link>
		<comments>http://www.visualtecnoweb.com/hola-mundo-con-jquery.html#comments</comments>
		<pubDate>Sat, 06 Sep 2008 12:27:31 +0000</pubDate>
		<dc:creator>Antonio Carvajal</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Principiantes]]></category>
		<category><![CDATA[Tutorial jquery]]></category>

		<guid isPermaLink="false">http://www.visualtecnoweb.com/?p=32</guid>
		<description><![CDATA[Una vez dados los pasos previos, ya podemos empezar a hacer cosas un poco mas interesantes. En primer lugar y como no podía ser de otra forma, veremos el típico &#8220;hola mundo&#8221;. Una de las funcionalidades más interesantes de jquery, es lo mucho que facilita interactuar con los elementos de nuestras páginas webs. Vamos a [...]]]></description>
			<content:encoded><![CDATA[<p>Una vez dados los pasos previos, ya podemos empezar a hacer cosas un poco mas interesantes. En primer lugar y como no podía ser de otra forma, veremos el típico &#8220;hola mundo&#8221;.</p>
<p>Una de las funcionalidades más interesantes de jquery, es lo mucho que facilita interactuar con los elementos de nuestras páginas webs. Vamos a ver un ejemplo en el que usamos un botón y el evento de hacer click en él. Veamos el código y lo explicaremos paso a paso después:</p>
<p>[html]
<html>
<head></p>
<p>  <script src="jquery.js" type="text/javascript"></script>
  <script type="text/javascript"><!--
  $(document).ready(function(){
    $("input").click(function(){
      alert("Hola Mundo!");
    });
  });
  </script>
</head>
<body></p>
<input type="button" value="pulsame" />
</body>
</html>
[/html]</p>
<p>Para ver el resultado pulsa <a href="/ejemplosJquery/holaMundo.htm" rel="nofollow">aquí</a></p>
<p>En primer lugar, hemos creado un botón html en nuestro documento html. Después creamos nuestro código jquery el cual tiene la siguiente <strong>sintaxis</strong>:
<strong>$("elemento").evento(parametro)</strong></p>
<p>Como elemento ponemos nuestro botón, y como evento "click". Como parámetro, podemos poner una función, que será la encargada de mostrar el mensaje por pantalla.</p>
<p>Con este simple ejemplo ya vemos el abanico de posibilidades que se nos abre con este framework. En el siguiente post, vamos a ver todos los eventos que hay con algunos ejemplos</p>
]]></content:encoded>
			<wfw:commentRss>http://www.visualtecnoweb.com/hola-mundo-con-jquery.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>(2) Evento ready en jquery</title>
		<link>http://www.visualtecnoweb.com/evento-ready-en-jquery.html</link>
		<comments>http://www.visualtecnoweb.com/evento-ready-en-jquery.html#comments</comments>
		<pubDate>Fri, 05 Sep 2008 16:25:40 +0000</pubDate>
		<dc:creator>Antonio Carvajal</dc:creator>
				<category><![CDATA[Principiantes]]></category>
		<category><![CDATA[Tutorial jquery]]></category>

		<guid isPermaLink="false">http://www.visualtecnoweb.com/?p=31</guid>
		<description><![CDATA[En este segundo post todavía no veremos en acción a jquery, pero hay que explicar una cosita un poco antes. Para asegurarnos de que todo va a funcionar correctamente, debemos esperar que se carguen ciertas cosas antes. Para eso usaremos el evento ready, el cual chequea a la espera de que llegue ese momento. El [...]]]></description>
			<content:encoded><![CDATA[<p>En este segundo post todavía no veremos en acción a jquery, pero hay que explicar una cosita un poco antes.</p>
<p>Para asegurarnos de que todo va a funcionar correctamente, debemos esperar que se carguen ciertas cosas antes. Para eso usaremos el evento ready, el cual chequea a la espera de que llegue ese momento. El problema que anteriormente nos encontrábamos es que había que esperar a que todos los elementos de la página estuvieran cargados (imágenes, banner&#8230;), lo cual no era lo más óptimo. Con este evento sólo habrá que esperar a que se cargue la estructura de la página.</p>
<p>Si has programado antes en javascript, todo esto te sonará, pero si no es el caso sólo tienes que saber que nuestro código deberá ir siempre en el sitio indicado a continuación:</p>
<p>[html]</p>
<p><script src="jquery.js" type="text/javascript"></script>
 <script type="text/javascript"><!--
  $(document).ready(function(){
    //este será el sitio donde irá nuestro código a partir de ahora   
  });
// --></script></p>
<p>[/html]</p>
]]></content:encoded>
			<wfw:commentRss>http://www.visualtecnoweb.com/evento-ready-en-jquery.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>(1) Descargar y enlazar jquery.js</title>
		<link>http://www.visualtecnoweb.com/descargar-y-enlazar-jqueryjs.html</link>
		<comments>http://www.visualtecnoweb.com/descargar-y-enlazar-jqueryjs.html#comments</comments>
		<pubDate>Fri, 05 Sep 2008 16:04:55 +0000</pubDate>
		<dc:creator>Antonio Carvajal</dc:creator>
				<category><![CDATA[Principiantes]]></category>
		<category><![CDATA[Tutorial jquery]]></category>

		<guid isPermaLink="false">http://www.visualtecnoweb.com/?p=24</guid>
		<description><![CDATA[Lo primero que tenemos que hacer para empezar a usar jquery, es descargarnos la librería desde aquí. Podemos descargar el archivo comprimido o el .js directamente. Una vez tenemos el archivo jquery.js, lo situamos en la misma carpeta donde vayamos a tener nuestro archivo .html para después podere importarlo desde dicho documento. Nuestro primero código [...]]]></description>
			<content:encoded><![CDATA[<p>Lo primero que tenemos que hacer para empezar a usar jquery, es descargarnos la librería desde <a title="descargar jquery" href="http://docs.jquery.com/Downloading_jQuery" target="_blank">aquí</a>. Podemos descargar el archivo comprimido o el .js directamente.</p>
<p>Una vez tenemos el archivo jquery.js, lo situamos en la misma carpeta donde vayamos a tener nuestro archivo .html para después podere importarlo desde dicho documento. Nuestro primero código quedará así:</p>
<p>[html]</p>
<p>Importar archivo jquery.js
<script src="jquery.js" type="text/javascript"></script></p>
<p>[/html]</p>
<p>Como dije en el anterior post del tutorial, vamos a ir paso a paso, y aunque esto puede ser aburrido para muchos, habrá gente que necesite dar este primer paso. La acción vendrá en breve.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.visualtecnoweb.com/descargar-y-enlazar-jqueryjs.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

