Aprende Informatica Conmigo

  • Inicio
  • Contenido Anterior
    • VIDEOTUTORIALES
    • Windows Server 2008
    • POWERSHELL

7 julio, 2016 Por oscar Deja un comentario

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Personalizar la pantalla de acceso de WordPress puede dar un aspecto más profesional a nuestra instalación o por lo menos diferente a las demás.

En este caso vamos a utilizar el plugin «Custom Login Page Customizer» por que me ha parecido muy sencillo y fácil de usar.

Como ya sabremos, WordPress tiene una página de acceso al panel de administración por defecto y siempre es la misma a no se que nosotros realicemos cambios sobre ella.

Pues bien, en este tutorial vamos a utilizar el plugin Custom Login Page Customizer para realizar unos pequeños cambios de aspecto en la pantalla de acceso.

¿Por qué el plugin Custom Login Page Customizer?

La verdad es que hay muchísimos plugins de este estilo o con este objetivo pero tras probar con varios gratuitos, me he decidido por este por su sencillez y fácil manejo

Estoy seguro que no defraudará a aquellos y aquellas que quieren hacer algo sencillo y rápido sin quebraderos de cabeza.

Instalar Custom Login Page Customizer

Como ya sabemos instalar un plugin desde el repositorio oficial de WordPress, no voy a extenderme.

Dejo el enlace por si acaso pero lo podéis hacer como siempre desde la sección Plugins de la administración de WordPress simplemente buscando «Custom Login Page Customizer«.

Cómo se configura Custom Login Page Customizer

Para acceder a la configuración lo podemos hacer a través del menú Apariencia –> Login Customizer.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Al acceder veremos un pantalla en la que debemos pulsar sobre el botón «Start Customizer«.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

No funciona con todos los temas!!

Pues no, no funciona correctamente con todos los temas.

De hecho yo estoy utilizando para este tutorial el tema Twenty Fifteen porque con Twenty Sixteen no funciona bien.

Es para que lo sepáis y no os llevéis sorpresas.

Opciones de Custom Login Page Customizer

Tras pulsar en el botón «Start Customizer«, accedemos a la pantalla del personalizador de WordPress pero a la sección de este plugin.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Notamos que el previsualizador no muestra la página web como tal, como suele hacer sino que muestra la pantalla de acceso a WordPress.

Pulsamos sobre la opción Login Customizer:

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Estas son todas las secciones de opciones que nos ofrece este plugin.

Vamos a comentarlas un poco una a una.

Logo

En este apartado podemos añadir un logo simplemente subiendo una imagen.

Además podemos especificar el tamaño del logo y el espacio que entre el logo y la parte superior.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Fondo de página

Podemos establecer una imagen como fondo de la página de acceso a WordPress así como definir un color para el mismo.

También nos permite indicar el tamaño del fondo.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Fondo del formulario

Al igual que en el apartado anterior, también nos permite establecer una imagen o un color como fondo del formulario.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Tamaño y estilo del formulario

En este a apartado definimos, si queremos, el tamaño, los espacio e incluso el borde del formulario.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Opciones de los campos

Ahora le toca el turno a los campos del formulario.

Podemos definir colores para diferentes características de los campos así como el ancho y el margen.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Estilo del botón

Aquí definimos los colores que puede adoptar el único botón que tiene esta pantalla.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Otros: Color del texto

En la última sección podemos definir tanto el color del texto como el color del texto cuando pasamos el ratón por encima de el.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Para muestra un botón

He realizado un par de cambios gracias a este plugin para que podáis ver lo fácil y sencillo que es personalizar nuestra página de acceso a WordPress con este plugin.

Personalizar la pantalla de acceso de WordPress con Custom Login Page Customizer

Si, ya se que no es lo más bonito que hayáis visto nunca, lo se.

Pero ahora os toca a vosotros/as que tenéis unas dotes para el diseño impresionantes.

Conclusión

Dar un aspecto diferente al panel de administración de WordPress puede hacer que nuestros desarrollos no sean todos iguales y que a nuestros clientes les parezca un poco más profesional.

Hemos visto como con el plugin «Custom Login Page Customizer» conseguimos en un momento un aspecto diferente para la página de acceso.

En otros tutoriales veremos otros plugins similares a este o incluso alguno premium que nos permite muchas mas cosas.

Espero que os sea de utilidad este tutorial.

Os amino a que dejéis vuestras impresiones, apuntes, peticiones y demás. Intentaré contestar en cuanto me sea posible.

Saludos y hasta la próxima!!

 

