Taller de creación de temas WordPress

Si recuerdas a Nekko, que ya ha publicado varias entradas en Ayuda WordPress, sabrás que es alguien a quien seguir, que le gusta compartir conocimientos.

Pues bien, ahora está elaborando un taller de creación de temas WordPress en su blog, del que va por la tercera sesión. Y como es de vital importancia la participación para la elaboración de los siguientes temarios os animo a aprender con lo ya publicado y participar para que al final se cree un estupendo .

El temario es el siguiente:

Clase 1: Introducción: Instalar WordPress en un servidor local

Generar una base de datos desde
Contenido de pruebas para la plataforma

Clase 2: Cómo encarar el diseño a partir de un archivo PSD
Presentamos nuestra plantilla.
Introducción a las partes de un theme.

Clase 3: ¡Comenzamos a maquetar!
Comenzamos a maquetar el index.php
Funciones básicas de header.php
El archivo de estilos

Clase 4: El bucle. ¿Qué es? ¿Cómo y dónde se usa?

Clase 5: Jerarquía de templates.

Clase 6: Header.php. Funciones, composición, barra de navegación.

Clase 7: Sidebar.php. Composición, elaborar una sección de Widgets.

Clase 8: Footer.php. Funciones, composición y widgets.

Clase 9: Single.php y Page.php.

Clase 10: Page template con una segunda sidebar.

Clase 11: archive.php y plantillas por categoría, fecha, autor, taxonomía, etiqueta.

Clase 12: Páginas personalizadas: Consultas personalizadas.

Clase 13: Página de búsquedas: search.php e integración con Google CSE

Clase 14: Insertar anuncios

Clase 15: Páginas de error personalizadas

Clase 16: Implementar un slider para el inicio: Nivo-slider sin plugins.

Clase 17: Paginación y breadcrumbs.

Clase 18: Comentarios.

Clase 19: Plantilla para una sección de portafolio.

¡Genial, no te lo pierdas!

Cuestiones a responder antes de empezar un blog

Antes de empezar un proyecto en el que tengas que invertir una gran cantidad de dinero, siempre te harás unas preguntas antes. Te preguntarás si tu proyecto es viable, si solucionará la vida a los demás, si aportará valor añadido a tus potenciales clientes

Pero hay mucha gente que no se toma un blog como un proyecto, y deberíamos verlo así. En un blog quizá no tendrás que hacer una gran inversión de dinero, pero sí una gran inversión de tiempo, y tienes que aprovecharlo. Si quieres tener un blog con posibilidades de éxito, satisfacción personal y posible expansión en el mundo del blogging, tienes que hacerte preguntas, muchas preguntas. Hoy voy a analizar algunas de dichas cuestiones que, inspiradas en este artículo de Blogging Pro, pueden servirte para plantearte si deberías empezar tu nuevo proyecto, tu nuevo blog.

Como pregunta más importante inicialmente, deberías preguntarte si la temática de tu blog es realmente una pasión. Puedes leer más en El secreto del blogger: escribe sobre lo que te gusta. Seguidamente, pregúntate si podrías llegar a escribir más de 100 artículos sobre el tema en dicho blog. Si no tienes suficientes ideas, habrá un momento que te cansará escribir en el blog. No tendrás ganas de inspirarte y, por lo tanto, sin temas para escribir, no escribirás. Consecuencia: acabará como uno de los miles de blogs que hay por Internet abandonados. Los 100 artículos son una referencia, pero antes de empezar, comprueba que tienes suficiente para escribir durante muuucho tiempo.

¿Cuál es tu objetivo? En todo proyecto en tu vida, desde el más simple hasta el más complejo, deberías tener un objetivo claro. En el caso del blog, preguntas que podrías hacerte serían: ¿Quieres que te dé ingresos extra? ¿Deseas trabajar como freelance escribiendo? ¿Es sólo un hobby que te gusta y quieres que te haga disfrutar? Si tienes claro tu objetivo general, más adelante ya irás describiendo y fijando objetivos secundarios: número de visitas, ingresos, número de comentarios, suscripciones vía correo electrónico o vía feed RSS…

Organízate: pregúntate cuánto tiempo tienes y quieres dedicar a escribir. Marca un horario para dedicarlo a tu blog, ya sea para escribir, ya sea para leer e inspirarte y adquirir nuevas ideas. Un blog es un proyecto con una gran inversión de tiempo, así que tienes que tener claro cuánto tiempo quieres dedicarle. Recuerda: es importante la constancia, ya sea con diez artículos al día o un solo artículo a la semana.

