Developando.com » WordPress CMS http://developando.com/blog Recursos para desarrolladores como nosotros Sun, 21 Jun 2015 10:08:43 +0000 es-ES hourly 1 http://wordpress.org/?v=4.1.5 Añadir Captcha en formulario de foro bbpress http://developando.com/blog/anadir-captcha-foro-bbpress http://developando.com/blog/anadir-captcha-foro-bbpress#comments Sat, 02 May 2015 07:35:40 +0000 http://developando.com/blog/?p=3145 En este breve tutorial vamos a explicar como configurar un campo “Captcha” en todos los formularios que aparecen en un sitio WordPress con el plugin de “bbpress” activado. Conseguiremos que aparezca este nuevo Captcha en los formularios de creación de foros, de nuevos debates, para nuevas respuestas… Para trabajar con el plugin de bbpress vamos […]

The post Añadir Captcha en formulario de foro bbpress appeared first on Developando.com.

]]>
En este breve tutorial vamos a explicar como configurar un campo “Captcha” en todos los formularios que aparecen en un sitio WordPress con el plugin de “bbpress” activado. Conseguiremos que aparezca este nuevo Captcha en los formularios de creación de foros, de nuevos debates, para nuevas respuestas…

Para trabajar con el plugin de bbpress vamos a utilizar un plugin que se llama “Math Captcha”.

Instalación y activación del plugin Math Captcha

Para instalar este plugin se debe acceder al área de plugins desde el escritorio de administración y buscar el plugin con el nombre “Math Captcha” y hacer clic en el botón “Instalar ahora”:

Añadir Captcha en foros bbpress

Añadir Captcha en foros bbpress

Tras esto únicamente hay que hacer clic en activar y ya estaría el plugin listo para comenzar a trabajar.

Configurar plugin Math Captcha

Al acceder a la ventana de configuración del plugin “Math Captcha” podremos escoger entre los formularios donde queremos que este nuevo campo sea añadido. En el caso de este tutorial únicamente lo vamos a configurar para “bbpress”, por lo que el resto de casillas las dejaremos sin marcar, únicamente seleccionaremos la de “bbpress”.

También indicaremos que para los usuarios que tenga la sesión abierta no se les muestre, ya que al estar registrados queda verificado que son personales reales y no spam.

El siguiente paso es indicar que tipo de operaciones se quieren utilizar, pudiendo seleccionar entre sumas, restas, multiplicaciones y/o divisiones.

Finalmente indicamos el texto de la etiqueta que acompañará a la operación matemática que se le muestre al visitante en el formulario correspondiente.

Añadir Captcha en foros bbpress

Añadir Captcha en foros bbpress

Tras realizar todos estos cambios hay que hacer clic en el botón “Guardar Cambios” para que se aplique la nueva configuración quedando los formularios de esta forma:
developando-bbpress-math-captcha-3

The post Añadir Captcha en formulario de foro bbpress appeared first on Developando.com.

]]>
http://developando.com/blog/anadir-captcha-foro-bbpress/feed 0
Dejar comentarios en WordPress con Disqus configurado http://developando.com/blog/dejar-comentarios-wordpress-disqus-configurado http://developando.com/blog/dejar-comentarios-wordpress-disqus-configurado#comments Thu, 22 Jan 2015 19:30:08 +0000 http://developando.com/blog/?p=3043 En el tutorial “Cómo configurar comentarios Disqus en WordPress” vimos cómo se configuraban los comentarios de Disqus en WordPress, pero ahora … ¿cómo se dejan comentarios en WordPress con Disqus configurado?. En este tutorial vamos a explicar cómo dejar comentarios en WordPress cuando están activados los comentarios Disqus: Para dejar un comentario podemos hacerlo como […]

The post Dejar comentarios en WordPress con Disqus configurado appeared first on Developando.com.

]]>
En el tutorial “Cómo configurar comentarios Disqus en WordPress” vimos cómo se configuraban los comentarios de Disqus en WordPress, pero ahora … ¿cómo se dejan comentarios en WordPress con Disqus configurado?.

En este tutorial vamos a explicar cómo dejar comentarios en WordPress cuando están activados los comentarios Disqus:

Dejar comentarios Disqus

Dejar comentarios Disqus

Para dejar un comentario podemos hacerlo como invitado o identificándonos con alguna de las siguientes opciones:

  • Cuenta Disqus
  • Cuenta Facebook
  • Cuenta Twitter
  • Cuenta Google +

En este ejemplo vamos a mostrar cómo dejar comentarios utilizando una cuenta Disqus y cómo dejarlos como invitados, indicando sólo nombre y dirección de correo electrónico.

Identificarse con usuario Disqus

Para poder comentar identificándonos con un usuario de Disqus debemos hacer click sobre “Acceder > Disqus” o sobre el icono de Disqus:

Acceder cuenta Disqus

Acceder cuenta Disqus

Haciendo esto se abrirá una ventana emergente en la que debemos introducir los datos de acceso a la cuenta Disqus:

Login cuenta Disqus

Login cuenta Disqus

Si los datos son correctos veremos ahora nuestro nombre de usuario en la esquina superior derecha. Ahora podremos escribir el nuevo comentario y publicarlo haciendo click sobre el botón “Publicado por usuario”:

Usuario Disqus activo

Usuario Disqus activo

Una vez hecho click sobre el botón de publicación podremos ver que nuestro comentario aparece en el hilo del debate, y que dicho comentario está asociado al usuario de Disqus con el que nos habíamos autenticado anteriormente:

Comentario Disqus publicado

Comentario Disqus publicado

