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 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

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

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 Blog Developando.

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

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

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

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 Blog Developando.

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

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

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 Blog Developando.

Actualizar WordPress

En esta ventana aparecerán los paquetes de las diferentes actualización que pueden ser aplicadas a nuestra instalación de WordPress actual. Podemos descargar e instalar manualmente dichas actualización, o bien, podemos realizar la instalación automáticamente.

Siempre que se van a realizar actualizaciones es conveniente realizar una copia o respaldo de la base de datos y del sistema de ficheros. Esto lo podremos hacer haciendo clic sobre en enlace que aparece encima de las diferentes versiones de WordPress disponibles con el texto “Realizar un respaldo de la base de datos y ficheros’.

Tras hacer la copia de seguridad de la instalación actual haremos clic sobre el botón ‘Actualizar ahora’ de la versión que queramos instalar finalmente.

Una vez hecho clic en el botón de actualizar accederemos a una ventana en la que se indicará el proceso de descarga de los diferentes paquetes a instalar, y finalmente accederemos a una ventana como la siguiente. Esta ventana nos dará la bienvenida a la nueva versión haciendonos un pequeño resumen con los errores que soluciona la versión y la nueva funcionalidad que se ha incluido en la misma:

Actualizar WordPress

Tras estos sencillos pasos ya tendremos actualizada la versión de WordPress de nuestro sitio web.

The post Cómo actualizar una instalación de WordPress a la última versión appeared first on Blog Developando.

Hoy os presentamos Quark que se integra dentro de los conocidos como “Worpress Starter Theme”, estos frameworks nos permiten crear nuestros propios theme de una manera sencilla y rápida.

temas worpress fáciles con quark

Quark está basado en Underscores (_s) y en el tema TwentyTwelve esto hace que sea muy flexible y muy fácil de personalizar. Básicamente el creador (Anthony Hortin) después de migrar al formato de rejilla de 12 columnas añadió las características que usaba para los themes que desarrollaba para sus clientes. Teniendo una base sólida como es _s le permitió crear su propia plantilla base para arrancar cualquier proyecto. Ahí nace Quark.

Características de quark

• Por supuesto es Responsive por defecto.
• Rejilla de 12 columnas. El tamaño de las mismas se establece mediante porcentajes teniendo un max-width por defecto de 1200 píxeles.
• Tamaño de fuentes con em. 
• Incorpora Normalize.js (v.2.1.3) y Modernizr (v.2.7.1) para ofrecer las capacidades de HTML5 y CSS3 de una manera más consistente en todos los navegadores.
• Incluye el plugin Options Framework que nos permitirá gestionar las características de nuestro theme de una manera sencilla.
• Incluye 300 iconos font-face compatibles con pantallas retina creados por Font Awasome. Estos iconos son muy fácilmente escalables y editables vía CSS.
• Emplea box-sizing:border-box para darle un diseño más natural además de incorporar algunas características de diseño propias de HTML5 Boilerplate.
• Gran cantidad de breakpoints media queries para adaptar el diseño que creemos a la gran variedad de dispositivos móviles y tamaños de los mismos.
• Implementar la característica de menú desplegable tan solo tendremos que descomentar dos líneas del fichero functions.php (esta característica se activa yendo a la línea 403 del fichero donde encontraréis las líneas y el comentario indicativo)
• Implementa el editor WYSIWYG TinyMCE Editor para la creación de páginas y posts.
• Shortcodes activados por defecto.
• Incluye Menu WP Nav para permitir extender el estilo para los menús con múltiples niveles hijo.
• Se incluye tanto Custom Background como Custom Header para facilitar el mantenimiento de estilos básico desde el panel de control.
• En la pantalla de perfil de usuario encontramos las extensiones para conectar con nuestras cuentas de Twitter, Facebook y Google+.
• Plantillas de página y de post. Incluye un amplio abanico de posibilidades para que la creación de páginas y de entradas sea más sencilla y rápida.

instalando quark

Para poder instalarlo puedes obtener el instalable directamente del directorio de themes de wordpress aquí y subirlo desde el menú de Apariencia > Temas como cualquier otro theme. Es compatible con la última versión de WordPress.

resumen

