Archive for Tutoriales
No related posts
January 27, 2008 a las 2:18 am · Archivado en Masters de WordPress, Plugins, SEO, Tutoriales, WordPress
Si tienes instalados varios plug in para SEO en tu wordpress y no sabes como usarlos, este videotutorial te explicará paso a paso como usar los mejores plug in para tu blog, así como también aquellos que te sirven para generar los Sitemaps en XML para los motores de búsqueda mas usados en Internet.
Si te interesa tener alguno de estos plug in solo visita Tips 4 Wordpress, donde también encontrarás muchos tips y ayudas para sacarle todo el provecho a tu blog.
December 27, 2007 a las 11:35 am · Archivado en Desarrollo Web, General, Novedades, Tutoriales, WordPress
Según Jason Kottke un Tumblelog es:
Un tumblelog es un flujo de consciencia rápido y sucio [quick and dirty, también “improvisado”], un poco como una lista de enlaces pero con más que sólo links […] mínimos comentarios, poca charla entre blogs, el mínimo suspiro de un trabajo final, casi pura edición… en realidad, es sólo una manera de publicar rápidamente las “cosas” que te encuentras todos los días en la web.
Parece sencillo e innovador, pero en realidad el concepto ya es usado desde el 2005 y sitios como Tumblr llevan la batuta en cuanto a Tumblelogs se refiere. Navegando encontre este tutorial de como convertir Wordpress en un magnifico Tumblelog, es bastante simple si tienes algunos conocimientos de programación web y el autor lo explica de una manera muy entendible.
Para ver el tutorial da click aquí
December 25, 2007 a las 4:45 pm · Archivado en Enlaces, General, Plugins, Temas, Tutoriales, WordPress
Este post esta dedicado a todos aquellos que buscan respuestas a sus dudas acerca wordpress, es una pequeña recopilación de sitios especializados en el CMS.
Wordpress General
- Wordpress.
Sitio Oficial de.
- Wordpress-es
Wordpress en español.
- Planeta Wordpress.
Ultimas noticias y funcionalidades para wordpress.
- Wordpress hispano.
Portal hispano especializado en wordpress
- Wordpress Codex
Información completa para empezar a usar wordpress.
Plug-ins, temas y diseños.
Lugares de gran utilidad para bloggers.
Espero todos estos sitios te sean de gran ayuda.
July 14, 2006 a las 3:18 pm · Archivado en Quicktags, Semántica, Tutoriales, WordPress
Leyéndo en aNieto2k acerca de post más semánticos me pareció que algo que podría ayudar es agregar algunos botones en nuestro editor (no aplica a los que tienen activado el editor visual) al menos en mi caso así es, ya que por pura flojera de teclear las tags muchas veces no usaba las etiquetas
HTML:
-
<blockquote cite=""> </blockquote> // Destinado a mostrar citas de otras páginas.
-
<abbr title=""> </abbr> // Ideal para indicar abreviaturas.
-
<a href=""> <abbr title="" lang=""></abbr></a> // Para indicar abreviaturas, el lenguaje y enlazar a una explicación.
-
<acronym title=""> </acronym> // Con ella podremos definir el signifido de los acrónimos.
-
<dfn title=""> </dfn> // Usado para mostrar definiciones de palabras claves.
-
ó
-
<address> </address> // Para indicar direcciones dentro de nuestros posts.
De modo que con lo aprendido en la instalación del plugin iG:Syntax Hiliter V3.5 decidí agregar los QuickTags correspondientes, así ya no hay pretexto
Bien, para agregar los QuickTags habrá que editar el archivo quicktags.js que se encuentra en el directorio "wp-includes/js/", con cualquier editor de texto.
Ahí encontrarás en la línea # 126 lo siguiente:
JavaScript:
-
edButtons[edButtons.length] =
-
new edButton('ed_more'
-
,'more'
-
,'<a id="more-32"></a>'
-
,''
-
,'t'
-
,-1
-
);
En seguida agrega el siguiente código:
JavaScript:
-
edButtons[edButtons.length] =
-
new edButton('ed_block'
-
,'b-quote cite'
-
,'\n\n<blockquote cite="">'
-
,'</blockquote>\n\n'
-
,'qc'
-
);
-
-
edButtons[edButtons.length] =
-
new edButton('ed_abbr'
-
,'abbr'
-
,'<abbr title="">'
-
,'</abbr>'
-
,'ab'
-
);
-
-
edButtons[edButtons.length] =
-
new edButton('ed_abbrl'
-
,'abbr-link'
-
,'<a href=""><abbr title="" lang="">'
-
,'</abbr></a>'
-
,'abl'
-
);
-
-
edButtons[edButtons.length] =
-
new edButton('ed_acronym'
-
,'acronym'
-
,'<acronym title="">'
-
,'</acronym>'
-
,'acro'
-
);
-
-
edButtons[edButtons.length] =
-
new edButton('ed_dfn'
-
,'dfn'
-
,'<dfn title="">'
-
,'</dfn>'
-
,'dfn'
-
);
-
-
edButtons[edButtons.length] =
-
new edButton('ed_address'
-
,'address'
-
,'<address>'
-
,'</address>'
-
,'addrs'
-
);
y ahora sólo guarda (salva) el archivo y súbelo al sitio de nuevo.
Ahora ya tienes 6 botones (Quicktags) nuevos que te serán de mucha utilidad para escribir post más semánticos.
Y ahora (10 de Octubre) me entero que ya existe un plugin que te evita todos éstos pasos
May 17, 2006 a las 5:21 pm · Archivado en Desarrollo Web, General, Google, Novedades, Tutoriales, gmail
Para los que cuentan con un dominio propio y una cuenta de Gmail, es facilmente entendible, pero creo que para el resto no tanto, de modo que voy a tratar de explicarlo de la forma más sencilla y clara que me sea posible.
Veamos, primero vamos a explicar lo que se necesita para tener un sitio web.
1.- Un dominio (nombre o dirección URL de tu sitio) es lo que tecleas normalmente para acceder a cualquier sitio web. Normalmente tienes que pagar anualmente por el, hay de varios tipos, los más comunes son los .com, .org y .net, a éstos se les llama dominios de primer nivel, los de segundo nivel podrían ser los .com.mx, .org.us, .net.ar por mencionar algunos.
2.- Un hosting (espacio contratado en un servidor, es decir una computadora conectada a internet las 24 horas y la cual está configurada especialmente para ello) o en otras palabras el hospedaje físico de tu sitio web. También es común pagar por año, pero actualmente encuentras fácilmente sitios en los que aceptan pagos mensuales.
El proveedor de hosting te proporciona los DNS hacia donde tienes que dirigir tu dominio.
3.- El diseño de tu página o sitio web.(archivos tipo .html, texto, imágenes, animaciones, etc.)
Bueno, una vez explicado ésto paso a explicar un poco más detalladamente lo que incluye un hosting.
Normalmente tienes acceso vía Web y FTP, de ésa manera es como subes al servidor los archivos que contienen el diseño de tu sitio.
Tambien cuentas con un panel de control para administrar tu sitio, el más común es el cPanel, a través de éste programa, es como gestionas todo o casi todo lo referente a tu sitio web, tambien con éste programa es que creas tus cuentas de correo, que es el tema que nos trajo hasta aquí :D.
Gmail es un servicio de correo gratuito que es otorgado por google.com y que tiene varias características que lo hacen especial, entre ellas su capacidad de almacenamiento, actualmente es de 2725 MB, además de contar con un programa de mensajería instantánea (talk pero sin VoIP) integrado dentro de la misma cuenta de correo.
Pués bien, éste artículo se trata de como obtener cuentas de correo de gmail, pero con tu propio dominio o subdominio. 
Aproximadamente tiene como 2 meses que publiqué algo al respecto y me dí de alta, pero hace apenas unos días me llegaron mis 2 primeras invitaciones.
De inmediato me puse a estudiar como configurarlo y despues de mucho batallar, lo logré.
Imagino que me costó más trabajo por tratarse de un subdominio, pero en fin, aquí les mostraré paso a paso con imágenes y todo, como fué que logré hacerlo funcionar y aclarar que todavía tiene algunos fallos que como siempre, no deberán tardar en arreglarlos.
Comenzaré por aclarar algo, muchos dirán que para que diablos querrían que los mails de sus dominios estuvieran en otro servidor y bueno, debo aceptar que al principio yo también me hice ésa pregunta, me puse a analizar y llegué a la conclusión de que el principal beneficio es el ahorro en el gasto de mi ancho de banda, además que necesitaría tener muchísimo espacio en disco duro para poder otorgar 100 cuentas con 2 GB, además de los ya tan conocidos beneficios que nos otorga gmail, como su recientemente agregado talk dentro de gmail, que te hace la vida más fácil, pensando en que no necesitas estar en tu computador ni instalar ningun programa para poder comunicarte a través de talk, pero bueno, tomando en cuenta que quien tiene un subdominio difícilmente cuenta con la forma de otorgar cuentas de correo a sus usuarios ésta es una escelente opción.
De inicio, me llegó la invitación como pueden observar en la imágen

