SVG no se muestra en WordPress

2 minutos de lectura

Avatar de usuario de Thomas Hutton
thomas hutton

Edición #1: Aquí está el código que puse en functions.php:

function my_myme_types($mime_types){
    $mime_types['svg'] = 'image/svg+xml'; //Adding svg extension
    return $mime_types;
}
add_filter('upload_mimes', 'my_myme_types', 1, 1);

Editar #2:

Aquí está mi código para ingresarlo:

<img src="http://localhost/webdesign/wp-content/uploads/2017/02/Web-Design.svg" />

Edité mi archivo functions.php para poder cargar imágenes SVG (aquí está el artículo). Entonces, después de hacer eso, pude vincular archivos SVG y pude verlos. Sin embargo, fui a tomar una siesta y cuando regresé, los archivos SVG nunca aparecieron. Podría vincularlos, pero era una pantalla blanca, y cuando hago clic derecho para ver la imagen, también es blanca.

¿Alguien sabe qué podría estar haciendo esto? Creé un segundo sitio web localhost de WordPress y el mismo problema.

Yo tuve el mismo problema. El punto es que tienes que darle a esa imagen un width y un height para hacerlo visible.

He aquí un ejemplo: Ir a http://geigerag.ch/ … hay un logo en la parte superior en svg. Como puede ver, el logo tiene un ancho de 325px y una altura de auto. Intente eliminar esos valores o intente hacer clic derecho en esa imagen para verla en una nueva pestaña. Sin embargo, la imagen estará en blanco.

  • Les di los valores; sin embargo, todavía no se muestra.

    – Thomas Hutton

    13 de marzo de 2017 a las 0:11

  • @ThomasHutton, ¿podría subir el svg en algún lugar para que pueda probarlo?

    – Reza Sadati

    13 de marzo de 2017 a las 0:24

  • Hmmm, entonces cuando uso esa URL funciona, pero no en mi archivo local.

    – Thomas Hutton

    13 de marzo de 2017 a las 0:26

  • @ThomasHutton hmm … ¿cómo se ve tu código? ¿Lo estás usando para <img> o por un background-image?

    – Reza Sadati

    13 de marzo de 2017 a las 0:28


  • Lo agregué en mis comentarios.

    – Thomas Hutton

    13 de marzo de 2017 a las 0:31

Solo puede hacerlo desde la clase CSS, solo necesita agregar el ancho del contenedor SVG como se muestra a continuación:

.your-logo{width:300px;}

Puede establecer su ancho según sus necesidades.

¿Ha sido útil esta solución?