A veces, vamos a necesitar trabajar en las entrañas de nuestro wordpress y es más que posible que se produzcan errores en la visualización, lo cual será bastante incomodo para nuestros visitantes. Sí queremos prevenir las molestias a nuestros usuarios, o que nos invadan a e-mails comunicando los errores que encuentran, existen plantillas y plugins que podremos instalar en nuestro sitio.

Después de unas pruebas, me decanto por Maintenance Mode, se trata de un plugin que genera una página en la cual podemos informar que nos encontramos temporalmente fuera de servicio.

Maintenance Mode

Es un pluging muy configurable podemos editar los mensajes que queremos mostrar, dispone de varias plantillas y permite incorporar un contador de tiempo restante (cuenta atrás), para dar una mayor y mejor información a nuestros visitantes. Y mientras tanto podremos seguir trabajando normalmente, ya que al iniciar sesión accederemos al panel de administración y podremos realizar y visualizar los cambios en tiempo real sin molestar a nuestros usuarios.

Se instala y activa como cualquier otro pulgin de wordpress. Una vez activado iremos a ajustes y configuraremos las opciones del plugin.

Ajustes Maintenance Mode

ATENCIÓN, sí quieres visualizar como queda la página que estamos generando, tendrás que cerrar la sesión de trabajo o visualizarla en otro navegador, está es la mejor opción ya que nos permite seguir realizando cambios.

Descarga plugin Maintenance Mode

La Navidad, lo queramos o no, ya está aquí  y todo lo que conlleva: compra de objetos decorativos para el hogar, tarjetas de navidad, simulacros de paz….

Y nuestro blog no podía ser menos, y podemos darle un aspecto  navideño.

A través de un feed me entero de WpMooSnow, un plugin  que nos pone un efecto de copos de nieve cayendo desde elcielo en nuestro blog !!!!…., pero al instalarlo se deshabilita el menú superior, así que he buscado un poco más y he encontrado Let it snow, es más simple pero a cambio todo funciona en el blog, lo cual me parece mucho más interesante.

Es muy simple de instalar y configurar. Descargar, subir a la carpeta de plugins y activar. Además nos permite configurar velocidad, copos y más, ¿qué te parece el efecto?

WpMooSnow

• Descarga plugin

Let it snow

• Decarcar plugin

En una entrada anterior ya expliqué como insertar tablas excell sin utilizar plugins pero tiene un inconveniente y es que sí, a posteriori, queremos realizar cualquier modificación o incorporación de elementos o datos en la tabla o en la propia entrada o págnia de wordpres donde estamos publicando la tabla, se nos desconfigurará el diseño, teniendo que volver a editar el código html. Así que he estado probando un par de plugins, en concreto WP-Table y WP Table Reloaded, que nos permiten insertar tablas en nuestro wordpress sin mucha complicación. Y después de probarlos me decanto por WP Table Reloaded, por su capacidad, versatilidad y sencillez de uso.

WP-Table Reloaded

Es un plugin que nos permite crear y gestionar tablas fácilmente desde el panel de administración de nuestro wordrpresss.

Se instala y activa como cualquier otro pulgin de wordpress. Tras la instalación se crea un enlace en el menú Herramientas que nos da acceso directo a la gestión de las tablas existentes, así como a la creación de otras nuevas.

Cada tabla que creemos se adaptará a las necesidades del momento ya que podemos especificar el número de filas y columnas, también podemos moverlas, fusionarlas, añadir metadatos, así como dar paginación a la tabla, habilitar un motor de búsqueda y, por supuesto, personalizar su diseño.

Además podemos exportar las tablas creadas, así como importar otras, ya que usa los formatos CSV, XML y HTML.

A cada tabla creada el sistema le asignará un número de identificación, id, y también, nos proporcionará el shortcode correspondiente para que podamos pegarlo en una entrada, página o widgets de texto del sidebar.

Más información puedes consultar el sitio del plugin

Demos Tablas:

• Tabla 1

• Tabla 2

• Formulario de Inscripción hecho con wp- Table Reloaded

Los Widgets son utilidades que añaden funcionalidad al blog y se colocan en la columna lateral o sidebar, y nos permiten personalizar nuestro blog sin necesidad de saber HTML, ya que se instalan y configuran muy fácilmente.

Pero sí queremos unos widgets con unas funcionalidades mucho más personalizadas, como por ejemplo listar determinadas categorías en menús concretos, al hilo de la entrada anterior, nos vamos a encontrar con la necesidad de  tener que añadir código PHP en el sidebar.

