Tutoriales

Estás viendo los artículos de ZonaMasters - Recursos para webmasters correspondientes a la categoría Tutoriales.

Instalando Wordpress en nuestro PC

Hay muchas personas a las que les gustaría crear sus propios temas en Wordpress, y los que sean como yo, “plugin-maníaco”, gustarían de probar cada uno de los que nos ofrece la red. Y una de las mejores maneras de hacerlo es con el Wordpress instalado en el PC. De otra forma, podríamos dejar “inservible” nuestro sitio sólo porque se nos ocurrió “explorar” nuestros conocimientos: ¿Pero cómo logramos esto?

  • Lo primero que debemos conseguir es la aplicación XAMPP para Windows que está disponible aquí. Deberemos elegir, de las múltiples opciones de descarga, la versión “installer” (pesa 34 Mb). Una vez descargada, instalaremos el software en la raíz (C:).

  • Lo siguiente es correr el acceso directo creado en el escritorio, si es que no elegimos abrirlo cuando finalizó la instalación. En la ventana que aparece, el panel de control, deberemos presionar ‘start‘ en el campo “apache” y en el campo “MySql

  • Abrimos nuestro navegador (yo utilicé Firefox) y escribimos ‘http://localhost/‘ y escogeremos el lenguaje de nuestra preferencia.

  • Entraremos a la interfaz de configuración del servidor. Deberemos elegir “phpMyAdmin” del menú en la parte izquierda de la página. Luego veremos un campo donde le pondremos de nombre a nuestra base de datos “wordpress“.

Aquí va un vídeo demostrativo por si se nos ha pasado por alto algo:

Como podemos ver, ya tenemos un servidor y una base de datos completa. Sólo falta el Wordpress.

  • Descargamos la última versión desde aquí, y el archivo .zip deberemos descomprimirlo en ‘C:\xampp\htdocs‘. Ahora deberemos editar el archivo ‘wp-config-sample.php‘ dentro de la carpeta del wordpress.

  • Abrimos el archivo con el bloc de notas y definimos ‘wordpress’ al nombre de la base de datos. El nombre del usuario en ‘root‘ y el password, para la instalación local, debe dejarse en blanco. Una vez hecho esto, guardamos el archivo con el nombre de ‘wp-config.php‘.

  • En el navegador, iremos a ‘http://localhost/wordpress/wp-admin/install.php‘ y seguimos los pasos de instalación de wordpress.

Ya tenemos pronto un Wordpress privado” en el que podremos hacer cuanta prueba se nos ocurra, para después aplicarla confiados en nuestra Web y así dejarla como más nos guste.

Escrito por Marcelo Avero el 12 de Abril de 2008 con 3 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre Tutoriales.

Cómo proteger nuestras imágenes de los robots

Hay sitios que deliberadamente buscan e indexan imágenes agregándolas en su servidor. De esta forma, cualquiera que busque en Internet información referente a vuestra imagen, puede fácilmente llegar a ella, copiarla y re-publicarla después como propia, aunque nuestra imagen esté claramente protegida con copyright, y lo que es peor, sin siquiera haber pasado por vuestro sitio.

Es lo que le sucede a miles de fotógrafos, artistas, diseñadores Web, etc. Hasta se ha llegado a demandas judiciales en algunos casos.

Pero hay una manera muy sencilla de evitar esto, y más fácil es aún si poseemos nuestro propio dominio. Sólo es necesario un simple Robot.txt, del que ya hemos hablado antes.

Compondremos el Robot.txt de la siguiente manera:

User-agent: vscooter
User-agent: DittoSpyder
User-agent: Googlebot-image
User-agent: psbot
Disallow: /

