Pregunta sobre Site Reviews de Wordpress:

Cambiar estrellas

Un usuario pregunt贸 馃憞

Hola,

Al no estar muy familiarizado con los ganchos, etc., no puedo por el resto de mi vida descubrir por qu茅 la imagen de la estrella no cambiar谩 en un nuevo sitio en el que estamos trabajando.

Aunque creo que sigo las instrucciones para ti, obviamente estoy haciendo algo mal.

He agregado lo siguiente a nuestro hijo funcional theme.php para probar:

add_filter (‘site-reviews / config / inline-style’, funci贸n (editar $ config) {$ config[鈥:star-full鈥橾 = get_stylesheet_directory_uri (). ‘https://www.ourdomain.co.uk/wp-content/uploads/2019/06/star-full.svg ‘;; return $ config; });

Todas las estrellas desaparecen en el sitio web.

Se agradecer铆a cualquier orientaci贸n.

Gracias.

(@geminilabs)

Hace 1 a帽o, 8 meses

Prueba esto:

add_filter( 'site-reviews/config/inline-styles', function( $config ) {
     $config[':star-full'] = '/wp-content/uploads/2019/06/star-full.svg';
     return $config;
});

Lanzador de hilos

(@norfolkpete)

Hace 1 a帽o, 8 meses

Muchas gracias por la pronta respuesta.

Intent茅 eso y encontr茅 un error:

error de sintaxis, inesperado

(@geminilabs)

Hace 1 a帽o, 8 meses

No recibo ese error. Aseg煤rese de copiar y pegar exactamente como se indica, y aseg煤rese de no tener ning煤n otro c贸digo de problema en su archivo functions.php.

Mejor a煤n, en lugar de editar el archivo functions.php directamente, le recomiendo que use un plugin de fragmentos como: https://wordpress.org/plugins/code-snippets/

Lanzador de hilos

(@norfolkpete)

Hace 1 a帽o, 8 meses

Lo siento, lo intent茅 de nuevo y no se produjo ning煤n error.

Dicho esto, las rese帽as ahora muestran 5 estrellas completas, sin estrellas. 驴La estrella vac铆a muestra cosas sin rese帽as todav铆a?

(@geminilabs)

Hace 1 a帽o, 8 meses

Primero aseg煤rese de que contenga la URL de la imagen que desea utilizar.

es decir https://yourdomain.com/wp-content/uploads/2019/06/star-full.svg

Si la imagen se carga correctamente en el navegador, elimine el dominio de la URL y util铆celo en la colecci贸n.

es decir, 芦/wp-content/uploads/2019/06/star-full.svg禄

Tambi茅n puede guardar el dominio en la URL y utilizar la URL completa en la colecci贸n si lo desea.

Esta respuesta fue modificada hace 1 a帽o, 8 meses por. Lanzador de hilos

(@norfolkpete)

Hace 1 a帽o, 8 meses

Gracias por la ayuda 馃檪

De acuerdo, cargu茅 svg usando un plugin para habilitar esto en WordPress. Probar la URL de los medios no se muestra en el navegador, es extra帽o.

Guard茅 la imagen como .png y lo hace, tu c贸digo funciona perfectamente.

No es del tama帽o correcto. 驴No puedo entender c贸mo tienes svgs y no puedo hacer el m铆o?

(@geminilabs)

Hace 1 a帽o, 8 meses

Te recomiendo que uses https://wordpress.org/plugins/safe-svg/

Lanzador de hilos

(@norfolkpete)

Hace 1 a帽o, 8 meses

S铆, ese es el plugin que encontramos y probamos primero.

(@geminilabs)

Hace 1 a帽o, 8 meses

Cuando carga un archivo svg, deber铆a mostrarse como una imagen en su p谩gina multimedia:

A continuaci贸n, copie el archivo URL que deber铆a funcionar en su navegador:

Lanzador de hilos

(@norfolkpete)

Hace 1 a帽o, 8 meses

s铆, no se muestra como tu imagen.

Exporta la nueva estrella en Photoshop como SVG. Cuando hago clic en el nuevo archivo .svg en mi escritorio, se abre en un navegador tan inseguro de por qu茅 no se carga correctamente en WP.

(@geminilabs)

Hace 1 a帽o, 8 meses

O puede copiar los archivos SVG directamente en el directorio de temas de su hijo y luego usar el siguiente c贸digo:

add_filter( 'site-reviews/config/inline-styles', function( $config ) {
     $config[':star-full'] = get_stylesheet_directory_uri().'/star-full.svg';
     return $config;
});

Lanzador de hilos

(@norfolkpete)

Hace 1 a帽o, 8 meses

Hmmmm, aunque he usado temas infantiles durante algunos a帽os, no entiendo esto:

puede copiar los archivos SVG directamente en el directorio de temas de su hijo

(@geminilabs)

Hace 1 a帽o, 8 meses

Parece que esta es la forma en que exporta su archivo SVG.

1. Aseg煤rese de exportar una imagen vectorial (es decir, un archivo de decorador), no una imagen rasterizada. Esto puede ayudar: https://forums.adobe.com/thread/2541178

2. Aseg煤rese de exportar para web.

3. Ejecute el archivo SVG a trav茅s https://kraken.io/web-interface que optimizar谩 un archivo SVG correctamente ejecutado.

4. Puede copiar el archivo svg al directorio de temas para ni帽os de esta manera:

Aqu铆 se carga un archivo SVG:
/wp-content/themes/child-theme/star-full.svg

Y luego puede cargarlo usando la funci贸n de WordPress get_stylesheet_directory_uri para obtener la URL del directorio de temas de su hijo, y cargar la imagen en el gancho de revisiones del sitio como este:

// This is the URL to the image in your child theme
get_stylesheet_directory_uri().'/star-full.svg';

Como se muestra en la respuesta anterior.

Esta respuesta fue modificada hace 1 a帽o, 8 meses por. Lanzador de hilos

(@norfolkpete)

Hace 1 a帽o, 8 meses

Agradezco su ayuda y paciencia.

Estoy ahorrando usando Illustrator en lugar de PS y el .svg ahora se muestra en mdeai y funciona bien, sin embargo, funciona … en su mayor parte.

La nueva estrella se ve muy bien aqu铆: https://www.theweddingwhitelist.co.uk/reviews/florentina-catering-norfolk/

Sin embargo, en el acto, sus estrellas doradas se ven n铆tidas y llenas, y su nuevo aspecto se encoge en los lados: https://www.theweddingwhitelist.co.uk/wedding-event-caterers/

(@geminilabs)

Hace 1 a帽o, 8 meses

Todo lo que tiene que hacer es cambiar el color de las estrellas, copiar las estrellas originales del plugin, abrirlas en un editor de texto, cambiar los c贸digos hexadecimales de color seg煤n sea necesario y luego cargar las estrellas editadas en un tema para ni帽os como se muestra arriba. .

驴Solucion贸 tu problema??

0 / 0

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *