Plugins y algunos trucos para WP
Viendo actualmente:Elegant Themes

Enlaces de redes sociales en nueva ventana con plantilla Divi

Usando esta gran plantilla DIVI para WordPress me he encontrado con que por defecto, los enlaces a las redes sociales, se abren en la misma ventana, algo que no creo que sea bueno. ¿Cómo se pueden cambiar estos enlaces para que se abran en una nueva ventana?

Apariencia -> Editor -> editar el archivo social_icons.php en todas las lineas donde veais:

…class=”icon”>

añadir la etiqueta: target=”_blank”

de forma que quede:

class=”icon” target=”_blank”>

Con esto estará todo solucionado!

De esta manera los enlaces a redesde sociales se abrirán en nueva ventana usando la plantilla DIVI para wordpress.

 

 


Traducir menu responsive con plantilla de Elegant Theme

¿Cómo traducir las palabras del menú responsive en las plantillas o themes de Elegant Themes?

Normalmente nos encontramos con palabras tipo “Navigation” o una vez desplegado con “Pages” o “Categories”, pero desde nuestro panel del tema no tenemos opción a traducirlo.

Tenemos que ir a Apariencia-Editor y allí modificar nuestro archivo functions.php pero antes como siempre haced una copia de seguridad por si acaso.

A continuación os mostramos una captura de pantalla, en nuestro caso ha sido fácil de identificar la parte a modificar.
traducir-menu-responsive-elegant-theme

Espero que os haya ayudado, al principio me costó localizarlo, pero luego en todas las plantillas de Elegant Themes encuentras la misma estructura.

//ACTUALIZACIÓN,

Glòria, en un comentario me decía que explicase mejor dónde hay que hacer los cambios. Lo más fácil es buscar con el propio buscador del navegador (CTR + F normalmente) la palabra del menú que quereis traducir, ya sea Navitacion, Pages, Categories..etc… Normalmente tiene esta estructura:

<?php esc_html_e(‘PALABRA A TRADUCIR’,’NOMBRE DE PLANTILLA’);?>

Ahora más fácil, ¿verdad?


Cómo traducir los mensajes de error del formulario de contacto de Elegant Themes

Trabajo mucho con Elegant Themes, y casi siempre todos son vantajas.

Ahora bien, me he encontrado con un problemilla, cuando se hace clic en ENVIAR formulario de contacto vacío, aparece este error:

  • Fill Name field
  • Fill Email Address field
  • Invalid email
  • Fill Subject field
  • Fill Captcha field
  • Fill Message field

¿Cómo traducir todo esto para que quede más bonito?

En primer lugar, traducir los campos es fácil con cualquier plugin de idiomas, por ejemplo WPML, o si se quiere hacer a lo bruto, editando la página (page-contact.php), buscaremos lineas tales como estas:

<input type="text" name="et_contact_name" value="<?php if ( isset($_POST&#91;'et_contact_name'&#93;) ) echo esc_attr($_POST&#91;'et_contact_name'&#93;); else esc_attr_e('Name','InStyle'); ?>" id="et_contact_name" class="input" />

y las cambiaremos por:

<input type="text" name="et_contact_name" value="<?php if ( isset($_POST&#91;'et_contact_name'&#93;) ) echo esc_attr($_POST&#91;'et_contact_name'&#93;); else esc_attr_e('NOMBRE TRADUCIDO','InStyle'); ?>" id="et_contact_name" class="input" />

Con ello tendremos parte de la traducción hecha..pero ¿Cómo cambiar el resto del mensaje?

wp-content/themes/NOMBRE-DE-LA-PLATILLA/epanel/page_templates/js/et-ptemplates-frontend.js (aquí encontraremos el código que usa para devolveros el error:

$et_inputs.each(function(index, domEle){
			if ( jQuery(domEle).val() === '' || jQuery(domEle).val() === jQuery(this).siblings('label').text() ) {
				jQuery(domEle).addClass('et_contact_error');
				et_contact_error = true;

				var default_value = jQuery(this).siblings('label').text();
				if ( default_value == '' ) default_value = et_ptemplates_strings.captcha;

				et_message += '<li> Rellena' + default_value + ' correctamente.</li>'; ////TRADUCCIÓN EDITADA
			}
			if ( (jQuery(domEle).attr('id') == 'et_contact_email') && !et_email_reg.test(jQuery(domEle).val()) ) {
				jQuery(domEle).removeClass('et_contact_error').addClass('et_contact_error');
				et_contact_error = true;

				if ( !et_email_reg.test(jQuery(domEle).val()) ) et_message += '<li>Email incorrecto.</li>'; ////TRADUCCIÓN EDITADA
			}
		});

Editando esas 2 lineas de código todo arreglado:

  • Rellena Nombre correctamente.
  • Rellena Email correctamente.
  • Email incorrecto.
  • Rellena Asunto correctamente.
  • Rellena Captcha correctamente.
  • Rellena Mensage correctamente.

Añadir y usar un campo personalizado en epanel de Elegant Themes

¿Cómo añadir un campo personalizado en nuestro maravilloso epanel de Elegant Themes y luego usarlo para mostrarlo en pantalla?

campo-en-epanel-3
En mi caso el cliente quiere introducir una frase que irá cambiando cada pocos días, lo hará desde el epanel de la plantilla de Elegant Themes, y la plantilla ha de poner esa frase en la pantalla principal de la siguiente manera:

(más…)


Cambiar orden en PORTFOLIO Elegant Themes

-Como cambiar el orden dentro del blucle de muestras de una plantilla tipo PORTFOLIO en Elegant Themes??

Cambiar la linea de código de page-template-portfolio.php:

<?php query_posts(“posts_per_page=$et_ptemplate_gallery_perpage&paged=” . $et_paged . $gallery_query ); ?>

y añadir . ‘&order=ASC’ para que quede así:

<?php query_posts(“posts_per_page=$et_ptemplate_gallery_perpage&paged=” . $et_paged . $gallery_query . ‘&order=ASC’); ?>

Si os fijáies, esta linea precede a:

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

que es donde se hace el bucle a todos los productos/artículos, es siempre antes de este While donde se deben hacer este tipo modificaciones usando la gran función de query_posts


Powered by WordPress | Designed by Elegant ThemesPolítica de privacidad