Antes de empezar también es importante que te plantees cuál será tu público objetivo. ¿A quién puede interesarle? ¿Quién quieres que te lea? Una vez decidido y cuando tengas tu público más o menos acotado, intenta plantearte como promocionarás tu blog. Escribir excelente contenido es imprescindible, pero también es importante publicitarse en redes sociales, darse a conocer en otros blogs de la misma temática, etc. También puedes optar por hacer concursos, entrevistas a otras personas o cualquier tipo de acción que te vaya bien para darte a conocer.

Y por último, más que una pregunta, una recomendación. ¡Calma, mucha calma! Quizá se te acaba de ocurrir una idea, y quieres ponerla en práctica al momento. ¡No! Está muy bien emprender nuevos proyectos, pero antes asegúrate de que tu nuevo blog sea lo que tú quieres que sea. Asegúrate de que dispones del tiempo necesario y de que tienes claros tus objetivos. Comprueba que es el momento adecuado para emprender en el mundo del blogging, según tus circunstancias personales.

A partir de ahí… a empezar a escribir y paciencia, ¡mucha paciencia!

Imagen de Manuela Hoffmann, licencia CC en Flickr.

WP Empresa: Themes

Si el otro día eran los plugins, hoy toca revisar algunos themes sencillos y claros especialmente diseñados para empresas y profesionales. Como ya sabéis, hay muchísimas páginas que ofrecen todo tipo de temas y plantillas, así que aquí solamente encontraréis algunos, muy pocos, los que he visto más profesionales y me han gustado más.

  • Vista previa de "Notepad"

    Notepad: es una plantilla minimalista, clara, diseñada para webs de pequeñas empresas. Viene en trece combinaciones diferentes de colores, así que puedes adaptarla fácilmente a la imagen de tu negocio. Tiene una página principal sencilla con una página extra para navegación e información adicional.

  • Vista previa de "Wynton Magazine"

    Wynton Magazine: una plantilla de estilo revista para WordPress que puede ser usada como web sencilla para tu empresa. Puedes publicar elementos publicitando tus productos o servicios, utilizando las imágenes de la página principal. Destaca una noticia principal y luego tiene tres secundarias en el lateral.

  • Vista previa de "WP Contact Manager"

    WP Contact Manager: es un tema que, más que ayudarte a crear tu página web, te ayudará a mantener una página con contactos de negocio actualizados. Puedes usarlo para publicitar tus datos de forma pública, o para mantener los datos de tus clientes si lo utilizas de forma privada.

  • Vista previa de "Launchpad"

    Launchpad: es un tema práctico para pequeñas nuevas empresas mientras están en proceso de creación de su página web profesional o para un sitio web para promoción de un producto nuevo. Es un theme para presentación del sitio que ofrece a los visitantes la opción de suscribirse por RSS o correo electrónico para recibir las novedades.

  • Vista previa de "RockinBizRed"

    RockinBizRed: plantilla limpia y práctica para pequeños blogs o páginas. Tiene dos columnas, predomina el color rojo y tiene el fondo blanco, con una imagen que podrás personalizar fácilmente. Está preparado para widgets, con barra lateral a la izquierda y de ancho fijo.

  • Vista previa de "Cubit"

    Cubit: utiliza un diseño limpio y flexible para tu WP, con seis tonalidades de color distintas. Puede utilizarse fácilmente para portfolio de proyectos. Utiliza Javascript para la transición de imágenes en la página principal. Tiene una buena página de administración para su configuración y los menús de la página principal son realmente interesantes.

Espero que alguno de estos themes os sirva. ¿Conoces alguno más que pueda interesar al resto de la comunidad? ¡Coméntalo!

Fuentes: Best WP Themes, WP Crowd.

WP Empresas: Plugins