Como hemos visto Quark se nos presenta como una herramienta potente para crear nuestros themes de worpress propios. Su característica fundamental está descrita en la introducción y es que su creador ha llegado hasta aquí gracias a trabajar en la creacios de temas para wordpress lo que le ha llevado a crear esta herramienta para ahorrar tiempo en el arranque de un nuevo trabajo y poder dedicarse al 100% a la edición del tema.

La semana próxima profundizaremos un poco más en la configuración de Quark.

The post Crear un theme para WordPress fácilmente con Quark appeared first on Blog Developando.

¿Qué es UNDERSCORES O _S?

Underscores es una creación de la gente de Automattic para proporcionar un framework a partir del cual construir Theme de WordPress. Para ello han creado un sitio web (underscores.me) desde el que poder descargar el framework listo para iniciar nuestro trabajo con él.

Sus características son las siguientes:

• Una hoja de estilos mínima con lo básico en style.css.
• Una template para el  encabezado personalizado en inc/custom-header.php.
• Plantillas de etiquetas personalizadas en inc/template-tags.php para evitar código duplicado.
• Un script en js/navigation.js que hace que tu menú pase a ser un menú desplegable como el habitual de Bootstrap para pantallas de smartphones o tablets, extensible con tu CSS.
• 2 CCS de ejemplo con sidebar a cada lado del contenido principal. 
• Preparado para la traducción.
• Licencia publicada bajo GPLv2 (econtrarás información sobre esta licencia aquí).

Puedes encontrar más información en su web o bien en su sitio de github.

 ¿Qué es bootstrap 3?

Bootstrap es un framework para la maquetación de la vista de una web. Fue creado por el equipo de Twitter y liberado para el uso y disfrute de todos los mortales.

Está enfocado al diseño responsive y en su última versión está orientada hacia el diseño mobile first, en el enlace encontraréis más información sobre esta filosofía de diseño.

MANOS A LA OBRA

Lo primero que haremos será descargar el framework _s desde el sitio de underscores rellenando un nombre para nuestro nuevo theme, por ejemplo, lumenhaus que es un cliente nuestro ;).

Descomprime el contenido descargando en RUTA-WORPRESS/wp-content/themes.

A continuación descargamos Bootstrap 3 desde su sitio web

Descomprime el contenido en la ruta que desees y entra en la carpeta con el contenido de Bootstrap. Dentro de la carpeta /dist encontrarás las carpetas /css, /fonts y /js

A continuación deberás copiar estas carpetas a RUTA-WORPRESS/wp-content/themes/lumenhaus

Ahora abre el fichero functions.php que se encuentra en ese mismo directorio y modifica la función lumenhaus_scripts(), recuerda sustituir lumenhaus por el nombre que le hayas dado a tu template. Deberás añadir estas tres líneas al final de la función:

wp_enqueue_style( 'bootstrap', get_template_directory_uri() . '/css/bootstrap.css', array( ), false, 'all' ); wp_enqueue_script('jquery'); wp_enqueue_script( 'bootstrap', get_template_directory_uri() . '/js/bootstrap.js', array( ), false, 'all' );

A continuación descargamos desde aquí la barra de navegación que implementa los estilos de Bootstrap 3 https://github.com/twittem/wp-bootstrap-navwalker y copiamos el archivo wp_bootstrap_navwalker.php a nuestro directorio RUTA-WORPRESS/wp-content/themes/lumenhaus

Ahora añadimos la dependencia en nuestro fichero functions.php para lo cuál añadimos la siguiente línea en la parte superior:

require_once('wp_bootstrap_navwalker.php');

Para finalizar debemos dirigirnos al fichero header.php para añadir el código HTML siguiente de tal forma que el código nos quede de la siguiente manera:

Si ahora accedes a tu Worpress ya tendrás la barra de navegación y los estilos de Bootstrap 3. Ahora el resto queda modificarlo echándole imaginación.

The post Integrar Underscores y Bootstrap 3 appeared first on Blog Developando.

Para conocer más visitar la noticia de WordPress.

The post WordPress 3.7 Release Candidate 2 ya está disponible appeared first on Blog Developando.

Lo primero que hay que hacer es definir el ‘shortcode‘ dentro del fichero de funciones de nuestro tema, generalmente este será ‘functions.php‘.

Para definir un nuevo ‘shortcode‘ añadimos la siguiente línea en el fichero de funciones:

add_shortcode('last_post', 'printLastPost');