A través de códigos PHP, creamos funciones que posteriormente wordpress ejecutara, pero estas funciones no pueden escribirse directamente utilizando el widget texto, ya que sólo entiende HTML, así que necesitamos trasformar el código PHP en HTML, y podemos conseguirlo utilizando plugins.

Incluir código PHP en el sidebar de wordpress con plugins

He estado probando unos cuantos plugins que me permitieran añadir código php mediante widgets en el sidebar y aqui os dejo mi selección:

La instalación de estos plugins se realiza como la de cualquier otro.

]]> http://mtperez.es/2010/06/07/como-incluir-codigo-php-en-el-sidebar-de-wordpress/feed/ 1 http://mtperez.es/2010/05/24/como-hacer-un-sitemaps/ http://mtperez.es/2010/05/24/como-hacer-un-sitemaps/#comments Mon, 24 May 2010 09:13:16 +0000 mtperez http://mtperez.es/?p=830

¿Qué es Sitemaps?

Un Sitemap o mapa de sitio web es una lista de las páginas de un sitio web accesibles por parte de las arañas web y los usuarios. Puede ser tanto un documento en cualquier formato (por ejemplo .xml) usado como herramienta de planificación para el diseño de una web, como una página que lista las páginas de una web, organizadas comúnmente de forma jerárquica, como si se tratase de un esquema de nuestro sitio. Esto ayuda a los visitantes y a los bots de los motores de búsqueda a hallar las páginas de un sitio web. De esta forma no se deja ninguna página por indexar y por lo tanto el Sitemap es uno de los puntos fuertes para empezar nuestro proyecto Web. Este estándar llamado Sitemap fue creado por Google y otros buscadores como Yahoo lo han adoptado.

Antes de seguir adelante me gustaria señalar la diferencia entre un Sitemap .XML de un Sitemap .HTML:

Un archivo Sitemap .XML, además de facilitar la url al buscador, le indica la frecuencia de actualización de esa página, la importancia de la misma frente a otras y la fecha de la última actualización, ya que podemos configurarlo.

Y un Sitemap .HTML es un tipo de página que añadimos a nuestro sitio. Recordar que cuando creamos una página, en el apartado Atributos segun la plantilla que estamos utilizando, aparece un desplegable con el tipo de páginas que podemos crear. Este tipo de páginas Sitemap, o las tipo Archivos, son muy interesantes para facilitar la navegación de nuestros usuarios, pero hay que saber que estás páginas no proporcionan una correcta información a los navegadores, y no estaran sirviendo para indexar correctamente nuestro sitio en los motores de búsqueda.

¿Cómo creo mi Sitemap?

Google Sitemap es un servicio de Google, ahora llamado Webmaster Tools, que nos permite informar que paginas queremos que sean indexadas por el buscador, y esta acción se realiza mediante un archivo que pueden leer los buscadores, en donde se especifica que archivos va a rastrear el buscador. Ademas de incluir nuestro sitio web en Google, Webmster Tools ofrece un conjunto de herramientas para diagnosticar el rendimiento de nuestro sitio y lo mas importante es que de esta forma nos aseguramos que nuestra web este incluida en los resultados de búsqueda de Google y que se actualiza constantemente.

Lo que haremos será:

1º Crear un Sitemap

Como ya hemos visto un sitemap es un archivo .xml de nuestro sitio web, este archivo debe estar escrito de acuerdo a unas especificaciones. Existen herramientas para generar los Sitemaps automáticamente, en todos los lenguajes de programación web y ademas integrado a los diferentes sistemas. Para WordPress tenemos: Google Sitemap Generator, es él que yo he utilizado es muy útil y de fácil instalación, nos generará automáticamente el archivo .xml, es flexible y te permite configurarlo todo o dejarlo como viene por defecto

2º Agregar un Sitemap

El siguiente paso será para agregar nuestro sitemap, este servicio es gratuito en los principales buscadores. En el caso de Google, tras crearnos una cuenta e iniciar sesión, nos dirigimos a las herramientas para webmaster y nos aparecerá un menú bastante sencillo para enviar nuestro Sitemap. Lo que haremos será:

Añadir nuestro sitio, para ello tienes un pequeño formulario el cual te solicita el URL de tu sitio.

El siguiente paso es verificar que el sitio web nos pertenece, esto es para que otras personas no accedan a los reportes acerca de nuestra web. Para la verificación existen dos metodos, el primero de ellos es agregar un tag META en el <head> </head> y el segundo es crear un archivo HTML. Para las instrucciones necesarias accede a la opción Verificar, luego dependiendo del método de verificación seleccionado se te mostrará el codigo que debes insertar en tu web o el nombre del archivo que debes crear.