NOTA: esta opción de “Acceder” con Disqus sólo estará disponible si el administrado del sitio WordPress la ha habilitado en la configuración del plugin de Disqus. Sino estuviese habrá que abrir la sesión en Disqus accediendo a la plataforma Disqus directamente.

Dejar comentario como invitado

Si queremos dejar un comentario en Disqus pero no disponemos de ninguna de las cuenta que se mencionan en este tutorial, o bien no queremos utilizar ninguna de estas opciones, podemos dejar un comentario como invitado con solo activar el checkbox recuadrado en la siguiente captura:

Disqus comentario como invitado

Disqus comentario como invitado

Ahora únicamente debemos rellenar el texto del comentario, un nombre y un correo para identificarnos. Tras publicar el comentario comprobamos que aparece de nuevo en el hilo del debate:

Debate como invitado

Debate como invitado

The post Dejar comentarios en WordPress con Disqus configurado appeared first on Developando.com.

]]>
http://developando.com/blog/dejar-comentarios-wordpress-disqus-configurado/feed 0
Cómo configurar comentarios Disqus en WordPress http://developando.com/blog/configurar-comentarios-disqus-wordpress http://developando.com/blog/configurar-comentarios-disqus-wordpress#comments Thu, 22 Jan 2015 18:46:08 +0000 http://developando.com/blog/?p=3006 En esta Guía se explica cómo instalar y configurar los comentarios de Disqus en WordPress. Para trabajar con este sistema de comentarios Disqus será necesario crear previamente una cuenta de Disqus, y posteriormente instalar el plugin de Disqus en WordPress. Realizada la instalación y configuración se pueden exportar todos los comentarios actuales a la cuenta […]

The post Cómo configurar comentarios Disqus en WordPress appeared first on Developando.com.

]]>
En esta Guía se explica cómo instalar y configurar los comentarios de Disqus en WordPress.
Para trabajar con este sistema de comentarios Disqus será necesario crear previamente una cuenta de Disqus, y posteriormente instalar el plugin de Disqus en WordPress.
Realizada la instalación y configuración se pueden exportar todos los comentarios actuales a la cuenta de Disqus.

Configuración Disqus

Crear cuenta Disqus

El primer paso que debemos seguir es crear una cuenta en Disqus. Para crear una nueva cuenta únicamente debemos indicar un correo electrónico, un nombre de usuario y una contraseña. También existe la opción de realizar el registro mediante alguna cuenta de Facebook, Twitter o Google+.

Para crear una cuenta acceder a la página de registro en Disqus:

Crear cuenta Disqus

Crear cuenta Disqus

Configurar perfil sitio web

Tras realizar el registro y acceder a la aplicación podemos crear un perfil para utilizarlo en la instalación de WordPress que vamos a configurar. En este paso únicamente debemos rellenar los datos del formulario de la siguiente imagen:

  • Site name”: nombre con el que identificar el sitio web.
  • Unique Disqus URL”: dirección única para el área de administración del nuevo perfil en Disqus.
  • Category”: categoría del sitio web en el que se incluirán los comentarios de Disqus.
Crear perfil sitio web

Crear perfil sitio web

El siguiente paso es indicar que la plataforma en la que se va a configurar es WordPress. Con esto se abrirá una ventana con los pasos a seguir para configurar Disqus en WordPress:

Disqus plataforma WordPress

Disqus plataforma WordPress

Una vez seleccionada la plataforma WordPress aparece en pantalla las instrucciones que se deben seguir para configurar Disqus en dicha plataforma:

Instruccinoes Disqus WordPress

Instruccinoes Disqus WordPress

Configuración WordPress

Instalación plugin Disqus

Para habilitar los comentarios de Disqus debemos instalar un nuevo plugin en nuestro WordPress. Para ello debemos ir dentro del menú izquierdo del escritorio de administración a la opción “Plugin > Añadir nuevo”:

Añadir plugin Disqus

Añadir plugin Disqus

En la siguiente ventana introduciremos Disqus en la barra del buscador y seleccionaremos posteriormente “Instalar ahora” en el plugin llamado “Disqus Comment System”, comprobar que el autor del mismo sea Disqus:

Seleccionar plugin Disqus

Seleccionar plugin Disqus

Una vez finalizada la instalación se debe activar el nuevo plugin. Para ello únicamente debemos hacer click en el enlace “Activar plugin”:

Instalar plugin Disqus

Instalar plugin Disqus

Llegados a este punto del tutorial ya tendríamos creada la cuenta de Disqus, instalado y activado el plugin de Disqus en WordPress, y ya únicamente quedaría configurar dicho plugin para se asocie con la cuenta y el perfil del sitio que hemos creado al comienzo de esta guía.

Configurar plugin Disqus

Para acceder al área de configuración del plugin hay que ir a la opción del menú “Comentarios > Disqus”. La primera vez que se accede a esta sección se indica que se debe actualizar la base de datos:

Actualizar base de datos Disqus

Actualizar base de datos Disqus

Para poder empezar con la configuración del plugin se debe actualizar la base de datos. Esta tarea la realizará el plugin tras hacer click sobre el botón “Upgrade”.

Una vez actualizada la base de datos el usuario debe introducir los datos de la cuenta que se creó en Disqus previamente:

Asociar cuenta Disqus

Asociar cuenta Disqus

Haciendo click en el botón “Next” se listan todos los perfiles de los sitios que estén creados en la cuenta Disqus indicada. En esta guía únicamente hemos creado hasta el momento un único perfil, por lo que en la lista tendremos una opción disponible:

Seleccionar perfil Disqus

Seleccionar perfil Disqus

Seleccionamos el perfil de Disqus que se va a asociar al sitio WordPress y hacemos click de nuevo sobre el botón “Next”, obteniendo una confirmación de que el gestor de comentarios Disqus ha sido instalado correctamente:

Cuenta disqus configurada

Cuenta disqus configurada

Exportar cuenta Disqus

Los comentarios que se hayan ido dejando hasta el momento en WordPress aún son accesibles desde el área de comentarios del escritorio de administración:

Listado comentarios WordPress

Listado comentarios WordPress

Ahora lo que hay que hacer es que todos estos comentarios sean exportados a la nueva cuenta de Disqus, ya que en esta aún no hay ningún comentario dado de alta. Si accedemos al listado de comentarios en la cuenta Disqus podremos comprobar como aún no hay dado de alta ninguno:

Disqus comentarios vacíos

Disqus comentarios vacíos

Para realizar la exportación de todos los comentarios debemos ir a la opción “Comentarios > Disqus” dentro del escritorio de administración de WordPress. Ahora ya no saldrá el mensaje que avisaba de la necesidad de actualizar la base de datos. En esta pantalla debemos hacer click sobre el enlace “Plugin Settings” para acceder al área de gestión del plugin de Disqus en WordPress:

Disqus plugin settings

Disqus plugin settings

En esta sección debemos buscar la opción que permite exportar comentarios indicada en la siguiente captura de pantalla:

Exportar comentarios a Disqus

Exportar comentarios a Disqus

La exportación de los comentarios podría llevar hasta 24 horas dependiendo del número de comentarios que estén registrados actualmente en WordPress. Para iniciar el proceso de exportación hay que hacer click en el botón “Export Comments”. Cuando la exportación haya finalizado podremos ver un aviso indicando que los comentarios se han enviado a Disqus:

Exportación comentarios finalizada

Exportación comentarios finalizada

Para ver el estado de la importación debemos acceder a la cuenta de Disqus donde veremos un aviso que indica que se está realizando la importación:

Estado importación Disqus

Estado importación Disqus

Haciendo click sobre el enlace “Details” se accede a una ventana que muestre el resumen del estado de las importaciones realizadas. En esta captura podemos ver que se ha realizado una importación de comentarios, y que esta se ha completado al 100%:

Importación comentarios finalizada

Importación comentarios finalizada

Si accedemos de nuevo al listado de comentarios dentro de la cuenta de Disqus veremos que están todos los comentarios que teníamos en WordPress:

Listado comentarios Disqus

Listado comentarios Disqus

Comprobación final

Si has seguido todos los pasos de la guía y accedes a alguna de las entradas del blog podrás comprobar que todo ha ido correctamente y que se están mostrando los comentarios de Disqus, tal y como se muestra en la siguiente captura:

Comentarios Disqus en Wordpres

Comentarios Disqus en Wordpres

Esperamos que os haya servido de utilidad este tutorial. Si tienes alguna duda déjanos tus comentarios, y si te ha gustado el tutorial compartelo con tus amigos ;)

The post Cómo configurar comentarios Disqus en WordPress appeared first on Developando.com.

]]>
http://developando.com/blog/configurar-comentarios-disqus-wordpress/feed 0
Ghost : una amenaza para WordPress http://developando.com/blog/ghost-wordpress http://developando.com/blog/ghost-wordpress#comments Tue, 09 Dec 2014 11:30:03 +0000 http://developando.com/blog/?p=2736 Ghost aún está en beta pero ya está dando de qué hablar. En su página se nos presenta como sólo (si obviamos las características que proporciona NodeJS en cuanto a escalabilidad y rendimiento) una plataforma de blogging, sin embargo, dado el crecimiento de los desarrollos NodeJS es difícil imaginar que quede solo en eso. Además, […]

The post Ghost : una amenaza para WordPress appeared first on Developando.com.

]]>
Ghost aún está en beta pero ya está dando de qué hablar. En su página se nos presenta como sólo (si obviamos las características que proporciona NodeJS en cuanto a escalabilidad y rendimiento) una plataforma de blogging, sin embargo, dado el crecimiento de los desarrollos NodeJS es difícil imaginar que quede solo en eso. Además, desde su sitio ofrecen las mismas posibilidades que ofrece WordPress, bien alojar un blog en su sitio, lo llaman Ghost(Pro) o bien bajar el código para desplegarlo en nuestro hosting o servidor. 

GHOST … ¿qué es GHOST?

Ghost es una plataforma de blogging desarrollada sobre NodeJS + Handlebars para tel templating, y sqlLite3 por defecto,  totalmente open source, fundamentada sobre la idea de hacer una única cosa pero hacerla bien, que el usuario se centre única y exclusivamente en la creación de contenido.

El proyecto Ghost según nos cuentan se fundamenta en dos principios:

  1. Open Source. Libertad de uso, libertad para modificarlo, libertad para compartirlo y distribuirlo. Podemos hacer lo que queramos con el proyecto sin ningún tipo de restricción legal.
  2. Ghost está creado en su totalidad por la comunidad. El proyecto está sostenido a través de una organización sin ánimo de lucro llamada Ghost Foundation, pero todo el desarrollo se lleva a cabo por una cadena de voluntarios a lo largo de todo el mundo. 

Ghost(PRO)

Como os decíamos en la introducción ofrecen un servicio de alojamiento para tu blog similar a lo que hace WordPress con la diferencia que tendremos que pagar por cualquiera de los tipos de alojamiento que nos ofrecen desde los $10 /mes para la cuenta personal hasta los $250/mes de su cuenta business, cabe destacar que para todos los planes cuentan con actualizaciones automáticas y backups.

GHOST MARKETPLACE

A pesar de que hoy por hoy existe poco contenido en su marketplace en él aglutinan contenido de pago y gratuito. Al igual que ha ocurrido con otros CMS se espera un creciente mercado entorno a plugins y themes para Ghost, que viendo la pinta que tiene y la orientación del mercado hacia js llegará.

CONCLUSIONES

A pesar de que todavía Ghost se encuentra en Beta y que no han publicado el dashboard para administrar un sitio creado con esta plataforma, personalmente considero que puede ser un rival muy serio para el líder en CMS, que hoy en día es WordPress, siempre y cuando mantengan la filosofía de centrarse en la parte de publicación y se alejen de todo eso que ha llevado a WordPress a hacerse en ocasiones bastante complejo.

Con este post iniciamos una serie en la que nos iremos introduciendo en este nuevo CMS.

The post Ghost : una amenaza para WordPress appeared first on Developando.com.

]]>
http://developando.com/blog/ghost-wordpress/feed 0
WordPress crear formulario con Contact Form 7 http://developando.com/blog/wordpress-crear-formulario-contact-form-7 http://developando.com/blog/wordpress-crear-formulario-contact-form-7#comments Tue, 15 Apr 2014 09:51:46 +0000 http://developando.com/blog/?p=2418 En este tutorial vamos a explicar paso a paso cómo crear un formulario utilizando el plugin Contact Form 7. Estos son las paso que vamos a seguir en el tutorial: Instalar y activar el plugin “Contact Form 7″. Crear nuevo formulario. Añadir campos al formulario. Incluir el formulario en una nueva página. Instalar plugin “Contact […]

The post WordPress crear formulario con Contact Form 7 appeared first on Developando.com.

]]>
En este tutorial vamos a explicar paso a paso cómo crear un formulario utilizando el plugin Contact Form 7.

Estos son las paso que vamos a seguir en el tutorial:

  1. Instalar y activar el plugin “Contact Form 7″.
  2. Crear nuevo formulario.
  3. Añadir campos al formulario.
  4. Incluir el formulario en una nueva página.

Instalar plugin “Contact form 7″

Lo primero que habrá que hacer es instalar y activar el plugin ‘Contact form 7′, esto lo haremos desde el escritorio de administración de nuestro sitio WordPress.

Instalar el plugin

Debemos ir al área de configuración de los plugins y hacer clic en ‘Añadir nuevo’. Buscaremos el nuevo plugin utilizando como criterio de búsqueda ‘Contact Form 7′, y cuando se muestren los resultados de búsqueda hacer clic sobre la opción ‘Instalar ahora’ para el plugin indicado. En este tutorial podéis ver como instalar este plugin. Tras instalarlo y activarlo podremos ver una nueva opción en el menú de administración con el nombre “Contacto“, y será desde ahí donde podremos crear y administrar los formularios que vamos a utilizar en nuestro sitio WordPress:

Contact Form 7 menú

Crear nuevo formulario

En este punto ya tenemos el plugin activado y podremos crear un nuevo formulario. Para esto debemos ir al nuevo menú de Contacto y hacer clic en ‘Añadir nuevo‘:

Contact Form 7 añadir nuevo

Contact Form 7 añadir nuevo

En el segundo paso hay que escoger el idioma para el nuevo formulario. Por defecto está seleccionado el idioma de WordPress. En nuestro caso haremos clic sobre el botón ‘Añadir nuevo‘, ya que el idioma por defecto es el español:

Contact Form 7 Idioma

Contact Form 7 Idioma

Tras esto ya tenemos creado el nuevo formulario de contacto. Por defecto viene creado con una serie de campos y de mensajes que deberemos ir modificando para adaptarlo a nuestras necesidades. En el siguiente punto explicamos cómo añadir nuevos campos en los formularios.

Añadir campos al formulario

En este punto vamos a mostrar con un ejemplo cómo añadir un nuevo menú desplegable con diferentes opciones para que el usuario escoja un color. Para ello debemos ir a la parte de la derecha y ‘Genera una etiqueta‘ del tipo ‘Menú desplegable‘. En la siguiente image se muestra el formulario con los campos que hay que rellenar para configurar dicho desplegable:

Contact Form 7 nuevo campo

Contact Form 7 nuevo campo

Para este nuevo campo únicamente hemos tenido que rellenar:

  • Nombre del nuevo campo
  • El identificador será algo opcional
  • Estilos CSS que queremos que se le aplique, también opcional
  • Una línea por cada una de las opciones que tendrá el menú desplegable

El resto de opciones han sido autogeneradas por el plugin. Podemos ver dos campos recuadrados en color rojo y verde. Estos campos son importantes ya que indican el texto que hay que añadir en el formulario para usar el nuevo campo, marcado en rojo, y el texto que hay que añadir para que aparezca en el correo, marcado en verde.

Añadir el campo creado al formulario

Para esto debemos copiar el texto que aparece recuadrado en rojo en el punto anterior, y añadir esa línea al área del formulario para que quede como se muestra en la siguiente imagen:

Contact Form 7 nuevo camp

Añadir el campo al correo

Hay que configurar el correo para que aparezca el nuevo campo cuando los usuarios envíen dicho formulario. Para ello debemos añadir en el área de configuración del formulario el texto que aparece en el punto anterior recuadrado en verde, quedando dicho correo de esta forma:

Ccontact Form 7 nuevo campo en formulario

Con estos dos cambios ya veremos el nuevo campo en el formulario, y recibiremos en nuestro correo la opción seleccionada por nuestros visitantes.

Configurar dirección correo destino

Durante la creación del formulario se debe configurar en la sección etiquetada como “Email” la dirección de destino del formulario. Será a esa dirección a la que se le envíe un correo con los datos que se han indicado durante la creación del formulario.

Configurar mensajes del formulario