Tras definir un nuevo ‘shortcode‘ con el nombre ‘last_post’, ahora debemos crear la función que se ejecutará cuando se inserte este código en una página.

Para ello crear la función que debe ser ejecutada, también en el fichero de funciones ‘function.php‘:

function printLastPost($atts) { return "Shortcode de WordPress funcionando"; }

Si ahora utilizamos en cualquier página el siguiente código, veremos que lo que realmente aparece es el texto devuelto por la función:

[last_post]

The post Crear shortcode para utilizar desde páginas WordPress appeared first on Blog Developando.

# BEGIN WordPress

RewriteEngine On

RewriteBase /

RewriteRule ^index\.php$ – [L]

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteRule . /index.php [L]

# END WordPress

Si no encuentras el fichero, prueba a buscar entre los archivos ocultos. Configura el fichero ‘.htaccess‘ con este contenido y ya deberías ser capaz de acceder al menú de configuración de enlaces permanentes en WordPress.

The post WordPress solucionar ’500 Internal Server Error’ en enlaces permanentes appeared first on Blog Developando.

El objetivo de instalar y activar esta comprobación es añadir una nueva herramienta para evitar el spam que suele producirse en Internet. En todo sitio web desarrollado con WordPress suelen aparecen ciertos formularios, entre los que destacaremos:

• Formularios de acceso y registro de usuarios.
• Formularios de contacto
• Formularios para dejar comentarios en las entradas de los blogs.

Todos estos formularios son vulnerables a ataques de spam. Por eso es importante realizar algunas tareas que eviten esta práctica tan extendida. En este caso lo intentaremos solucionar mediante el uso de una comprobación condicional ‘Captcha‘ en los formularios.

En este tutorial vamos a trabajar con el plugin ‘Captcha‘ de la compañia Bestwebsoft.

Instalación y configuración del plugin Catpcha

Instalación y activación

Para instalarlo, desde el escritorio de administración de Wordpres, debemos acceder a la opción ‘Añadir nuevo‘ que aparece en el menú de gestión de plugins como se muestra en la siguiente imagen:

Buscar Captcha plugin

Pulsando en el enlace ‘Instalar ahora‘ se iniciará la descarga e instalación del plugin. Una vez finaliza aparecerá una ventana como la siguiente:

Activar Captcha WordPress

Para comenzar a utilizar el plugin deberemos ‘Activar el plugin‘. Siguiendo estos pasos ya tenemos habilitado el uso del ‘Captcha condicional‘ en los formularios de WordPress.

¿Pero en qué formularios queremos activarlo? Quizás no queremos que aparezca en todos los formularios de nuestro sitio web. El plugin tiene un área de configuración que nos ayudará a habilitarlo únicamente en los formularios en los que queremos que aparezca.

Configuración del plugin ‘Captcha’ de WordPress

En el menú de la izquierda aparecerá una nueva opción tras la instalación del plugin, que será la que debemos utilizar para acceder a la ventana de configuración del plugin. La siguiente imagen muestra como es la ventana de configuración:

WordPress Configurar Captcha

En la parte superior se deben escoger los formularios en los que se habilitará el campo ‘Captcha’:

• Formulario de inicio de sesión.
• Formulario de registro.
• Formularios para resetear la contraseña de un usuario
• Formulario de comentarios
• Indicar que esta verificación no se realizará a los usuarios registrados.
• Formularios creados con ‘Plugin Contact Form‘, desarrollado también por Bestwebsoft.

Este plugin también permite añadir un título o etiqueta al campo Captcha que se añadirá a los formularios. Este título aparecerá al lado o encima del captcha.

Finalmente, se deben configurar las comprobaciones que se quieren habilitar. Aleatoriamente se irán presentando operaciones cada vez que se muestre un formulario en pantalla. Si el usuarios no rellena, o rellena erróneamente este campo, el formulario no será validado y se le mostrará un mensaje al usuario indicando que debe rellenar correctamente dicho captcha con el resultado de la operación.

Si has seguido estos pasos, ya debería aparecer en los formularios de tu sitio WordPress un campo ‘Captcha’. Os enseñamos un ejemplo de su uso en el formulario de acceso:

WordPress añaidr Captcha en el formulario de acceso

Si tienes alguna duda o sugerencia déjanos tus comentarios.

The post Instalar y configurar plugin Captcha en formularios de WordPress appeared first on Blog Developando.