Una vez que has verificado tu sitio puedes agregar el Sitemap, para ello seleccionas la opción Añadir Sitemap, donde se te solicitará la url del archivo de tu sitemap, es algo así: www.tusitioweb.com/sitemap.xml.

Una vez incluido tu sitemap, el robot de Google verificará periodicamente tu web e indexará las actualizaciones que hayas hecho en tu sitio.

Ahora ya estas en condiciones de ver los reportes acerca de tu web, como por ejemplo:

• Las páginas de tu web que han sido indexadas.
• URL, caducadas, inexistentes o inaccesibles.
• Palabras clave con la cual los visitantes han llegado a tu web.
• Tipos de Archivos de tu web (xml, html, wml, etc.).

Lo que haremos después será darnos de alta en otros buscadores:

• Darnos de alta en Yahoo: página para agregar nuestra URL

• Darnos de alta en bing: página para agregar nuestra URL

Formulario de Contacto en WordPress

A veces nos puede interesar tener un formulario de contacto en una página dedicada, para ello, en wordpress, y podemos hacerlo muy fácilmente con el plugin WP-ContactForm. Mira un ejemplo de como queda

WP-ContactForm es un fantástico Formulario de Contacto creado por Ryan Duff, y es uno de los más sencillos y faciles de instalar, ya que no necesita ningún tipo de configuración.

Instalación de Cforms

Descargar WP-ContactForm, he encontrado la versión traducida, al español, y aquí la tienes lista para descargar.

Subir y activar el plugin como hacemos con cualquier otro.

Una vez que hemos activado el plugin ya podemos crear una nueva pagina en WordPress, y llamarla por ejemplo contacto.  Y utilizando el editor HTML  introduciremos

<!--contact form-->

Y ya tenemos una pagina a través de la cual los visitantes pueden comunicarse con nosotros.

Cforms

Cforms es un plugin de wordpress que nos permite crear tantos formularios como necesitemos, desde un simple formulario de contacto, como él que trae como predeterminado, hasta formularios más elaborados como encuestas, exámenes, recogida de datos….

Cforms nos permite personalizar su aspecto, mediante hojas de estilo CSS, e insertar un amplio abanico de campos, y todo desde la página de administración del plugin.

Instalación de Cforms

• Descargar Cforms y descargar la traducción al español, es muy recomendable dadas la cantidad de opciones que tiene este plugin.

• Subir y activar el plugin como cualquier otro.

• Subir la traducción en español. Para usarla hay que subir el archivo .mo a la carpeta /wp-content/plugins/ (¡ojo!, NO dentro de la carpeta Cforms, sino dentro de plugins).

Tras la activación del plugin, automáticamente observamos que se instala:

• Un nuevo menú en el panel de administración desde donde accedemos a la administración del plugin.

Menú Cforms

• Un botón en el editor visual, lo que va permitir de una manera limpia y sencilla insertar el formulario en una entrada o página de nuestro blog.

Botón Cforms en el editor visual de wordpress

Crear un formulario

• Ir al menú Cforms II

• En Admin Actions pulsar Añadir nuevo formulario

• Dar nombre al formulario en Nombre Formulario

• Editar nuestro formulario:

Interface Cforms para la creación formularios

1. permite arrastrar un campo y colocarlo en la posición deseada
2. nombre del campo
3. edita las diversas opciones del campo
4. puede seleccionar el tipo de campo, línea única, línea múltiple, casilla de verificación, lista selección,…
5. borra el campo
6. si esta marcado, el campo es obligatorio
7. comprueba que se introduzca un email valido, funciona solo con el tipo de campo Línea de texto única
8. limpia el texto del campo al pulsar sobre él
9. permite desactivar el campo, no se mostrará en el formulario
10. campo de solo lectura

Pulsar el botón Actualizar ajustes para que los cambios tengan efecto

Cforms también permite duplicar y borrar formularios

• Agregar un nuevo campo al formulario:

Añadir campos al formulario

1. indica la posición que ocupará el o los campos con respecto a los ya existentes
2. el número de campos a agregar
3. agrega el o los campos

Pulsar el botón Actualizar ajustes para que los cambios tengan efecto.

Insertar un formulario

Podemos insertar un formulario tanto en una página com en una entrada de nuestro blog, para ello:

• en el editor  de contenido colocamos el cursor donde queremos que aparezca el formulario y pulsamos el botón de Cforms, ver imagen “Botón Cforms en el editor visual de wordpress”.