en donde explican muy levemente las características del servicio.
Bien, lo primero es dar click al link que viene en la invitación para que te aparezca ésta ventana:

Acto seguido, llenar el campo de usuario y contraseña para tener acceso al panel de administración:

Una vez ahí, podemos observar que lo primero que salta a la vista es una alerta que nos indica que hay que cambiar los MX records y en el lado derecho vemos que nuestro status es "Pending", bien aquí lo importante es ir paso a paso de manera que si damos click en el enlace de la alerta, nos aparece ésta ventana con las instrucciones:

Aquí cabe señalar que el primer consejo que nos dán es, que en caso de tener creadas algunas cuentas en tu dominio, las clones dentro de gmail, para de ésa forma evitar que se pierda ningún email en el proceso, ésto lo puedes hacer sin problema alguno aúnque no tengas modificados los MX records.
Bueno, vamos a suponer que ya tenemos creadas las cuentas, más adelante explicaré graficamente como crearlas, de momento vamos a la modificación de los MX records.
Para ello necesitaremos entrar al cPanel ( al menos éso pensé en un principio )

lo primero que me vino a la cabeza fué ingresar al apartado "Mail" y una vez ahí

ir a la opción "Modify Mail Exchanger (MX Entry)" para finalmente llegar a ésta ventana y encontrar que no era posible desde ahí

