Editor de iconos Svg
Contents
Nick Diego lanzó la semana pasada el plugin Icon Block. A diferencia de otros bloques similares disponibles, no depende de una biblioteca de terceros. En su lugar, se dirige a los desarrolladores y a los aficionados al bricolaje, permitiéndoles añadir cualquier SVG directamente al editor.
Diego es el autor del plugin Block Visibility, que tiene poco más de un año de vida y se perfila como el mejor proyecto en este espacio. Durante el verano, lo amplió con una versión pro que añade valor con más opciones de nicho. En lo que respecta al editor de bloques, hasta ahora ha demostrado su voluntad de encontrar soluciones creativas a los problemas centrándose en una experiencia de usuario completa. Su último plugin no parece ser diferente.
«Esta semana he creado este pequeño bloque después de sentirme muy molesto con el uso de bloques HTML para iconos SVG (y de no querer utilizar una biblioteca de bloques)», dijo Diego. «Mi objetivo era construir un simple bloque de iconos SVG utilizando básicamente todos los componentes nativos de WP. Y a medida que se agregue más funcionalidad al núcleo (margen, controles responsivos, etc.), los agregaré al bloque.»
Iconos personalizados de WordPress
<polígono fill=»#1A1A1B» fill-rule=»evenodd» points=»6,852 7,649 .399 1,195 1,445 .149 7,899 6,602 14,352 .149 15,399 1,195 8,945 7,649 15,399 14,102 14,352 15,149 7,899 8,695 1,445 15,149 .399 14,102″/>
‘deviantart’ => ‘<svg width=»24″ height=»24″ viewBox=»0 0 24 24″ version=»1.1″ xmlns=»http://www.w3.org/2000/svg»><path d=»M 18.19 5.636 18.19 2 18.188 2 14.553 2 14.19 2.366 12.474 5.636 11.935 6 5. 81 6 5,81 10,994 9,177 10,994 9,477 11,357 5,81 18,363 5,81 22 5,811 22 9,447 22 9,81 21,634 11,526 18,364 12,065 18,19 18,19 18,19 13,006 14,823 13,006 14,523 12,641 18,19 5,636z»></path></svg>’,
‘mastodon’ => ‘<svg width=»24″ height=»24″ viewBox=»0 0 24 24″ version=»1.1″ xmlns=»http://www.w3.org/2000/svg»><path d=»M23.193 7.879c0-5.206-3.411-6.732-3.411-6.732C18.062.357 15.108.025 12.041 0h-.076c-3.068.025-6.02. 357-7.74 1.147 0 0-3.411 1.526-3.411 6.732 0 1.192-.023 2.618.015 4.129.124 5.092.934 10.109 5.641 11.355 2.17. 574 4.034.695 5.535.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.129.539c-2.165-.074-4.449-.233-4. 799-2.891a5.499 5.499 0 0 1-.048-.745s2.125.52 4.817.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2. 212 5.954-3.905.517-2.665.475-6.507.475-6.507zm-4.024 6.709h-2.497V8.469c0-1.29-.543-1.944-1.628-1.944-1.2 0-1. 802.776-1.802 2.312v3.349h-2.483v-3.35c0-1.536-.602-2.312-1.802-2.312-1.085 0-1.628.655-1.628 1.944v6.119H4. 832V8.284c0-1.289.328-2.313.987-3.07.68-.758 1.569-1.146 2.674-1.146 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1 .043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.304z»/></svg>’,
Iconos Wp
Los plugins vendidos y distribuidos por Code Parrots, se hacen con la esperanza de que sean útiles, pero SIN NINGUNA GARANTÍA; ni siquiera la garantía implícita de COMERCIALIZACIÓN o ADECUACIÓN A UN PROPÓSITO PARTICULAR.
Aunque intentamos proporcionar el mejor soporte posible para nuestros plugins, no garantizamos que cualquier consulta de soporte particular pueda, o sea respondida en la medida, o dentro de un marco de tiempo que el solicitante esté completamente satisfecho.
La excepción a este acuerdo de suscripción es la licencia Ultimate, que supone un cargo único del precio de la licencia Ultimate publicado en el momento de la compra. Las licencias Ultimate no necesitan ser renovadas y se consideran «de por vida».
Una vez que hayamos procesado su pago con éxito, recibirá un correo electrónico con su número de pedido y otra información de compra. Su clave de licencia está disponible en el área de su cuenta junto con las descargas de su plugin. Puede descargar el plugin accediendo a la cuenta creada para usted al comprar el plugin y haciendo clic en el enlace correspondiente.
Icono de Facebook svg
WordPress admite varios formatos de imagen desde el principio, como .jpg, .jpeg, .png y .gif. Sin embargo, no permite utilizar gráficos vectoriales escalables (SVG), que es uno de los tipos de imagen más flexibles que existen. Afortunadamente, aprender a añadir SVG a WordPress es bastante sencillo.
Para habilitar este formato de imagen, todo lo que tienes que hacer es ajustar un par de archivos. Después de eso, podrá utilizar SVGs dentro de su contenido como imágenes normales, logotipos y mucho más. Es más, WordPress funciona perfectamente con SVGs una vez que has habilitado el tipo de archivo.
En este artículo, vamos a hablar de lo que son los SVG y por qué son tan útiles. A continuación, te enseñaremos cómo añadir SVG a WordPress utilizando dos métodos diferentes y te explicaremos cómo animarlos con CSS. ¡Empecemos!
SVG no es un formato de imagen en sí mismo. De hecho, es un lenguaje de marcado que se utiliza para crear imágenes bidimensionales compuestas por vectores. Esto puede sonar complejo en teoría, pero en la práctica, utilizarás los SVG en las mismas situaciones que cualquier otra imagen.