oscar
oscar

Programador WordPress freelance

Publicado en: tutoriales, Wordpress

7 julio, 2016 Por oscar Deja un comentario

Copias de seguridad de tu WordPress con UpdraftPlus

Hacer copias de seguridad de nuestro WordPress es muy importante poder recuperar nuestra instalación en caso de desastre.

En este tutorial te enseño a cómo hacer copias de seguridad con la versión gratuita del plugin UpdraftPlus.

Ya lo sabemos pero muchas veces lo dejamos para otro día y no puede ser así. Las copias de seguridad de nuestro WordPress deben estar correctamente configuradas en función del uso que le demos y la periodicidad con la que publiquemos contenido si es que lo hacemos.

Instalar el plugin UpdraftPlus

Como ya sabemos que debemos realizar copias de seguridad de nuestro WordPress y aunque también sabemos que algunos servicios de hosting lo hacen por nosotros sin tener que preocuparnos, nunca está de más otro nivel de seguridad añadido.

Comenzamos instalando el plugin «UpdaftPlus» del repositorio oficial de WordPress.

Una vez que lo tengamos instalado y activado, procedemos a su configuración.

Gestión del plugin UpdraftPlus

Para configurar UpdraftPlus nos dirigimos al menú Ajustes –> Respaldos UpdraftPlus.

copias de seguridad de WordPress con updraftplus

La pantalla de configuración y gestión de UpdraftPlus será similar a la siguiente:

copias de seguridad de WordPress con updraftplus

Vuelvo a recordar que estamos trabajando con la versión gratuita de este plugin pero que sepáis que hay una versión premium con muchas mas opciones que ya veremos más adelante.

Podemos configurar copias o respaldos periódicos pero esto lo vamos a hacer más adelante.

Ahora vamos a realizar una copia manual directamente.

Hacer una copia de seguridad manual

En la captura de pantalla anterior podemos observar que estamos dentro de la pestaña «Estado actual» que de momento es la que nos interesa.

Dentro de esta pestaña se ven de forma clara los tres botones siguientes: Respaldar ahora, Restaurar y Clonar/Migrar.

De momento el que nos interesa es el botón de «Respaldar ahora«.

Las copias manuales están indicadas para casos en los que vayamos a hacer alguna actualización de versión de WordPress, de algún plugin o incluso actualizar algún plugin.

Es cierto que hay que acordarse pero es una buena práctica tomarlo como costumbre porque nos lleva sólo un momento.

Lo dicho, para hacer una copia de seguridad manual pulsamos sobre el botón «Respaldar ahora«.

copias de seguridad de WordPress con updraftplus

Justo después de pulsar en el botón indicado, nos mostrará la siguiente pantalla:

copias de seguridad de WordPress con updraftplus

Aquí podemos seleccionar si queremos incluir una copia de la base de datos y si queremos incluir cualquier fichero en la copia.

Si pulsamos sobre los puntos suspensivos nos dejará elegir entre los siguientes ficheros:

copias de seguridad de WordPress con updraftplus

Esto ya, a gusto de cada uno según sus preferencias y necesidades.

El tiempo que se tome para hacer la copia dependerá de la cantidad de información que tengamos en nuestro WordPress pero no va a ser mucho.

Tras un ratito de espera nos mostrará:

copias de seguridad de WordPress con updraftplus

Lo que quiere decir que ha realizado la copia de seguridad o respaldo con éxito.

Nos muestra además un enlace por si queremos descargar el archivo de registro (log). Si todo va bien no tiene mucho sentido pero si por algún motivo falla, vendría bien revisar este archivo de registro para averiguar el motivo del fallo.

Ahora si nos fijamos en la segunda pestaña, ya aparece un «1» junto a Respaldos Existentes.

copias de seguridad de WordPress con updraftplus

Gestión de copias de seguridad realizadas (Respaldos Existentes)

Para poder ver y gestionar las copias de seguridad que hemos hecho hasta ahora, nos pasamos a la pestaña «Respaldos Existentes«.

Hasta ahora sólo hemos realizado una copia de seguridad manual y por eso nos mostrará algo similar a lo siguiente:

copias de seguridad de WordPress con updraftplus

Lo que vemos se entiende bastante bien pero lo comentamos:

Espacio de disco en su servidor de web en uso por UpdraftPlus: Aquí nos muestra todo el espacio que estamos utilizando con las copias de seguridad que hemos realizado hasta ahora y se han eliminado. Vamos, las que tenemos operativas. Como sólo hemos hecho una y en mi caso de un WordPress de pruebas, no ocupa mucho.