• en la ventana emergente seleccionamos el titulo del formulario que queremos insertar y pulsamos en el botón Insert

Insertar un formulario

Más detalles

Cforms tiene un amplio abanico de posibilidades y su uso es bastante intuitivo.

• Personalizar el aspecto de los formularios, Cforms dispone de plantillas predeterminadas con las que podemos definir el diseño gráfico de nuestros formularios.

• Ajustes globales opciones que afectan a todos los formularios que tenemos.

• Formulario en la barra lateral, cada formulario que creamos genera un widget que podemos insertar en la barra lateral.

]]> http://mtperez.es/2010/02/02/formularios-en-wordpress-con-cforms/feed/ 5 http://mtperez.es/2010/01/31/mis-plugins-imprescindibles-para-wordpress-ii/ http://mtperez.es/2010/01/31/mis-plugins-imprescindibles-para-wordpress-ii/#comments Sun, 31 Jan 2010 10:23:23 +0000 mtperez http://mtperez.es/?p=1793

Repositorio de plugins imprescindibles II

Hace ya unos meses, como pasa el tiempo, publique una entrada titulada Mis plugins imprescindibles. Aquí presento una ampliación a ese primer repositorio, se trata de dos plugins que nos van a facilitar la interacción en la Web Social:

• Twitter Tools. Envía información a Twitter de la actividad de nuestro blog. Y genera un widget, que podemos insertar en la barra lateral, que monitoriza nuestra actividad en Twitter. Enlace a la página de Twiter Tools.

• Sociable. Facilita a nuestros usuarios que puedan añadir a sus marcadores, compartir  con sus contactos…, el contenido de nuestro blog. Es fácil, intuitivo y muy configurable. Enlace a la página de Sociable.

]]> http://mtperez.es/2010/01/31/mis-plugins-imprescindibles-para-wordpress-ii/feed/ 0 http://mtperez.es/2010/01/04/crear-un-foro-en-wordpress-con-simplepress-forum/ http://mtperez.es/2010/01/04/crear-un-foro-en-wordpress-con-simplepress-forum/#comments Mon, 04 Jan 2010 11:08:50 +0000 mtperez http://mtperez.es/?p=1493

Desde hace unos días me ha dado por probar como integrar un foro en wordpress. WordPress, en un principio no se pensó para foros sino para blogs. Pero disponemos de herramientas para agregarlo a nuestro wordpress. Estas herramientas pueden ser externas o internas:

• Conocemos como herramientas Externas a aquellas que no requieren de un blog para funcionar, como bbPress, phpBB,…
• Llamaremos herramientas Internas a las que generán un foro a partir de un plugin

y después de probar varias opciones me decanto, de momento, por Simple:Press

Simple:Press Forum

Simple:Press Forum es un plugin que nos permite instalar un foro en nuestro WordPress. Este plugin genera automáticamente una página, al instalarlo, en la cual se encuentra el foro, a diferencia de otros casos como el WP-Forum donde se necesita crear una página aparte. Es totalmente personalizable y cuenta con varias plantillas y series de iconos.

Dispone de un poderoso y flexible sistema de permisos adecuado para quienes deseen crear un foro privado y especializado con miembros invitados, sin embargo, es al mismo tiempo capaz de contener foros abiertos y públicos que permiten que los invitados envíen sus propios posts.

También contiene un sub-sistema de Mensajería Privada, con capacidad de enlazar posts de blogs con temas del foro, la habilidad de ampliar la visualización del foro con un código personalizado, varias etiquetas de plantilla para utilizar fuera del foro, importante ayuda en línea que explica cada una de las opciones y soporte integral de idiomas.

Demo: Foro integrado en WordPress

Características:

▪ Totalmente incorporado en los registros y logins del usuario de WordPress

▪ Crea permalinks ‘pretty/SEO friendly’

▪ Respaldado por un poderoso sistema de usuarios y de permisos

▪ Puede crear foros privados

▪ Los foros pueden ser ‘Sólo para Miembros’ o pueden admitir Invitados

▪ Sistema de Mensajería Privada

▪ Los administradores pueden permitir moderación de posts (aprobación)

▪ Herramienta para Búsqueda incorporada

▪ Plantillas e iconos totalmente personalizables

▪ La mayoría de las funciones de interpretación de datos son ‘conectables’

▪ Actualización del Perfil de los Miembros – los usuarios pueden cambiar sus propias contraseñas

▪ Elección de Editores (RTE, HTML, bbCODE)

▪ Options Signatures, Signature Image, Avatares, y Rankings