de modo que hubo que entrar al WHM

Una vez ahí hubo que ir a "DNS Functions"

Y entonces si que se pudo editar/crear los MX records como podemos apreciar en la imágen.

Ahora si, una vez hecha la modificación, regresamos al panel de administración de gmail y veremos como desaparece la palabra "Pending" y en su lugar vemos Active.

Muy bien, ahora exploremos las opciones que nos brinda gmail en tu dominio, primero vemos en la ceja "Users" que tenemos una lista completa de nuestros usuarios, la cual nos permite ver el nombre, status, nombre de usuario, la cantidad en MB de uso de su correo y la fecha/hora de la última vez que cada usuario ha entrado a su cuenta.

Ahora veamos la ceja "Create User", y pues como pueden ver es bastante fácil la creación de un usuario, tan sólo es llenar 3 campos, Nombre(s), Apellidos(s) y Nombre de usuario, el programa te genera automáticamente un password temporal.

O también tienes la opción de generar tú mismo el password

Una vez creado un usuario podemos modificar algunas cosas como, cambiar el nombre, suspender un usuario o eliminarlo así como también podemos cambiar el password, darle privilegios de administrador, agregarle un nickname y agregárlo a una lista de correo.

también tenemos la opción de enviar por email las instrucciones de la cuenta.

Ok, ahora vamos a la ceja "All mail adresses", en ella podemos ver un listado de todos nuestros usuarios y las listas de correo que tengamos generadas. El listado nos muestra: Dirección completa de email, Tipo de usuario y recipiente

