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