ACTIVAMOS NUEVOS PLUGINS

Transcripción

1 ACTIVAMOS NUEVOS PLUGINS 1.- Para resaltar nuestro texto en una ventana estilo a los periódicos activamos el plugin: Simple Pull Quote Ejemplo: Cómo lo utilizamos? Vemos que en el escritorio se ha añadido el icono: Seleccionamos el texto que queramos y presionamos el icono 2.- Activamos el plugin: Advanced Custom Fields Si usamos WordPress y no otros CMS o desarrollos por lo fácil que nos resulta su uso. ACF permite añadir complejidad a la estructura de datos manteniendo la sencillez del editor.

2 3.- Activamos el plugin: Asesor de Cookies Este plugin avisa a los nuevos visitantes de su web sobre la utilización de cookies en su página y le proporciona los textos iniciales para que pueda crear una política de cookies correcta. Configuramos:

3 Lo configuramos según la imagen: 4.- Activamos el plugin: Black Studio TinyMCE Widget Nos sirve para: En ocasiones te puedes encontrar con pequeños problemas en el panel de administración de WordPress. Por ejemplo WordPress tiene editor visual para las entradas pero no para los widgets. Para mí esto no es ningún obstáculo, ya que puedo escribir en HTML dentro del widget de forma manual. El problema existe cuando tienes que configurar sitios con contenidos de forma visual dentro de los mismos widgets. Por ejemplo una sección de sobre mi con una imagen, enlaces, texto en diferentes formatos, negrita, y demás.

4 Simplemente incluye un nuevo tipo de widget a tu Widgets disponibles, de esta forma: Para usarlo, sólo tienes que añadir el widget a la zona de widgets que más nos interese de nuestro sitio web y abrir el mismo. Se ve muy similar al editor de entradas y páginas que vienen por defecto en WordPress, donde es posible añadir imágenes y formato de texto en el mismo sitio: 5.- Activamos el plugin: Really Simple CAPTCHA

5 Qué es un "captcha"? Las siglas se corresponden con "Completely Automated Public Turing test to tell Computers and Humans Apart". Básicamente es un texto difícil de leer que tenemos que introducir en un recuadro que un programa no sería capaz de insertar, con lo que demostramos que no somos un robot con intenciones maliciosas. 6.- Activamos el plugin: Contact Form 7 Ponerse en contacto es una forma de comunicación valiosa y WordPress dispone de muchos plugins que nos facilitan la tarea. Veremos cómo crear un formulario con Contact Form 7, el plugin más descargado para elaborar formularios. En cinco minutos podemos tener un sencillo formulario a nuestra disposición para insertarlo dónde queramos. El plugin se muestra en el menú de la izquierda con un sobre (en versiones antiguas aparece una rueda dentada), tal y como aparece en la siguiente imagen. Al pinchar en Contacto nos aparece la siguiente pantalla:

6 Pasando el ratón por encima de Formulario de contacto 1 (el primero) pinchamos en Editar. Nos aparece la siguiente pantalla: 1.- Lo primero que debemos hacer es cambiar el título. Contacto de mi sitio

7 Después vemos unas pestañas: Solo vamos a utilizar Formulario y Correo electrónico. Ya estamos en la pestaña de Formulario. En ella vemos: Ya tenemos el primer ejemplo de los campos que se han rellenado. Los campos son: Nombre, Correo electrónico, Asunto, Mensaje, enviar. Debemos añadir más campos ya que no nos es insuficiente. Tenemos una barra superior en la pinchando en cada una de las pestañas iremos añadiendo campos.

8 Las letras: <P>: Párrafos. En principio, sin entrar en detalles de alineación u otras características, Este tag, en un principio, se diseñó para saltar de párrafo. Debemos cerrar el párrafo con </p> <BR>: Saltos de línea. Esta tag sirve para realizar un salto de línea, puede poner tantas como desee y realizará un salto de línea por cada una de ellas. No os quiero liar y se hace una sola vez y no se vuelve a utilizar, así que os lo doy hecho. Dentro de la pestaña Formulario borráis todo el contenido. Y ESCRIBIMOS EL SIGUIENTE CÓDIGO: <h2><span style="color: #ff3333;">consúltanos</span></h2> <p><span style="color: #ff3333;">tu Nombre y Apellidos <br />[text* your-name] </p><p><span style="color: #ff3333;">tu dirección de correo<br />[ * your- ] </p><p><span style="color: #ff3333;">de que se trata<br />[text your-subject] </p> <p><span style="color: #ff3333;">explícate<br />[textarea yourmessage] </p> </p><br /> <p><span style="color: #ff3333;">incluye tu archivo<br />[file file-699] </p><br /> <p><span style="color: #ff3333;">captcha (Marca no soy un robot)<br />

9 [recaptcha theme:dark]<br /> [acceptance Acepto]Acepto la</span> <a href=" style="color: #ff3333;"><strong> Política de Privacidad</strong></span><span style="color: #666666;"> de este sitio</a> <p>[submit "Mándalo ya"]</p> Pinchamos en Guardar Nos vamos a la pestaña de Correo electrónico: 1.- Modificamos PARA y ponemos nuestro correo 2.- En DE cambiamos el dominio (Quitamos departamentos.ies y ponemos nuestro dominio)

10 3.- En CUERPO DEL MENSAJE copiamos este código sustituyendo el que hay: De: Nombre:[your-name] [your- ] Asunto: [your-subject] Cuerpo del mensaje: [your-message] Archivo: [file-699] -- Este mensaje se ha enviado vía formulario de contacto desde Departamentos del IES Barrio de Bilbao ( 4.- Cambiamos el dominio (quito departamentos ) 5.- En ARCHIVOS ADJUNTOS copio el siguiente código: [file-699] 6.- Marco USAR CONTENIDO DE TIPO HTML 7.- Copio el código que está en la barra azul

11 8.- Creo un Página cuyo Título sea Contacto Publico la Página. Ya tenemos hecho un Formulario de Contacto. Visitamos la página, rellenamos los campos y nos mandamos el mensaje para saber si lo recibimos.