A continuación tenemos la ceja "Create email list", con ella podemos crear nuestras listas de correo, es algo sumamente sencillo, tenemos 2 campos, uno para el nombre de la lista y otro para agregar usuarios a la lista, cabe señalar que dicha lista sólo te servirá para tus propios usuarios y no existe forma de agregar usuarios con otro dominio, tambien es de notar que para utilizar dicha lista, sólo es cuestión de enviar un email a la dirección de la lista y automáticamente dicho mail se distribuirá a todos los usuarios que pertenezcan a ella.

Bien, ahora vayamos a la ceja "Domain settings", aquí tenemos un campo para editar la información general de nuestro dominio,

tambien podemos darle color a nuestra pagina de login,

podemos también incluir nuestro logotipo,

habilitar el chat, "Catch all adresses" (sirve para que cualquier email, aunque no esté creado y vaya dirigido a nuestro dominio, se redireccione a el email que elijamos) y por último tenemos la opción de elegir una zona horaria por default para todos los usuarios.

Aquí el resultado de nuestra pagina de login

Por último tenemos la ceja "Advanced tools", en ella podemos crear y/o actualizar múltiples cuentas.

Finalmente veamos cual es el aspecto de nuestro "inbox".

como pueden ver es exáctamente lo mismo que una cuenta de gmail, la única diferencia es que ésta ya nunca crecerá en capacidad de almacenamiento.
Eso es todo, ¿te ineteresa? inscríbete aquí
Temas relacionados:
Google ofrece aplicaciones para tu dominio
gmail
gmail in your domain
April 17, 2006 a las 7:56 am · Archivado en Desarrollador, Plugins, Tutoriales, WordPress
Desde ayer anduve buscando algo que me permitiera poner codigo en mis post y después de una ardua busqueda por fin dí con éste increíble plugin que aunque ésta versión fué liberada desde el 25 de Febrero, a muchos les vá a facilitar la vida :).
Con él puedes postear codigo ActionScript, ASP, C, C++, C#, CSS, DELPHI, HTML, JAVA, JavaScript, MySQL, PERL, PHP, PYTHON, RUBY, SMARTY, SQL, Visual Basic, VB.NET, XML & CODE.
Para hacerlo funcionar es necesario seguir los siguientes pasos:
Instalación:
Pimero lo obvio, hay que descargar el plugin, lo puedes hacer desde aquí: [ descargar ] o ir directamente al sitio de su creador
Luego, hay que descomprimir el archivo iG_Syntax_Hiliter.zip, una vez que descomprimes el archivo .zip te generará una carpeta "iG-Syntax Hiliter"

dentro de la que encontrarás los siguientes archivos:

La Carpeta llamada "ig_syntax hiliter plugin" es la que hay que subir al sitio y colocarla en el directorio "../wp-content/plugins/".
El siguiente paso es entrar a tu panel de administración de WordPress y activar el plugin.
Ahora hay que configurar el plugin.
Configuración:
A continuación tienes que ir a tu panel de administración de WordPress y seleccionando la ceja "Opciones" te aparecerá ya la ceja "IG:Syntax Hiliter".

Y al seleccionar dicha ceja te aparecerán las siguientes opciones:

1.- Show Plain Text Code Option:
Esta opción te sirve para mostrar un botón "PLAIN TEXT" o para no mostrarlo.

2.- Show Plain Text Code In:
En caso de elegir (en la opción No. 1) que si muestre el botón "PLAIN TEXT" tienes la opción de que al presionarlo te muestre texto plano dentro de la misma ventana o en una ventana nueva (popup) como se vé en la siguiente imágen.

3.- Show Language Name:
Esta opción es para que muestre el tipo de lenguaje o no.

