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.