Seguimos con el tutorial de WordPress para la empresa con un listado de plugins disponibles para utilizar si tienes un blog profesional. Algunos pueden servir a cualquier persona, pero están enfocados básicamente al mundo de la empresa:

  • Facturación: WP-Invoice. Nos permitirá no depender de otras opciones de facturación, centralizándolo en nuestro WordPress. Podremos crear facturas personalizadas y hacer un seguimiento de las mismas, enviarlas por correo electrónico a nuestros clientes, guardar los datos de los clientes, archivarlas, etc.
  • Gestión de contactos y relaciones: WP-CRM. La cantidad de clientes, compradores potenciales o socios estratégicos puede llegar a ser muy grande en algunas empresas. Es realmente práctico disponer de un sistema de gestión de contactos (CRM) y, una vez más, podemos incluirlo en nuestro WordPress para no depender de otras aplicaciones. Podemos asociar imágenes a nuestros contactos, asignar los contactos a sus respectivas empresas, crear historiales de notas, marcar su dirección con los mapas de Google, etc. Tiene compatibilidad con hCard y vCard.
  • Notificaciones y suscripciones: Newsletter. También puede ser que tengas que enviar noticias a tus empleados o clientes de forma masiva habitualmente. Con este plugin podrás integrar también tu opción de marketing por correo electrónico a tu WordPress de forma sencilla y efectiva.
  • Gestión del calendario: WP-Calendar. En toda empresa debemos mantener un calendario de citas importantes, reuniones, eventos, fechas límite, etc. Este plugin de WordPress te permitirá crear y gestionar los calendarios de eventos fácilmente, haciéndolo visible a todo el mundo o sólo a los usuarios registrados.
  • Gestión de proyectos: WP-Project. Otra opción sin duda imprescindible en cualquier empresa en la que se tenga que trabajar por proyectos. Organiza tu tiempo y deja que tus clientes puedan ver como van avanzando sus proyectos con tu empresa. Da a tus clientes toda la información disponible para que sientan bien atendidos y vean que realmente el proyecto está avanzando correctamente, sin prisa pero sin pausa.
  • Comercio electrónico: WP e-Commerce. Aplicación diseñada con usabilidad y estética con una buena presentación. Utilízala si quieres crear tu propia tienda online, para vender tus productos y promocionarlos.

Os pongo en cada uno el enlace a su página, pero recuerdo que lo mejor y más fácil es utilizar la opción de “Añadir plugin” de vuestro WordPress: búscalos allí.

Si eres una empresa o un profesional, ten en cuenta que las redes sociales pueden ser una buena forma de promoción de tu negocio. Aún así, haremos otros posts especializados con el tema, así que no he incluido plugins sociales en éste.

Fuentes: Xyberneticos, Stylized Web, Skyje.

Como migrar usuarios de bbPress a WordPress

Cuando se habla de integrar WordPress y bbPress normalmente se parte de la idea de que ya dispones de una base de usuarios en tu WordPress y lo que pretendes es que una reciente instalación de bbPress permita que esos usuarios accedan a los foros con su mismos datos.

Hasta ahí bien, pero ¿y si lo que quieres es lo contrario?, si ya tienes una base de usuarios en bbPress y quieres que tengan acceso también a WordPress.

La cosa se complica pero siguiendo estos sencillos pasos puedes lograrlo:

  1. Accede a PHPmyAdmin y exporta la tabla 'bb_users' (si usas otro prefijo adaptas este paso a tu configuración) como fichero de Excel csv.
  2. Abre el fichero csv y elimina el usuario con el ID 1 que será el Admin, para así compartir el usuario.
  3. Renombra el archivo csv a algo como 'users.csv'.
  4. Sube el fichero 'users.csv' a la carpeta de tu tema activo en WordPress.
  5. Edita el fichero 'functions.php' de tu tema activo y añádele el siguiente código:
    PHP:
    1. global $wpdb;
    2. require ( ABSPATH . WPINC . '/registration.php' );
    3. $file_handle = fopen(TEMPLATEPATH . "/users.csv", "r");
    4. while (!feof($file_handle) ) {
    5.   $field = fgetcsv($file_handle, 1024);
    6.   $ID = $field[0];
    7.   $user_login = $field[1];
    8.   $user_pass = $field[2];
    9.   $user_nicename = $field[3];
    10.   $user_email = $field[4];
    11.   $user_URL = $field[5];
    12.   $user_registereddate("Y-m-d H:i:s", strtotime($field[6]));
    13.   $user_status = $field[7];
    14.   $display_name = $field[8];   
    15.   $adduser = "
    16.   INSERT INTO $wpdb->users
    17.     (ID, user_login, user_pass, user_nicename, user_email, user_URL, user_registered, user_status, display_name)
    18.   VALUES
    19.     ('$ID', '$user_login', '$user_pass', '$user_nicename', '$user_email', '$user_URL', '$user_registered', '$user_status', '$display_name')
    20.   ";
    21.   $results = $wpdb->query( $adduser );
    22.   $data = array(
    23.     "ID" => $ID,
    24.     "role" => 'subscriber'
    25.   );
    26.   wp_update_user($data);
    27. }
    28. fclose($file_handle);

  6. Guarda los cambios
  7. Lo que tienes es los usuarios de bbPress en WordPress. Entra y compruébalo.

  8. A partir de aquí sigues con la integración como vimos en este tutorial

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Clic aquí para iniciar la descarga Guía Domina tu Blog