El plugin ‘Contact Form 7′ viene predefinido con una serie de mensajes, en el mensaje escogido, que serán mostrados según el formulario se envíe correctamente, se produzca algún error, algún campo obligatorio no se haya introducido correctamente…

Todos estos mensajes los podemos modficar en esta sección:

wordpress-contact-form-7-mensajes

Utilizar el formulario en una página

El útlimo paso será utilizar este formulario en alguna de nuestra páginas. Para ello únicamente debemos añadir el texto con el identificador del formulario en algún sitio de la página, y ya aparecerá nuestro formulario. En la siguiente imagen vemos cuál es el identificador que debemos copiar.

Para ello entrar en listado de formularios de contacto:

Contact form 7 Identificador

Ahora deberemos añadir toda esa línea que aparece recuadrada en rojo en una de nuestras páginas, como si de un texto se tratase.

Vamos a verlo con un sencillo ejemplo. En las siguiente imagen vemos cómo hemos creado un breve página con una línea de texto seguida de la línea anterior que identifica al formulario:

Añadir formulario wordpress

Si publicamos la página y accedemos a ella podemos ver que la página tendrá este aspecto:

Añadir formulario wordpress

Rellenando el formulario con esos valores, y enviando dicho formulario, recibiremos un correo en la dirección que hemos configurado al crear el formulario con el formato que hemos indicado para la creación del formulario.

Este es el formato que tiene el correo que hemos utilizado en el tutorial:

Añadir formulario wordpress

Ahora ya sólo tendrás que empezar a añadir todos los campos que necesite tu formulario y darle los estilos para que se adapte a tu sitio web. Si tenéis alguna duda, queja o sugerencia no dudéis en utilizar los comentarios.

The post WordPress crear formulario con Contact Form 7 appeared first on Developando.com.

]]>
http://developando.com/blog/wordpress-crear-formulario-contact-form-7/feed 5
WordPress, instalar y activar un nuevo plugin http://developando.com/blog/wordpress-instalar-activar-plugin http://developando.com/blog/wordpress-instalar-activar-plugin#comments Tue, 15 Apr 2014 08:44:26 +0000 http://developando.com/blog/?p=2400 En este tutorial explicaremos como instalar un nuevo plugin en WordPress.  Se puede instalar un nuevo plugin subiendo un fichero ‘ZIP‘ con todos los ficheros del plugin, o bien, como se va a explicar en este tutorial, utilizando el buscador e instalador desde el escritorio de administración de WordPress. La instalación de un nuevo plugin […]

The post WordPress, instalar y activar un nuevo plugin appeared first on Developando.com.

]]>
En este tutorial explicaremos como instalar un nuevo plugin en WordPress.  Se puede instalar un nuevo plugin subiendo un fichero ‘ZIP‘ con todos los ficheros del plugin, o bien, como se va a explicar en este tutorial, utilizando el buscador e instalador desde el escritorio de administración de WordPress.

La instalación de un nuevo plugin para WordPress consta de tres pasos:

  1. Búsqueda del nuevo plugin
  2. Instalacion del plugin
  3. Activación del plugin

Durante este tutorial vamos a seguir un ejemplo para instalar el plugin llamado ‘Contact Form 7‘.

Búsqueda del nuevo plugin

Para buscar un nuevo plugin deberemos ir a la opción ‘Añadir nuevo‘ dentro del menú ‘Plugins‘ del escritorio de administración:

Instalar el plugin

Instalar plugin wordpress

Una vez ahí deberemos utilizar el buscador indicando el nombre del plugin que se quiere instalar.

Instalación del plugin

Al buscar un nuevo plugin obtenemos un listado de resultados con los plugins que estén relacionados con el criterio de búsqueda introducido. Deberemos hacer clic sobre el enlace ‘Instalar ahora‘ del plugin que vamos a instalar:

Wodpress Instalar plugin Contact form 7

Wodpress Instalar plugin Contact form 7

Cuando se hace clic en dicho enlace, veremos una nueva ventana con el proceso de instalación. Cuando acabe la instalación tendremos una vista con la que se muestra en el siguiente punto, en la que se indica que se ha instalado correctamente y que si se quiere activar el plugin.

Esto quiere decir que cuando se instala un nuevo plugin aún no está habilitado. Por tanto, para poder comenzar a trabajar con él deberemos activarlo primero.

Activación del plugin

Para comenzar a trabajar con el nuevo plugin instalado en WordPress deberemos hacer clic sobre el enlace ‘Activar plugin‘. Tras hacer esto, si todo ha ido correctamente, podremos empezar a utilizarlo:

Wordpress activar plugin

WordPress activar plugin

Siguiendo estos sencillos paso ya tendremos instalado y activado un nuevo plugin en WordPress.

Algunos plugins, como es el caso del ejemplo que hemos utilizado, añaden nuevas opciones la menú de la izquierda del escritorio de administración de WordPress con diferentes opciones de uso y configuración.

The post WordPress, instalar y activar un nuevo plugin appeared first on Developando.com.

]]>
http://developando.com/blog/wordpress-instalar-activar-plugin/feed 0
WordPress, modo mantenimiento y página en construcción http://developando.com/blog/wordpress-modo-mantenimiento-pagina-construccion http://developando.com/blog/wordpress-modo-mantenimiento-pagina-construccion#comments Fri, 21 Mar 2014 09:23:25 +0000 http://developando.com/blog/?p=2322 Este tutorial explica como añadir a nuestro sitio web la típica “Página en construcción” o de mantenimiento cuando estemos realizando cambios importantes sobre el diseño o contenidos del sitio y no queremos que nuestros visitantes vean nuestros contenidos hasta que estén completos. Para realizar esta “página en construccion” en WordPress vamos a utilizar el plugin […]