User-agent: Googlebot
Disallow: /*.gif$
Disallow: /*.jpg$
Disallow: /*.jpeg$
Disallow: /*.png$

En el caso de VSCOOTER, éste es el nombre del rastreador de imágenes de Alta Vista, con este código evitamos que la molesta arañita llamada “Scooter” entre en nuestro sitio para indexar archivos, pero al agregarle el prefijo V hablitamos al robot a indexar el sitio para figurar en las búsquedas. Lo mismo pasa con Google, al que sólo impediremos indexar imágenes con el código “GOOGLEBOT-IMAGES“.

DITTOSPYDER es el robot de Ditto.com. Lo único que hace este sitio es indexar imágenes, así que no lo queremos para nada dentro del nuestro, ¿verdad?. PSBOT, de Picsearch, otro sitio que sólo indexa imágenes, tampoco lo dejaremos entrar.

Vale aclarar que hemos puesto como ejemplo los archivos de imagen, pero también sirve para otros archivos, como los multimedia (Wav, MP3, Zip, Mid, etc.), sólo basta con agregarlos al Robot.txt y poner los códigos de los robots que queramos evitar.

Otra forma de proteger nuestras imágenes es el uso de algunos Meta Tag, entre <head> y </head> en nuestro html, pondremos lo siguiente:

<META NAME=”robots” CONTENT=”noimageindex”>

El problema con este sistema es que no todos los robots reconocen este tag, aunque funciona perfectamente con Alta Vista. Pero si verdaderamente queremos proteger nuestras imágenes, cambiaremos el tag por este:

<META NAME=”robots” CONTENT=”noindex”>

Este tag es como un arma de doble filo, ya que corremos el riesgo de que la totalidad de nuestro sitio quede fuera del rastreo.

Luego de hacer esto, deberemos confirmar que los sitios han eliminado nuestras imágenes de su servidor. Con Alta Vista, deberemos indexar nuestro sitio nuevamente y ellos automáticamente removerán el material prohibido una vez que encuentren el Robot.txt.

En el caso de Ditto, deberemos pedir que eliminen nuestro sitio de su base de datos, mediante el link de contacto.

Google borrará automáticamente las imágenes la próxima vez que rastree nuestra página, por lo que no es necesario realizar ninguna acción además del Robot.txt.

Escrito por Marcelo Avero el 11 de Abril de 2008 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre Tutoriales.

Robot.txt: dile a GoogleBot qué es lo que quieres

Secretos de robot.txtGoogleBot es una herramienta ya conocida por cualquier webmaster que quiera posicionar su sitio Web. ¿Pero qué pasa si por alguna razón no queremos que GoogleBot rastree una parte o todo nuestro sitio?

El generador Robot.txt fue diseñado especialmente para esta causa, y además se maneja de forma sencilla, evitando que nos “atasquemos” en alguna configuración que no entendamos. Tan simple como ingresar los directorios o archivos que no queremos que sean rastreados.

¿Cómo creamos un Robot.txt? bien fácil, sólo necesitamos el bloc de notas de Windows (por dar un ejemplo, cualquier editor de textos funciona), crear determinados códigos que mostraremos a continuación, guardarlo como “robot.txt“, y finalizando subiendo el archivo resultante al directorio raíz de nuestra Web.

Si necesitamos impedir que los robots accedan a determinadas secciones del sitio, escribiremos los siguientes comandos:

  • User-agent: *
  • Disallow: /cgi-bin/
  • Disallow: /misc/sitestats/

Si lo que queremos que los robots rastreen sólo una parte de nuestra Web:

  • User-agent:slurp.so/
  • Disallow: /cgi-bin/
  • Disallow: /secure/
  • Disallow: /products/
  • Disallow:/misc/sitestats/

También tenemos la opción de permitir el acceso a sólo un robot de nuestra preferencia, evitando el ingreso de los otros:

  • User-agent: Googlebot/1.0
  • Disallow:
  • User-agent: *
  • Disallow: /

Si lo que queremos es que ningún robot rastree nuestra página:

  • User-agent: *
  • Disallow: /

Antes de generar este último código, debemos estar bien seguros de que es éso lo que queremos, porque con el mismo, nuestra página no figurará en ningún buscador.

Pequeñas cosas que deberemos tener en cuenta:

No todos los motores de búsqueda reconocen el archivo robot.txt. A pesar de que la mayoría lo hace, algunos no.

robots.txt es sólo una petición. Hay algunos robots que de manera inescrupulosa pasan por alto al archivo, y rastrearán nuestro sitio de todas maneras. Si queremos evitar esto, deberemos proteger nuestra Web con una buena contraseña, en lugar de confiar en robots.txt.

Escrito por Marcelo Avero el 9 de Abril de 2008 con 1 comentario
Enviar a un amigo por E-Mail
Lee más artículos sobre Tutoriales.

Y qué es Blogroll?

Hemos visto en nuestros blogs, o que comentan acerca de Blogroll, pero muchas veces tenemos dudas de lo que significa eso. Pues bien dare unas definiciones para que nos empecemos a familiarizar con esta palabra. 

Un blogroll es una colección de enlaces de blogs, normalmente presentado en una columna lateral de la página web.

Muchos de los autores de blogs pueden definir diferentes y variados criterios para incluir otros blogs en sus blogrolls.

La mayoría de veces se compone por direcciones que visitamos con mucha frecuencia o a veces simplemente de páginas de blogs de amigos o cercanos.

Por lo tanto si tu entras a un web y ves una lista de enlaces hacia otros blogs que al blogger le parecen interesantes. A eso nos referimos cuando usamos la palabra Blogroll.

Blogroll es una colección de enlaces de weblogs para encontrar más weblogs Y por lo general se ubican en una barra lateral o en ocasiones al final de la página.

Escrito por AlmiuX el 26 de Agosto de 2007 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre Tutoriales.

Tablas con CSS

Si has deseado obtener tablas agradables a la vista, con CSS podrás tener más que eso, ya que Veerle nos muestra dos versiones de como utilizar el CSS en tablas.

Una que utiliza un background A CSS styled table - Ver ejemplo y otra que no la utiliza A CSS styled table version 2 - Ver ejemplo

Escrito por AlmiuX el 25 de Agosto de 2007 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre Diseño Web y Tutoriales.

Manuales para webmasters

Aquí os dejamos una nueva sección que estrenamos en zonamasters.com, se trata de un directorio con enlaces a tutoriales muy interesante para los que se mueven en el mundo de la creación de páginas webs, estas son las categorías:

Ajax - Apache - Asp - Css - DHTML - Dreamweaver - Flash - FrontPage - Google - Html - Javascript - Php - RSS - Xml

Espero que os sea de utilidad ;)

Escrito por rankhispano el 27 de Julio de 2007 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre Tutoriales.

Atajos de teclado para el editor de Wordpress

No cabe duda que a veces es necesario los atajos, para ahorrarnos tiempo, etc.

Leyendo el blog de juanguis me entero que existen atajos esenciales para el editor de Wordpress como son los siguientes.

Negrita: Alt+SHIFT+b
Cursiva: Alt+SHIFT+i
Enlace: Alt+SHIFT+a
Cita: Alt+SHIFT+q
Leer más: Alt+SHIFT+t
Lista ordenada (ol): Alt+SHIFT+o
Lista de items (li): Alt+SHIFT+l
Editor avanzado: Alt+SHIFT+v
Publicar: Alt+SHIFT+p
Insertar: Alt+SHIFT+s
Borrar: Alt+SHIFT+d
Salir de la cita: Alt+SHIFT+w
Deshacer: Alt+SHIFT+u
Rehacer: Alt+SHIFT+y
Editar HTML: Alt+SHIFT+e
Alineación izquierda: Alt+SHIFT+f
Centrado: Alt+SHIFT+c
Alineación derecha: Alt+SHIFT+r

Así que intenta memorizar los que más uses, y te ahorrarás mucho.

Escrito por AlmiuX el 23 de Julio de 2007 con 1 comentario
Enviar a un amigo por E-Mail
Lee más artículos sobre Tutoriales.

Como crear tus propias traducciones de WordPress

Desde Blogmundi, nos dan un pequeño tutorial de como hacer nuestras propias traducciones, todo esto usando el sistema gettext el cual permite la traducción de aplicaciones mediante unos archivos externos, por lo tanto no tendremos que traducir directamente el código fuente.

Si deseas leer completamente como usarlo, da Click AQUI.

Te facilitará a la hora de modificar y no cometer algun error.

Escrito por AlmiuX el 22 de Julio de 2007 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre Diseño Web y Herramientas Webmasters y Tutoriales.

Curso Online de Flash GRATIS

Cristalab ha inagurado su sección de Cursos, con uno muy importante, como lo es el FLASH el cual te lo estan ofreciendo de manera gratuita, sepas o no sepas mucho acerca de este.

Ocupan la version de Macromedia Flash 8.

Si te interesa visita Cristalab y más adelante sacaran un curso sobre CSS.

Aquí podrás ver los temas que tratan en dicho curso

flash.JPG

Escrito por AlmiuX el 14 de Julio de 2007 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre Diseño Web y Flash y General y Tutoriales.

Plugin de Wordpress para publicar un gráfico de visitas

stats_2007071209.png

Leyendo Planeta Código nos comentan acerca del plugin de Wordpress para estadísticas de tráfico wp-shortstat. Pero nos hacen referencia  si tu lo que necesitas es mostrar  públicamente un contador de visitas? Tendrás que seguir algunos pasos.

contador.JPG

Algo tipo la imagen que te presente arriba. Así que nuestro amigo de Planeta Código realizó su plugin el cual esta basado en el wp-shortstat.

Si estás interesado, te dejó el link para que leas detalladamente, paso a paso.

Link: Planeta Código 

 

Escrito por AlmiuX el 12 de Julio de 2007 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre Herramientas Webmasters y Recursos Webmasters y Tutoriales.

Artículos más antiguos »