4.- Hilite Code in Comments:
Aquí eliges si quieres mostrar codigo o no en los comentarios.
5.- Show Line Numbers:
Esta opción es para mostrar o no el número de línea
6.- Show Fancy Line Numbers:
Aquí eliges si quieres mostrar el número de línea intercalando 2 colores o de uno sólo para todas las líneas.
7.- Creo que aquí ya no necesita explicación
8.- Igual que el 7
Bueno, ya casi estamos listos, pero todavía falta un paso muy importante.
Para hacernos la vida más fácil, el creador del plugin todavía nos tiene reservada una sorpresa más, y es como implementar los QuickTags.
Ok, abre el archivo quicktags.js que se encuentra en el directorio "wp-includes/js/", con cualquier editor de texto.
Ahí encontrarás en la línea # 126 lo siguiente:
[js]edButtons[edButtons.length] =
new edButton('ed_more'
,'more'
,' Léer artículo completo »
March 31, 2006 a las 12:28 am · Archivado en Feeds, Tutoriales, WordPress
Blogueando encontré éste excelente plugin creado por Javi Vicente y al ver su Demo quedé fascinado, ya hace rato que tenía la idea de crear una especie de Planet propio y éste plugin me cayó del cielo, de modo que me dí a la tarea de instalarlo y probarlo de inmediato, con lo único que batallé un poco fué con el código que hay que introducir en phpMyAdmin, lo cual confieso, nunca había hecho.
Así pués me puse a tomar screenshots de los pasos a seguir para informar a quienes, como yo, no tienen mucho conocimiento acerca de MySQL, también noté que en ningún lado hay previews de como instalarlo paso a paso. Así pués aquí dejo una especie de minitutorial de la instalación de éste plugin.
Lo primero es descargar el plugin y descomprimir en un directorio cualquiera dentro de tu disco duro.
Luego, hay que hacer una pequeña actualización en la base de datos, ya que se guardan en una tabla las estadísticas para cada enlace. El código que debes introducir en phpMyAdmin es:
CREATE TABLE `wp_linkclicks` (
`link_id` int(11) NOT NULL auto_increment,
`link_url` text NOT NULL,
`link_type` set('post','blog') NOT NULL default '',
`link_clicks` int(11) NOT NULL default '0',
`link_date` datetime NOT NULL default '0000-00-00 00:00:00',
`link_title` text NOT NULL,
UNIQUE KEY `link_id` (`link_id`)
);
Si éste código no te funciona, prueba con éste que muy amablemente nos comentó Asuan:
CODE:
-
CREATE TABLE `wp_linkclicks` (
-
`link_id` int(11) NOT NULL auto_increment,
-
`link_url` text NOT NULL,
-
`link_type` set(’post’,'blog’) NOT NULL default ‘’,
-
`link_clicks` int(11) NOT NULL default ‘0′,
-
`link_date` datetime NOT NULL default ‘0000-00-00 00:00:00′,
-
`link_title` text NOT NULL,
-
UNIQUE KEY `link_id` (`link_id`)
-
);
Para hacer ésto, primero tienes que ir al phpMyAdmin y seleccionar la base de datos correspondiente:

Después das click en la ceja que dice "SQL", la que se encuentra a la derecha de "Estructura", una vez que dás click, te deberá aparecer algo como ésto:

una vez que te aparece ésta ventana, copias el codigo que está arriba y lo pegas en la ventana que dice: "Ejecutar la(s) consulta(s) SQL en la base de datos nombreDeTuBase_de_Datos" y das click en "Continuar", deberá quedar como en la siguiente imágen:

Una vez que diste click en "Continuar" te aparecerá una ventana con el código que pegaste, pero ahora de colores como se muestra en la siguiente imágen:

El siguiente paso es tan sólo cerrar el phpMyAdmin y te saldrá algo como ésto:

Una vez hecho ésto, deberás subir, vía FTP al directorio principal de tu blog, la carpeta que se llama feeds-reader, subes todo el contenido del archivo .zip, le das permisos de lectura-escritura-ejecución para todos los usuarios (chmod 777) al directorio cache



Por cierto, ya van varios que me preguntan dónde se incluyen los feeds y bueno, no es ningún secreto. En la misma ventana en la que creas tus enlaces te aparece la opción, en el campo que dice "URI de RSS:", abajo de "URI de Imagen". Por si las dudas mejor vean la imágen:

y listo, empieza a funcionar en la dirección http://tudominio.com/feeds-reader/. Deberá verse similar a ésta imágen:

Aquí les dejo mi Planet 