The post WordPress, modo mantenimiento y página en construcción appeared first on Developando.com.

]]>
Este tutorial explica como añadir a nuestro sitio web la típica “Página en construcción” o de mantenimiento cuando estemos realizando cambios importantes sobre el diseño o contenidos del sitio y no queremos que nuestros visitantes vean nuestros contenidos hasta que estén completos.

Para realizar esta “página en construccion” en WordPress vamos a utilizar el plugin WP Maintenance Mode. Con este plugin crearemos una página que será la única a la que podrán acceder nuestros visitantes mientras el “modo mantenimiento” esté activado.

Lo primero que hay que hacer es instalar el plugin. Para ello iremos a la opción ‘Plugins->Añadir nuevo’ del escritorio de administración de Worpress. Una vez ahí deberemos buscar el plugin “WP Maintenance Mode” y haremos clic en “Instalar ahora”:

Wordpress modo mantenimiento

WordPress modo mantenimiento

Tras el instalar el plugin debemos activarlo. Al activarlo no estaremos en “modo mantenimiento” todavía. Para ello hay que configurar una opción dentro de los ajustes del plugin.

Configuración plugin modo mantenimiento

Tras activar el plugin vamos a ver las diferentes configuraciones que se pueden aplicar. En la siguiente imagen se muestran todos los ajustes del plugin:

Wordpress ajustes modo mantenimiento

WordPress ajustes modo mantenimiento

A continuación vamos a explicar los ajustes que se pueden configurar:

  • Plugin activado‘: aquí es donde se indica si nuestro Worpress está en modo mantenimiento o no. Si esta opción está configurada como “Activado” entonces los visitantes únicamente podrán ver la página de mantenimiento que hemos creado. Si está “Desactivado” nuestro sitio será accesible a todo el mundo. Cuando se desee cambiar este estado es importante acordarse de hacer clic en el botón “Actualizar”.
  • Cuenta atrás‘: para que en la página de mantenimiento aparezca una cuenta atrás donde se indique el tiempo que falta para que el sitio web sea publicado de nuevo.
  • Enlace‘: añade un enlace a la web del autor del plugin en nuestra página de mantenimiento.
  • Enlace a Administración‘: para añadir un enlace al escritorio de administración de WordPress.
  • CSS Style‘: que estilo queremos configurar para la página de mantenimiento. El plugin tiene definidas diferentes plantillas, o si lo preferimos podemos utilizar nuestros propios estilos. En este enlace podrás ver las diferentes plantillas que tiene configurado el plugin.
  • Own CSS Style URL‘: si queremos utilizar nuestros propios estilos deberemos indicar aquí la URL del fichero CSS donde estén definidos.
  • noindex, nofollow‘: activarlo para que la página NO sea indexada por los buscadores.
  • Título‘: título de la página de mantenimiento.
  • Si hemos seleccionado alguno de las plantillas que acompañan al plugin, deberemos rellenar los textos que se mostrarán en ellas con los siguientes campos:
    • Cabecera‘: texto que aparecerá en la cabecera de la plantilla.
    • Encabezamiento‘: encabezamiento de la plantilla.
    • Texto‘: contenido con el que se rellenará la plantilla.
  • Texto‘: si hemos escogido utilizar nuestros propios estilos, en este campo deberemos añadir el contenido HTML que tendrá nuestra página de mantenimiento.
  • Bypass for Search Bots‘: permitir a los buscadores acceder a nuestro sitio aunque tengamos  el modo mantenimiento activado para que puedan indexar nuestros contenidos.
  • Backend rol‘: indicar el rol que deben tener los usuarios para que puedan acceder al escritorio de administración de WordPress. El resto de usuarios no podrá acceder.
  • Frontend rol‘: rol que deben tener los visitantes para poder acceder a todos los contenidos y vistas de nuestro sitio web. El que no tenga este rol únicamente verá la página de mantenimiento que hemos creado.
  • Redirección‘: página a la que debemos redirigir a los usuarios tras el login.
  • Avisos‘: permite activar un aviso en el escritorio de administración indicando que está activado el modo de mantenimiento:

    Wordpress aviso modo mantenimiento activado

    WordPress aviso modo mantenimiento activado

Tras configuarar todos estos parámetros, y activar el modo mantenimiento, todos los visitantes que no tengan el rol que hemos configurado únicamente podrán ver la página de mantenimiento recién creada.

Recordad que si están logado como administrador y accedes al sitio web, verás la página con todas sus vistas activas. Si accedes desde otro navegador, o cierras sesión, si podrás ver la página de mantenimiento que has creado.

The post WordPress, modo mantenimiento y página en construcción appeared first on Developando.com.

]]>
http://developando.com/blog/wordpress-modo-mantenimiento-pagina-construccion/feed 4
WordPress, como traducir un tema http://developando.com/blog/wordpress-traducir-tema http://developando.com/blog/wordpress-traducir-tema#comments Wed, 19 Mar 2014 15:47:41 +0000 http://developando.com/blog/?p=2306 En este tutorial vamos a explicar como traducir un tema de WordPress. Para ello lo primero que tenemos que tener en cuenta es cómo funcionan las traducciones y qué tipo de ficheros se utilizan. Buscamos la carpeta de traducciones de nuestro tema, para ello debemos ir a la carpeta ‘~/wp-content//languages‘, o si tenemos un tema […]

The post WordPress, como traducir un tema appeared first on Developando.com.

]]>
En este tutorial vamos a explicar como traducir un tema de WordPress. Para ello lo primero que tenemos que tener en cuenta es cómo funcionan las traducciones y qué tipo de ficheros se utilizan.