Esto podría ser algo a tener en cuenta si tenemos limitaciones en nuestro servidor de hosting para no pasarnos de la cuota.

Más tareas: Aquí nos permite subir archivos de respaldo que tengamos descargados en nuestro ordenador, re-escanear el directorio de nuestro hosting que esté configurado para guardar las copias e incluso re-escanear un almacenamiento remoto en el caso que lo tengamos configurado.

A partir de aquí nos mostrará la lista de las copias de seguridad o respaldos que tenemos disponibles.

En cada una de las filas dispondremos de opciones para descargar el contenido de la copia de seguridad por apartados.

En la parte izquierda nos muestra la fecha en la que se hizo la copia de seguridad.

Y en la parte derecha se muestran las acciones que podemos llevar a cabo sobre cada  uno de los respaldos:

copias de seguridad de WordPress con updraftplus

Restaurar: Esta opción restaura el contenido de la copia de seguridad.

Borrar: Eliminar el respaldo.

Vea el registro (log): Para ver el proceso que ha realizado la copia de seguridad.

Restaurar una copia de seguridad (Respaldo)

Para recuperar una copia de seguridad basta con pulsar sobre el botón «Restaurar«.

Nos permitirá seleccionar qué contenido es el que queremos recuperar:

copias de seguridad de WordPress con updraftplus

Seleccionamos los elementos que queremos recuperar y pulsamos en el botón «Restaurar«.

copias de seguridad de WordPress con updraftplus

Nos da una serie de información y volvemos a pulsar en «Restaurar«.

copias de seguridad de WordPress con updraftplus

Y por fin la última. Pulsamos en «Restaurar«.

El proceso tardará dependiendo del tamaño de la copia de seguridad a restaurar.

Cuando finaliza, nos mostrará una pantalla similar a la siguiente:

copias de seguridad de WordPress con updraftplus

Si nos fijamos en la parte inferior de la pantalla anterior vemos que indica:

¡La restauración tuvo éxito!

Pues perfecto hasta aquí.

Ahora vamos a pasar a configurar las copias automáticas y periódicas

Configurar copias de seguridad automáticas con UpdraftPlus

Las copias manuales están bien para aquellos momentos en los que vayamos a hacer actualizaciones o cambios tanto de WordPress como de alguno de los plugins que tengamos instalados o instalar uno nuevo.

A partir de aquí lo ideal es configurar para que se realicen copias de seguridad automáticas cada cierto tiempo.

El intervalo de tiempo y el número de respaldos guardados dependen de nuestras necesidades.

Tendremos en cuenta que una web corporativa estática, al no tener muchos cambios excepto alguna actualización que otra, no es necesario hacer copias de seguridad todos los días.

En el caso de webs, blogs, tiendas online que se modifican a diario deberemos realizar copias de seguridad más asiduamente.

Como hemos dicho, vamos a configurar las copias automáticas y para ello nos movemos a la pestaña «Ajustes«.

copias de seguridad de WordPress con updraftplus

Como hay varias opciones, vamos a ir por partes.

En primer lugar, vamos a establecer la periodicidad y el número de copias guardadas tanto de la base de datos como de los ficheros.

Configurar periodicidad y número de copias guardadas

Esta es la configuración por defecto: Manual y 2 copias guardadas.

copias de seguridad de WordPress con updraftplus

En primer lugar veamos las posibilidades de periodicidad que nos ofrece UpdraftPlus:

copias de seguridad de WordPress con updraftplus

Como estamos imaginando, podemos seleccionar cualquiera de las opciones anteriores. En mi caso voy a seleccionar copias semanales tanto de los ficheros como de la base de datos y que me guarde por ejemplo, 5.

El número de copias guardadas significa que si ya tenemos 5, al realizar la sexta, la primera desaparecerá. Esto es para no llenar nuestro servidor o el servicio de terceros que tengamos.

Quedaría tal que así:

copias de seguridad de WordPress con updraftplus

Almacenamiento externo

En mi caso no lo voy a configurar porque yo realmente quiero que las copias se almacenen en mi servidor de hosting.

En la versión gratuita no tenemos muchas opciones pero la versión premium nos permitirá configurar todas estas:

copias de seguridad de WordPress con updraftplus

Como ya digo, en este tutorial no lo voy a configurar.

Ficheros a incluir en los respaldos

Esto es muy interesante porque como vemos a continuación, a parte de poder elegir los diferentes directorios de los que se hará copia, también podemos decirle que no nos haga copia del directorio donde están las copias. Esto está activado por defecto.