¿Te gustó este post? ¡Compártelo! Bitacoras.com TwitThis Facebook Meneame Google Bookmarks del.icio.us Live Technorati Ping.fm Wikio Turn this article into a PDF! E-mail this story to a friend! Print this article!

Tengo el blog hackeado: ¿qué hago?

Hace un par de semanas hablábamos sobre ¿Cómo saber si nuestro blog está hackeado? y descubrimos diferentes formas, manuales y automáticas, para saber si nuestro blog había sufrido algún tipo de inyección de código malicioso sin nosotros saberlo. Ahora toca ver qué hacer si hemos detectado dicho ataque.

¿Qué hago si ya he detectado que tengo inyección de código?
Lo primero que deberíamos hacer es asegurarnos que el usuario malicioso no ha accedido a nuestro blog usando nuestro usuario de administración. Lo mejor que podemos hacer (tras repasar los consejos de seguridad) es cambiar nuestras contraseñas. Seguidamente, actualizaremos (si no lo tenemos) el WordPress a su última versión.

Tras las comprobaciones iniciales, deberemos eliminar el código de nuestra página web. Es muy probable que el usuario malintencionado sólo haya modificado los archivos de nuestra plantilla, así que lo mejor que podemos hacer es abrir nuestro theme con el editor que nos proporciona WordPress y revisar todos los archivos por si vemos algún texto raro. Habitualmente, se repetirá el mismo texto en casi todos los archivos y casi siempre estará ubicado en la parte final de nuestro archivo. Sólo tenemos que borrar dicho código (¡sin borrar nada más!) y ya tendremos nuestra página arreglada.

Es importante que, a parte de quitar el código malicioso, tengas en cuenta todos los consejos de seguridad que hemos ido explicando, ya que nos interesa especialmente que no nos vuelva a pasar en un futuro.

Google Webmaster Tools

Google Webmaster Tools

Una vez eliminado el código malicioso de nuestro WordPress, debemos conseguir que Google nos indexe de nuevo, que elimine las palabras clave que no correspondan y los enlaces inadecuados. De esta forma, cuando ya tengamos nuestro blog limpio, deberíamos entrar a las herramientas para webmasters de Google y solicitar una reinclusión de nuestro sitio. Una vez en la página, debemos hacer clic debajo de Ayuda con (Help with) dónde pone Reconsideración del sitio (Site reconsideration). Se nos abrirá una página explicativa, y tenemos que escoger la opción Pedir reconsideración de mi sitio (Request reconsideration of your site). En la última página que se nos abrirá tendremos que seleccionar el sitio web que nos han hackeado, aceptar las condiciones y explicarles cuál ha sido el problema que hemos tenido para que Google no nos indexara correctamente.

Espero que, si alguna vez tenéis algún problema con vuestro WordPress, este tutorial os sirva. Comentad si tenéis algún problema.

De WordPress a WPMU (tutorial)

wp-wpmu1

Lo prometido es deuda. Como ya adelantaba en el post donde anunciaba el cambio de Mangas Verdes de WordPress (WP) a WordPress MU (WPMU), paso a relatarles en formato de tutorial la crónica de la mudanza. Antes que nada, debo aclarar que se trata de un tutorial personal, es decir que está basado en los pasos y problemas que tuve que resolver en las condiciones particulares de mis blogs y en el modelo que buscaba, por lo que puede que no todo lo que cuente tenga validez en otros casos, aunque los aspectos generales sí pueden ser de utilidad.

NOTA: Debido a su extensión, el post está dividido en cuatro páginas. Puedes navegar por ellas en los enlaces que aparecen al final de cada sección, bajo el bloque ‘Quizás también le interese’.

Mi proceso de cambio de WP a WPMU:

1. Objetivos.

Lo primero que debes tener claro es por qué tendrías que cambiar a WPMU y qué uso le vas a dar a la nueva instalación. Ni que decir tiene que si sólo manejas un blog, la mudanza no tiene sentido, salvo que tengas pensado ampliar tu red o dar cobijo a blogs de terceros. En mi caso, el objetivo era muy claro: unificar todo MV (5 macrosecciones) en una sola instalación, reducir el trabajo de administración y abrir la puerta a futuras ampliaciones y desarrollos de comunidad.