Buscamos la carpeta de traducciones de nuestro tema, para ello debemos ir a la carpeta ‘~/wp-content//languages‘, o si tenemos un tema instalado a la carpeta ‘~/wp-content/themes/mitema/languages‘. En esta carpeta se encuentran todos los ficheros que contienen las traducciones de nuestro sitio.

En esta carpeta se pueden distinguir tres tipos de ficheros:

  1. Fichero con extensión .POT (Portable Object Template, ).Este fichero es una plantilla de las traducciones con las que funciona nuestro tema. A partir de él podremos crear los ficheros de traducciones para cualquier idioma.
  2. Ficheros con extensión .PO (Portable Object, objetos portables).Cada uno de estos ficheros contendrá los mensajes traducidos para cada idioma. En estos ficheros se utlizan dos tipos de etiquetas:
  • Etiquetas ‘msgid‘ utilizada para identificar cada mensaje dentro del fichero.
  • Etiquetas ‘msgstr‘ que contiene el texto con la traducción, que será lo que finalmente se muestre al usuario en la página.
  • Ficheros con extensión .MO (Portable Object, objetos portables): son ficheros binarios optimizados que se crear a partir de los ficheros ‘.PO’ y que son más legibles y por tanto aumentan el rendimiento del servidor.

Por tanto para crear las traducciones de un nuevo idioma en WordPress vamos a tener que crear su fichero ‘.PO‘ y su correspondiente binario ‘.MO‘.

Para trabajar con estos ficheros vamos a instalar la herramienta ‘Poedit‘. Una vez instalada comenzaremos a crear la nueva traducción.

1 .- Crear nueva traducción

1.1 – Crear fichero ‘.PO’ con los mensajes para el nuevo idioma

En este punto vamos a utilizar la plantilla del idioma que se encuentra en el fichero ‘.POT’. Abrimos el programa Poedit y en el menú superior desplegamos la opción ‘Archivo‘ y escogemos ‘Nueva desde archivo POT/PO…‘ como se muestra a continuación:

Poedit traducir WordPress

Poedit traducir WordPress

Seleccionamos el fichero ‘.POT‘ con la plantilla de los mensajes que vamos a traducir:

Poedit traducir WordPress

Poedit traducir WordPress

Tras abrir la plantilla deberemos escoger el idioma para la nueva traducción. En este ejemplo vamos a crear el fichero con los mensajes en castellano, por lo que seleccionaremos ‘Español(España)':

Poedit configurar idioma

Poedit configurar idioma

Siguiendo estos sencillos pasos ya tendremos crear nuestro fichero ‘.PO’ de traducciones para el idioma escodigo.

Ahora lo que hay que hacer es ir traducciendo cada una de las entradas que aparezcan en el fichero.

1.2 – Crear fichero binario ‘.MO’

Para generar el fichero ‘.MO’ asociado al fichero anterior únicamente hay que guardar los cambios que se realicen sobre el fichero ‘.PO’ y automáticamente se creará el fichero binario ‘.MO’.

1.3 – Modificar los mensajes de las traducciones

La herramienta Poedit mostrará el contenido del fichero de traducciones en dos columnas: la primera contiene las diferentes etiquetas ‘msgid‘, y en la columna de la derecha aparecerán los textos traducidos, que se corresponden con las etiquetas ‘msgstr‘.

Para cambiar la traducción de algún texto únicamente hay que hacer clic sobre la línea que se quiera modificar, y en la parte inferior de la pantalla, modificar el texto de la traducción como se muestra en la siguiente captura de la herramienta:

Poedit añadir traducción

Poedit añadir traducción

No es necesario traducir todos los textos para que el fichero sea válido. Por ejemplo, en la imagen anterior se observa que para la clave ‘Yearly‘ no hemos indicado la traducción. Por tanto, cuando WordPress vaya a traducir el texto referenciado por la clave ‘Yearly’ utilizará dicha clave como traducción, ya que no encontrará traducción asociada a la misma. En cambio, cuando WordPress tenga que mostrar el texto asociado a ‘Weekly’ mostrará por pantalla la traducción que hemos indicado ‘Semanalmente’.

2 – Subir fichero de traducciones al servidor

Tras crear los nuevos ficheros ‘.PO’ y sus correspondientes binarios ‘.MO’ debemos subir dichos ficheros a la carpeta de nuestro servidor donde están guardados el resto de ficheros de traducciones. Antes de subirlos hay que tener cuidado con el nombre que tengan dichos ficheros.

Si nos fijamos en el nombre del fichero que estamos utilizando en este ejemplo, al haber escogido como idioma ‘Español(España)’ el nombre del fichero es ‘es_ES.po’. Hay que seguir esta nomenclatura para que WordPress pueda trabajar con el nuevo fichero. Si tenemos instalado un tema puede ser que los nombres de estos fichero tengan una raíz en el nombre que se deba tener en cuenta. Por ejemplo para algun tema el fichero se podría tener que llamar ‘mitema_es_ES.po’.

Antes de subir el fichero comprobar cómo están nombrados el resto de ficheros de traducciones que aparezcan en la carpeta del servidor. El nombre de los ficheros empezará igual que el nombre del fichero con la plantilla ‘.POT’.

The post WordPress, como traducir un tema appeared first on Developando.com.

]]>
http://developando.com/blog/wordpress-traducir-tema/feed 1
WordPress, añadir comentarios Facebook y Google+ http://developando.com/blog/wordpress-anadir-comentarios-facebook-y-google http://developando.com/blog/wordpress-anadir-comentarios-facebook-y-google#comments Wed, 19 Mar 2014 09:57:29 +0000 http://developando.com/blog/?p=2278 Hoy vamos a presentar el plugin Comments Evolved for WordPress que nos permite dejar comentarios en nuestro sitio web bajo un usuario de ‘Facebook‘ o de ‘Google+‘ además de los comentarios propios de WordPress que vienen configurados por defecto. Siguiendo los pasos de este tutorial conseguiremos tener un área de comentarios como el siguiente: Instalar […]