copias de seguridad de WordPress con updraftplus

Como no tiene más que rascar, pasamos al siguiente apartado.

Correo electrónico de notificación de respaldos

Yo tengo costumbre de activarlo y os aconsejo que lo hagáis a no ser que hayáis configurado que se hagan copias cada poco tiempo porque os llegarían muchos emails.

Solo con activar el check, ya está. Cada vez que se realice un respaldo.

copias de seguridad de WordPress con updraftplus

Pulsamos en guardar y ya lo tenemos.

Copias automáticas configuradas

Como ya tenemos las copias automáticas configuradas, en nuestro caso, se realizarán una vez a la semana tanto de ficheros como de la base de datos, se guardarán 5 respaldos y nos llegará  un correo electrónico cada vez que se realice una.

Ahora sólo queda esperar.

Otras opciones

Las dos pestañas que no hemos visto seguramente no las utilicemos nunca pero bueno, a continuación pongo un par de capturas de pantalla para que sepamos que existen:

Advanced Tools

copias de seguridad de WordPress con updraftplus

Premium / Extensions

copias de seguridad de WordPress con updraftplus

El Video Tutorial

A continuación os dejo un video tutorial sobre esto:

[embedyt] http://www.youtube.com/watch?v=8HPCxxs_tKY[/embedyt]

Conclusión

En este tutorial hemos aprendido a hacer copias de seguridad puntuales de forma manual que son muy útiles siempre que vayamos a realizar alguna actualización en nuestro WordPress, en alguno de los plugins instalados o instalar alguno nuevo.

También hemos aprendido a configurar las copias automáticas y periódicas que nos ofrece la versión gratuita de UpdaftPlus.

La versión premium tiene muchas más características y funcionalidades que se pueden ver en la última imagen.

Como comentaba al principio, es una buena costumbre realizar copias de seguridad periódicas en función del uso que le demos a nuestro WordPress.

No lo dejes para mañana!

Espero que te haya gustado este tutorial y también espero recibir tus sugerencias, peticiones, dudas y demás.

Nos vemos en el siguiente.

Saludos.

 

 

oscar
oscar

Programador WordPress freelance

Publicado en: tutoriales, Wordpress

7 julio, 2016 Por oscar Deja un comentario

Crear un formulario con Contact Form 7

Uno de los elementos que tienen todas las páginas web son, sin duda, los formularios de contacto. Por eso, en este tutorial vamos a aprender a Crear un formulario sencillo con el plugin Contact Form 7 de WordPress.

Es muy normal ver formularios en las páginas web, sobre todo formularios de contacto. Esto es lo normal y la gente espera que tengas uno en tu página web. Bien sea una web corporativa, un blog, u otro tipo de página.

Este plugin es muy sencillo de utilizar y vamos a ver en un momento cómo utilizarlo.

¿Qué es Contact Form 7 y para qué sirve?

Como ya os imagináis, Contact Form 7 es un plugin de WordPress totalmente gratuito. Para aquellos que no sepan lo que es un plugin, quedaos con la idea de que es un «programa» que realiza una o varias funciones específicas y de esta forma extender las funcionalidades de WordPress. En este caso, el plugin Contact Form 7 nos permite crear formularios en nuestras web y añadirlos a nuestras página y/o entradas.

El formulario más utilizado y más típico en todas las páginas web es el formulario de contacto.

Este formulario generalmente lo ubicamos en la página de contacto o contactar y lo usamos para recoger o dejar que los visitantes nos envíen mensajes.

De esta forma, llegarán a la cuenta de correo electrónico los mensajes que nos envíen a través del formulario.

Pero como esto está más que claro, pasemos a la acción.

Instalar el plugin Contact Form 7

Este es un proceso sencillo que muchos de vosotros y vosotras ya conocéis pero es necesario por lo que lo comento a continuación.

Como siempre, a la hora de instalar un plugin en nuestro WordPress, vamos a la sección de «Plugins» del panel de administración:

Crear un formulario con Contact Form 7 - dinapyme - 01

Tras pulsar en «Plugins«, nos mostrará la pantalla de plugins con todos los que tenemos instalados.

Pero lo que nos interesa ahora es instalar uno y en concreto Contact Form 7.

Crear un formulario con Contact Form 7 - dinapyme - 02

En la pantalla anterior pulsamos en el botón «Añadir nuevo» de la parte superior izquierda.

En la siguiente pantalla, introducimos el nombre del plugin que estamos buscando.