▪ Variedad de Etiquetas de Plantilla – posts recientes, etc.

▪ Ganchos (Hooks) Programables para la extensión del usuario

▪ Herramientas Opcionales para la Prevención de Correo Basura (Spam)

▪ Cookies Opcionales para rastrear Invitados y Miembros

▪ Con soporte de idiomas

▪ Canales (feeds) RSS opcionales y variados, además de suscripción a temas a través de email

▪ Diferentes opciones de visualización de acuerdo a tus necesidades y a tu tema

▪ Una serie de herramientas de administrador para realizar una diversidad de tareas desde el mismo foro

▪ Los Posts de un Blog y los Temas del Foro se pueden enlazar

▪ Soporte para el plugin ‘Democracy Polls’

▪ Soporte para el plugin ‘Gravatars 2′

▪ Estadísticas del Foro – incluye quién está en línea

▪ Opción de desinstalación/eliminación total

▪ Soporte para el plugin All In One SEO Pack (Browser title bar)

▪ Visualiza Lista de Nuevos Posts en el Administrador en lugar de TODAS las visualizaciones con ‘Quick Reply’

▪ Soporte de idiomas de derecha a izquierda en el editor TinyMCE

▪ Topic Status Tracking

▪ Emiticones o Smileys Personalizados

▪ Personalización de la barra de herramientas RTE (RTE toolbar)

▪ Opción de visualización de la política de pre-registro

▪ Post Ratings

▪ Agrega Datos Personalizados al Perfil

▪ Temas ‘Seguidos’

▪ Administradores con foros múltiples

▪ Lista de Miembros

Simple:Press tiene su propio sistema de dominio y soporte.

• Sitio Oficial: Simple-Press Forum.
• Ver Demo
• vía: WTC

Repositorio de plugins imprescindibles I

Voy a ir haciendo un repositorio de los plugins que estoy utilizando y que su uso me parece imprescindible en wordpress.

Seguridad

• Akismet: Es un plugin que viene instalado por defecto en wordpress. Nos libera del indeseable spam. No olvides activarlo.

Indexación y Optimización

• Google XML Sitemaps: Este plugin crea  un archivo Sitemap .XML, con el que va a informar al buscador de una serie de datos como la url de nuestro sitio, la frecuencia de actualización de la página, la importancia de la misma frente a otras y la fecha de la última actualización. Sí quieres saber un poco más puedes leer como hacer un sitemaps.

• All in One SEO Pack: Nos permite mejorar el posicionamiento individual, de nuestras entradas y páginas, ya que optimiza los títulos de las páginas generadas por WordPress de cara a los motores de búsqueda y genera  meta-etiquetas atomaticamente. Sí quieres saber un poco más puedes leer Seo para wordpress.

Multimedia

• NextGEN Gallery: Este plugin permite publicar fotos sueltas, galerias de fotos y albums de fotografías, que estan formados por todas las galerias de fotos que queramos insertar en el album. Con este plugin también podemos publicar pases de diapositivas de albums. Para saber más lee publicar galería y albums de fotos y pases de diapositivas en wordpress con NextGEN Gallery

• Viper’s Video Quicktags: Es un interesante plugin que permite insertar fácilmente, mediante unos botones, vídeos de los servicios de alojamiento de vídeo mas populares como YouTube, Google Vídeo, Vimeo, Metacafé, Viddler, BlitTV, MySpace y Flickr Vídeos,  incluso vídeos alojados en tu servidor o en otra ruta, en nuestras entradas o páginas de WordPress. Y todo es facilmente personalizable. Puedes leer el tutorial Publicar videos .flv en wordpress con Vipers Video QuickTags.

Usabilidad

• WP-PageNavi: Nos permite insertar una paginación más completa de nuestras entrada. Dispone de 10 estilos de paginación, más allá del sencillo «Anterior vs. Siguiente». Si quieres saber más te dejo un enlace infectedfx, donde encontraras un buen tutorial y podrás descargar el plugin y unas plantillas.

• Yet Another Related Posts Plugin: Con este plugin vamos a mostrar dentro de la entrada que estemos leyendo, una lista adicional de otras entradas similares, con las que pueda estar relacionada. Puedes leer Post relacionados en WordPress.

• WP-Print: Crea y muestra una versión para imprimir de nuestras entradas y páginas del blog. Si te interesa puedes saber más en  Imprimir entradas y páginas de wordpress.

• WP-Syntax: Permite publicar en nuestras entradas, ejemplos de código en cualquier lenguaje de programación. Sí quieres saber más te dejo enlace a K40s.