The post WordPress, añadir comentarios Facebook y Google+ appeared first on Developando.com.

]]>
Hoy vamos a presentar el plugin Comments Evolved for WordPress que nos permite dejar comentarios en nuestro sitio web bajo un usuario de ‘Facebook‘ o de ‘Google+‘ además de los comentarios propios de WordPress que vienen configurados por defecto.

Siguiendo los pasos de este tutorial conseguiremos tener un área de comentarios como el siguiente:

Wordress comentarios Facebook y Google+

Wordress comentarios Facebook y Google+

Instalar el plugin de comentarios

Buscar e instalar el plugin

Lo primero que vamos a hacer es instalar el plugin que se encargará de añadir esta funcionalidad a nuestro sitio web.

Para ello debemos ir a la sección de ‘plugins‘ de nuestro escritorio wordpres y buscar el plugin con el que vamos a trabajar que se llama ‘Comments Evolved for WordPress’ y hacer clic en ‘Instalar ahora':

Comments Evolved wordpres

Comments Evolved wordpres

Activar plugin

Una vez instalado debemos activarlo para poder empezar a trabajar con él. Desde el momento en que activemos el plugin ya podremos ver los comentarios de Faceboo y Google+ en nuestro sitio web:

Activar Comments Evolved wordpres

Activar Comments Evolved wordpres

Configuración del plugin

Al instalar el plugin aparecerá una nueva opción en el menú del escritorio que nos permite configurar el nuevo plugin. Para acceder a esta configuración hay que ir a ‘Ajustes > Comments Envolved‘.

Accediendo esta pantalla podremos ver las siguientes opciones de configuración:

Configurar plugin comentarios

Configurar plugin comentarios

Existen difentes opciones para configurar:

  • Tab Order‘: para indicar el orden en el que queremos que aparezcan los comentarios. Por defecto está configurado para que aparezcan los comentarios de Facebook. Si queremos por ejemplo que aparezcan visibles inicialmente los comentarios de WordPress deberemos configruar este campo de esta forma: wordpress,gplus,facebook.
  • Identificadores de dos herramientas de comentarios externas que se podrían mostrar también como son Disqus y Livefyre.
  • Indicar el tipo de icono a mostrar.
  • Ocultar los iconos en las pestañas.
  • Comment Area Label‘: texto que se mostrará encima del área de comentarios.
  • Labels‘: donde introducir el texto de la etiqueta que acompañara a cada icono de redes sociales.

Cambiando todos estos parámetros podremos cambiar el estilo de las pestañas de comentarios que hemos añadido en nuestro sitio web.

Si te ha servido de ayuda este tutorial prueba el funcionamiento del plugin dejándonos tu propio comentario.

The post WordPress, añadir comentarios Facebook y Google+ appeared first on Developando.com.

]]>
http://developando.com/blog/wordpress-anadir-comentarios-facebook-y-google/feed 0
WordPress, truco para recuperar contraseña admin desde phpMyAdmin http://developando.com/blog/wordpress-truco-recuperar-contrasena-admin-phpmyadmin http://developando.com/blog/wordpress-truco-recuperar-contrasena-admin-phpmyadmin#comments Fri, 21 Feb 2014 17:01:37 +0000 http://developando.com/blog/?p=2200 Si has perdido u olviado la contraseña de acceso como administrador a tu sitio web hecho con WordPress, y no tienes el correo electrónico para recuperarla, hay una manera muy sencilla para poder acceder rápidamente. Para este tutorial necesitamos tener acceso a la base de datos con la que trabaja nuestra instalación de WordPress. Acceder […]

The post WordPress, truco para recuperar contraseña admin desde phpMyAdmin appeared first on Developando.com.

]]>
Si has perdido u olviado la contraseña de acceso como administrador a tu sitio web hecho con WordPress, y no tienes el correo electrónico para recuperarla, hay una manera muy sencilla para poder acceder rápidamente.

Para este tutorial necesitamos tener acceso a la base de datos con la que trabaja nuestra instalación de WordPress.

Acceder a phpmyadmin

Accedemos al hosting donde esté instalada la aplicación y accedemos mediantes phpMyAdmin a las tablas de la instalación. Una vez ahí buscamos la tabla ‘wp_users‘, donde estará contenida toda la información de los usuarios registrados.

Buscamos la entrada del usuario cuya contraseña necesitamos recuperar y hacemos clic sobre le boton editar para modificar dicha contraseña:

Recuperar contraseña WordPress

Recuperar contraseña WordPress

Y modificamos la contraseña que aparezca sobreescribiéndola por esta que utilizamos en este ejemplo “$P$BowRVQ7v67auZFOkv9WRcrdZDTbFgL/“:

Recuperar contraseña WordPress

Recuperar contraseña WordPress

Esta codificación se corresponde con el texto “temporal“. Hecho esto, guardamos los cambios y ya podremos acceder al escritorio de wordpress con la contraseña “temporal”. Accederemos al escritorio de administración de WordPress y seguidamente iremos a la configuración de usuarios para volver a poner una contraseña segura para el usuario que corresponda.

The post WordPress, truco para recuperar contraseña admin desde phpMyAdmin appeared first on Developando.com.

]]>
http://developando.com/blog/wordpress-truco-recuperar-contrasena-admin-phpmyadmin/feed 3

Last updated by at .