Crear un formulario con Contact Form 7

Tras pulsar en Enter nos mostrará el resultado de la búsqueda:

Crear un formulario con Contact Form 7

Como es de imaginar, el que nos interesa es el primero.

Podemos ver que hay más de 1 millón de instalaciones de este plugin por lo que deducimos que es un buen plugin y lo podemos instalar sin problemas.

A continuación pulsamos en el botón «Instalar ahora«, dentro de Contact form 7 y procede a la instalación.

Crear un formulario con Contact Form 7

Una vez instalado lo activamos pulsando sobre el enlace «Activar plugin«.

Y ya lo tenemos en la lista de plugins:

Crear un formulario con Contact Form 7

Además vemos que se ha creado una nueva sección en el panel de administración de la izquierda: Contacto:

Crear un formulario con Contact Form 7

Hasta ahora todo bien.

Pasemos a la siguiente fase.

Panel de control del plugin Contact Form 7

Como acabo de comentar, ahora tenemos un nuevo icono/sección en el menú de administración de WordPress con el nombre Contacto. Si pulsamos sobre el, accederemos a la gestión de los formularios de contacto.

Crear un formulario con Contact Form 7

Como es la primera vez que accedemos aquí, lo que veremos será algo similar a la captura de pantalla anterior.

En la lista de formularios podemos ver que el plugin nos ha creado un por defecto con el nombre «Formulario de contacto 1» y el código abreviado o Shortcode para este formulario.

Desde este  panel podemos gestionar nuestros formularios de contacto.

Podemos crear un formulario nuevo:

crear un formulario con contact form 7

Podemos editar o duplicar un formulario.

crear un formulario con contact form 7

Realizar búsquedas de formularios en el caso de tener muchos.

crear un formulario con contact form 7

Y eliminar formularios:

crear un formulario con contact form 7

Ahora lo que vamos a hacer es, en lugar de crear un nuevo formulario, vamos a editar el que ya existe, ya que está hecho y lo vamos a entender mucho mejor.

Editar un formulario de Contact Form 7

Para editar un formulario simplemente seleccionamos editar o pulsamos sober el título del formulario.

crear un formulario con contact form 7 - dinapyme - 11

Nada más entrar en la edición del formulario, esto es lo que veremos:

crear un formulario con contact form 7

Secciones de un formulario

A continuación enumero los diferentes apartados que hay en un formulario de Contact Form 7 y los comento un poco para que lo entendamos.

Titulo del formulario: Por defecto es «Formulario de contacto 1«. Este es simplemente el título o nombre que le damos al formulario para nuestra gestión e identificación.

Código corto (shortcode): Este es el código que nos servirá para incrustar el formulario en páginas o entradas de nuestro WordPress.

Estado: Disponemos de las opciones Eliminar, Guardar y Duplicar. La opción duplicar como su nombre indica, crea una copia del formulario actual para posteriormente reutilizarlo con alguna modificación.

En la sección principal podemos ver 4 pestañas como estas:

crear un formulario con Contact form 7

Vamos a comentar las 4 pestañas un poco para que sepamos de qué va todo esto:

Formulario: Esta es la sección donde se diseña el formulario. Las partes que tiene y los tipos de elementos que utiliza.

crear un formulario con Contact form 7

Como vemos en la pantalla anterior, en la parte de la barra, arriba, hay una serie de botones que utilizaremos para añadir un tipo de elemento o campo a nuestro formulario.

Es muy sencillo agregarlo y luego cambiar el contenido si así lo queremos.

Cada vez que añadimos un tipo de campo, tendremos que definir una serie de campos como se muestra a continuación:

crear un formulario con Contact form 7

Como ya digo, en la pestaña «Formulario» es donde definimos el contenido y secciones del mimo.

Correo electrónico: Aquí es donde definimos la cuenta de correo a la que llegarán los mensajes del formulario, el campo de (quién lo envía), el asunto del mensaje y el cuerpo entre otras cosas.

crear un formulario con Contact form 7

Mensajes: En esta pestaña podemos modificar el texto de los mensajes que existen por defecto en Contact Form 7. Podemos adaptarlos a nuestras necesidades.

crear un formulario con Contact form 7

Ajustes adicionales: Esto es avanzado y para saber como funciona y los ajustes que puedes añadir, te recomiendo que pulses sobre el enlace «Ajustes adicionales«.

crear un formulario con Contact form 7

Pues bien, una vez que hayamos realizado todos los cambios y esté a nuestro gusto, lo guardamos.