Además, quería mantener la actual estructura del dominio, es decir con subdominios del tipo subdominio.mangasverdes.es (que llamaremos en adelante ’subdomains’), en lugar de mangasverdes.es/subdominio (que llamaremos ‘folders’). Ambas son posibles con WPMU, pero la primera opción es más complicada porque te obliga a hacer uso de ServerAlias (subdominios virtuales en tu servidor) y a realizar la instalación en un dominio, en lugar de en un subdominio.

2. Planificación.

Es muy importante que, antes de tocar nada, tengas a mano todos los ‘ingredientes’ necesarios para esta ‘cocción’. A saber:

  • El programa WPMU descargado desde el sitio oficial.
  • La traducción al español, si es preciso, que puedes encontrar en BuddyPress-es.
  • Una copia de seguridad de las bases de datos de los blogs que quieras migrar y otra generada a través de la herramienta de exportación de WordPress.
  • Una página en htm o php para avisar de que estás migrando.
  • Editor de texto.
  • Programa FTP.
  • Acceso al servidor como administrador.

3. Ejecución

a) Localización: El primer problema que deberás resolver es dónde instalar tu WPMU. Esto es una chorrada si el dominio en el que quieres realizar la instalación está libre, pero se complica si lo que quieres es instalar justo en el mismo directorio donde ya tenías tu blog en WP, que suele ser lo habitual. Una de dos, o te cargas tu blog durante unas horas mientras instalas WPMU (nada recomendable) o te buscas una dirección alternativa donde completar el proceso y luego realizar el traslado.

Lo ideal es hacerlo en un servidor local, algo que no es problema si optas por la estructura ‘folders’, pero que te resultará imposible si has escogido la opción ’subdomains’. Así que sólo te queda realizar la instalación en un dominio diferente, que es lo que hice yo. En un subdominio de tu actual dominio tampoco puedes hacerlo en la opción ’subdomains’ :P

b) Ajustes del servidor: Si has elegido ‘folders’, tan solo debes seguir los pasos descritos en los apartados ‘Apache’, ‘DNS’ y ‘PHP’ del archivo ‘readme.txt‘.

Si eres de los míos, de los sufridores ’subdomains’, entonces tendrás que habilitar el ServerAlias en tu servidor, algo que depende del tipo de panel de administración que manejes. Si trabajas con DirectAdmin, como yo, el proceso es sencillo. También tienes indicaciones para Plesk y cPanel. Y seguir igualmente las observaciones del ‘readme.txt’.

NOTA: Esta fase requiere, como decíamos arriba, de que puedas acceder a tu servidor como administrador. Si no es el caso, debes pedir a los responsables de tu hosting que efectúen los cambios.

c) Creación de la base de datos: Crea una base de datos en tu servidor como has hecho toda la vida, y toma buena nota del nombre, usuario y contraseña ;)

Bitacoras.com
Meneame
Twitter
Facebook
FriendFeed
LinkedIn
Ping.fm
MySpace
Wikio
Technorati
Google Bookmarks
Live
Netvibes
del.icio.us
E-mail this story to a friend!
Turn this article into a PDF!
Print this article!
RSS

Videotutorial – Manual CSS básico (segunda parte)

Me entero por CSS Blog que ya está disponible la segunda parte del manual básico de CSS que ha publicado Desarrollo Web, aquí lo tienes … 

¿Te gustó este post? ¡Compártelo!

Bitacoras.com
TwitThis
Facebook
Meneame
Google Bookmarks
del.icio.us
Live
Technorati
Ping.fm
Wikio
Turn this article into a PDF!
E-mail this story to a friend!
Print this article!

50 tutoriales sobre WordPress

Top 50 WordPress Tutorials‘, toda una enciclopedia del más popular cms para blog (vía BloggingPro).

Posts relacionados:

Gracias por suscribirte a Mangas Verdes. También te pueden gustar mis otros blogs: Imagina Fotolog, Útil y ¡Gratis! y Perlas. Y pásate por el foro. Un saludo :)

Bitacoras.com
Meneame
BarraPunto
Tumblr
MySpace
Wikio
TwitThis
Facebook
LinkedIn
Technorati
Google
Live
YahooMyWeb
del.icio.us
Digg
Slashdot
E-mail this story to a friend!
Print this article!

Mangas Verdes.

.

WordPress 2.7 – Tutorial en PDF

En Digizen ya tienen el tutorial completo de 23 artículos en PDF sobre WordPress 2.7, orientado hacia WordPress.com (ojo con la sección de vídeo si tienes un WP alojado, no sirve) pero en su inmensa mayoría adaptable a cualquier versión de WordPress.