Añadir el formulario en una página

Lo podemos añadir también en una entrada pero  parece que tiene más sentido en una página y para ser más concretos en la página de «Contacto«.

Entonces, creamos la página de contacto y en ella pegamos el código corto de nuestro formulario  de esta manera:

crear un formulario con Contact form 7

Como vemos, lo único que hemos hecho a sido añadir el shortcode:

[contact-form-7 id="103" title="Formulario de contacto 1"]

Guardamos nuestra página de contacto y comprobamos el aspecto de nuestro nuevo y flamante formulario:

crear un formulario con Contact form 7

Perfecto!!

Ahora ya tenemos un formulario para que nuestros clientes o visitantes nos dejen sus mensajes sin tener que enviarnos un correo electrónico directamente.

Los formularios de contacto son una herramienta muy útil y super utilizada:

Conclusión

Hemos visto como instalar el plugin Contact Form 7 en WordPress, cómo se gestionan los formularios y cómo incrustarlos en una página.

Hay que decir que Contact Form 7 tiene muchísimas funcionalidades que no podemos ver en este tutorial. Para ello necesitaríamos un curso entero o por lo menos un mini-curso.

Si te interesa que profundicemos en este plugin, házmelo saber y preparé algo más completo sin problemas.

Espero que sea útil este tutorial.

Saludos y hasta la próxima!

 

oscar
oscar

Programador WordPress freelance

Publicado en: tutoriales, Wordpress

7 julio, 2016 Por oscar Deja un comentario

Gestiona todos tus trocitos de código con el plugin Code Snippets


Hoy por hoy es casi imprescindible saber gestionar esos trocitos de código que a todos y todas nos gustan de una manera eficiente y limpia y para ello, entre otras formas, podemos utilizar el fantástico plugin Code Snippets.

Pero vamos por partes…

¿Qué son los Code Snippets?

Para entendernos bien, los Code Snippets no son más que trocitos de código que realizan una función específica y que podemos añadir al código de nuestro WordPress sin tener que recurrir o hacer un plugin para ello.

Personalmente prefiero hacer un plugin pero reconozco que no a todo el mundo le apetece hacer plugins de cada cosa e incluso personas que no tiene porqué saber cómo se hace run plugin.

Además, sobra decir que es más rápido que hacer un plugin.

A continuación comentaré varias opciones de que disponemos para integrar estos trocitos de código en nuestra instalación de WordPress:

Añadirlos en el fichero functions.php

Puedo equivocarme pero creo que este es el método más utilizado a día de hoy. Que no por eso es el mejor, ni mucho menos.

Este método consiste en añadir, generalmente al final del fichero «functions.php» de nuestro tema, el código en cuestión, es decir el snippet.

Supongamos que queremos añadir el siguiente snippet que lo que hace es cambiar el texto del botón «Añadir al carrito» en WooCommerce.

En las dos imágenes siguientes podéis ver a qué botón y a qué texto me refiero:

WC-Snippet-cambiar-texto-Añadir-al-carrito-01

WC-Snippet-cambiar-texto-Añadir-al-carrito-03

Ahora lo que haremos será añadir el siguiente código al final del fichero functions.php de nuestro tema.

add_filter( 'woocommerce_product_add_to_cart_text', 'oaf_wc_change_add_to_cart_text' );

add_filter( 'woocommerce_product_single_add_to_cart_text', 'oaf_wc_change_add_to_cart_text' );

function oaf_wc_change_add_to_cart_text() {`

return __('¡Comprar Ya!', 'woocommerce');
}

 

Para este tutorial no hace falta que entendamos el código, solo que cambia el texto del botón «Añadir al carrito» por «¡Comprar Ya!«.

Tras añadir el código anterior al fichero functions.php como comentábamos, observamos el botón en cuestión:

cambiar texto boton añadir al carrito

cambiar texto boton añadir al carrito

Aunque modificar el fichero functions.php de nuestro tema puede ser la manera más rápida de añadir código a nuestra web, no es lo más aconsejable. Entre otras cosas porque cuando cambiemos de tema, el fichero functions.php será otro y perderemos todo lo que hayamos añadido a este.

Crear un plugin

Personalmente es la opción que prefiero.

También entiendo que puede ser un poco pesado tener que crear un plugin por cada snippet que queremos añadir pero también es una forma de aprender sobre este asunto.

Ahora no voy a explicar el proceso de creación de un plugin porque ya lo haremos más adelante en otros tutoriales e incluso en un curso que tengo pensado realizar.

Solo hace falta que sepamos que cuando creamos un plugin, podemos activarlo y desactivarlo desde la pantalla de plugins de la administración de nuestro WordPress.

Utilizar el plugin Code Snippets

El plugin Code Snippets nos permite precisamente eso, añadir y gestionar nuestros trocitos de código para que los tengamos que añadir al functions.php.

Plugin code snippets wordpress - dinapyme

Una vez instalado en WordPress, podemos gestionar los snippets desde la sección «Snippets» de la administración:

Opciones plugin code snippets wordpress - dinapyme

Añadir un snippet

Para que veamos el funcionamiento básico de este plugin, vamos a añadir el snippet que hemos utilizado antes y para ello seleccionamos la opción «Add new«.

wordpress code snippets plugin 01 dinapyme

En la pantalla anterior rellenamos los campos, sobre todo el primero que es donde irá el código.

Posteriormente podemos añadirle una descripción y una etiqueta.

Y como última opción podemos indicar que se ejecute siempre o sólo en la administración en el frontend de la web.

Ya que es un código que sólo afecta al front de la web, he seleccionado esta última opción.

wordpress code snippets plugin 02 dinapyme

Ya está creado aunque todavía no lo hemos activado, lo haremos en breve.

Gestión de snippets

De la misma forma que gestionamos los plugins en su apartado correspondiente de la administración, también disponemos de un apartado para gestionar los snippets: manage.

wordpress code snippets plugin 03 dinapyme

Como podemos ver en la pantalla anterior, se parece bastante al apartado de gestión de plugins.

Por el momento sólo tenemos uno pero a medida que añadamos más, se agradece mucho este entorno tan amigable.

Para activarlo, lo haremos de manera similar a como lo hacemos con los plugins. Nos posicionamos sobre el texto del título del snippet y seleccionamos «Activate»

wordpress code snippets plugin 04 dinapyme

Una vez hecho esto, nuestro trocito de código ya está funcionando correctamente como podemos ver a continuación:

wordpress code snippets plugin 05 dinapyme

Perfecto!

Ya vemos lo fácil que es añadir y gestionar snippets con este fabuloso plugin.

El Video Tutorial

A continuación os dejo un video tutorial sobre esto.

[embedyt] http://www.youtube.com/watch?v=8HPCxxs_tKY[/embedyt]

Conclusión

Hemos visto las diferentes formas con las que podemos añadir trozos de código en nuestro WordPress.

También he comentado que la opción de modificar el fichero functions.php no es muy aconsejable.

Lo ideal es crear un plugin para ello pero en su defecto, el plugin code snippets es una herramienta ideal que nos permite añadir y gestionar nuestros códigos.

Hay algunas cosas más que podemos hacer con este plugin y que son interesantes como exportar e importar snippets.

Si os parece interesante que dedique una serie o un curso a este plugin, me lo podéis hacer saber y lo tendré en cuenta.

Espero que os sea de utilidad toda esta información y cualquier duda, ya sabéis dónde estoy.

Saludos

oscar
oscar

Programador WordPress freelance

Publicado en: tutoriales, Wordpress

7 julio, 2016 Por oscar Deja un comentario

Instalar WordPress en Local en Menos de 5 minutos con DesktopServer

Instalar WordPress en Local en Menos de 5 minutos con DesktopServer

 

oscar
oscar

Programador WordPress freelance

Publicado en: tutoriales, Wordpress

7 julio, 2016 Por oscar Deja un comentario

Instalar el tema Storefront de WooCommerce (gratis)

Instalar el tema Storefront de WooCommerce (gratis)

 

oscar
oscar

Programador WordPress freelance

Publicado en: tutoriales, Wordpress

7 julio, 2016 Por oscar Deja un comentario

Novedades de la versión 2.6 de WooCommerce

Novedades de la versión 2.6 de WooCommerce

 

oscar
oscar

Programador WordPress freelance

Publicado en: tutoriales, Wordpress

7 julio, 2016 Por oscar Deja un comentario

Instalar contenido de demostración para WooCommerce

Instalar contenido de demostración para WooCommerce

 

oscar
oscar

Programador WordPress freelance

Publicado en: tutoriales, Wordpress

2 septiembre, 2010 Por oscar 1 comentario

Windows Server 2008 – Eliminar cuentas de equipo

Ya sabemos lo peligroso que es eliminar una cuenta de equipo, pero para cuando estemos totalmente seguros deberemos abrir «Active Directory Users and Computers«, posicionarnos en la cuenta que queremos eliminar, botón derecho del ratón y seleccionar «Delete«.

elimequi-01

Como siempre, nos muestra un mensaje de advertencia al que responderemos pulsado «Yes» si estamos convencidos.

elimequi-02

Comprobamos que ya no está la cuenta:

elimequi-03

Efectivamente.

Dsrm

Disponemos de un comando para realizar esta tarea.

Es bien sencillo. La sintaxis es:

dsrm DNEquipo

Por consiguiente, para eliminar la cuenta «sobremesa05» ejecutaremos el siguiente comando:

dsrm CN=sobremesa05,OU=informatica,OU=equipos,DC=aic,DC=local

elimequi-04

Y listo.

Bueno, ya hemos acabado con lo referente a los equipos en el Directorio Activo.

En los próximos tutoriales sobre Windows Server 2008 nos meteremos con algo que considero super importante para la gestión de dominios y cuentas. No es otra cosa que las Políticas de Grupo ó GPOs.

Saludos.

—–

Oscar Abad

http://www.xulak.com – Consultoría informática

oscar
oscar

Programador WordPress freelance

Publicado en: sistemas, tutoriales, windows server 2008 Etiquetado como: active directory, aprendeinformaticaconmigo, dsrm, eliminar cuentas

31 agosto, 2010 Por oscar Deja un comentario

Windows Server 2008 – Deshabilitar y habilitar cuentas de equipo

Para habilitar una cuenta de equipo u otro objeto, podemos hacerlo desde el entorno gráfico.

Abrimos «Active Directory Users and Computers» y seleccionamos el equipo que queremos deshabilitar.

Pulsamos el botón derecho del ratón y seleccionamos «Disable Account«.

deshabequ-01

Mostrará un mensaje de notificación como el siguiente:

deshabequ-02

Ahora comenta que ya está deshabilitado.

deshabequ-03

Si os fijais, el aspecto del icono de la cuenta de equipo ha cambiado. Ahora tiene una flecha hacia abajo.

deshabequ-04

Para habilitar la cuenta, el proceso es idéntico pero escogiendo la opción «Enable Account«.

deshabequ-05

Dsmod

Si queremos deshabilitar o habilitar un equipo desde la consola de comandos, podemos utilizar el comando «dsmod«.

Sintaxis.

dsmod computer DNEquipo -Disabled YES

dsmod computer DNEquipo -Disabled NO

Sin mas, muy sencillo.

Aqui acabamos.

Saludos.

—–

Oscar Abad

http://www.xulak.com – Consultoría informática

oscar
oscar

Programador WordPress freelance

Publicado en: sistemas, tutoriales, windows server 2008 Etiquetado como: active directory, aprendeinformaticaconmigo, deshabiliar, dsmod, habilitar

  • 1
  • 2
  • 3
  • …
  • 18
  • Página siguiente »

Hazte con el tema Divi

Divi WordPress Theme
Libro windows server 2008

Libro certificación Windows Server 2016

Libro certificación Windows Server 2016

Libro Windows Server 2016

Libro Windows Sever 2016
Web Hosting

Últimos artículos

  • PHP función var_dump(): Mostrar el contenido de una variable
  • PHP función unset(): Eliminar variables
  • MySQL LIMIT: Limitar la canidad de filas en una consulta
  • PHP función isset(): Evaluar si una variable está definida
  • PHP función empty(): Comprobar si una variable está vacía
  • MySQL SELECT DISTINCT para encontrar registros con diferente valor en el mismo campo
  • Los mejores libros en español para aprender WordPress

Mis Webs

  • Aprende Informática Conmigo
  • Dinapyme
  • MUSIKP
  • Oscar Abad Folgueira

Proyectos

  • Basabe Baserria
  • Batukada Battuere
  • Bicicletas Sin Pedales
  • Bordalan
  • C.R. Pantano del Rumblar
  • Dinapyme
  • DiverBiblio
  • Egia Ingenieros
  • Hermanos Vivas construcciones
  • Ibartxi – Suministros de Gas y Soldadura
  • LANBASE
  • LS Fotografía
  • Luke and Phil
  • Masajes Mas Sana
  • MUSIKP
  • Oh! Yeah Dev
  • Oscar Abad Folgueira
  • Participación ciudadana Basauri
  • Restaurante Bideko
  • Taldesport
  • Vicente Choya
  • WooCommerce Knowledge2K
  • Inicio
  • Contenido Anterior

Copyright © 2023 · Oscar Abad Folgueira Y DINAPYME· Acceder