Cómo agregar marcos de fotos con iconos de WordPress

Fotos con iconos de WordPress

¿Cuál es el punto de agregar un marco de funciones con hermosos colores en la página de inicio de su sitio de WordPress? Estas son las características de las características más importantes de la venta de productos y servicios. Ha demostrado ser una técnica muy atractiva para presentar nuevas características al cliente. Subir marcos de fotos con iconos en tu sitio de wordpress.

¿Qué son los marcos de funciones con iconos?

El alcalde de las personas que visitan los sitios en la vida real. Como humanos, hablamos de profesionales profesionales.

Esto quiere decir que es necesario recomendar, debemos presentar información importante y nuestro formato cilmente escaneable y muy atractivo.

Debido a los sitios web comerciales, nuestra gente popular tiene una gran imagen de un control deslizante en la parte superior con un botón lleno de acción.

Cada imagen de las características se puede utilizar para proteger la acción con la que se puede utilizar nuestra información.

Aquí hay un ejemplo de nuestro sitio web OptinMonster:

lección y video

Regístrate en WPBeginner

Si no te gusta el video, necesitas mi guía, sigue leyendo.

Agregue marcos de fotos con íconos en su página desde los primeros días de WordPress

Lo primero que debe hacer es instalar y activar el suplemento Advanced WP Columns. Tras la activación, Debe visitante Configuración »Columnas extendidas WP para configurador y complemento.

Simplemente diga que desea la opción de clase de columna y la entrada, olvides hacer clic en el protector para cambiar la configuración.

A continuación, necesitará¡ sin la adición de hermosos íconos SVG y cuadros de funciones Instalar y activar e instalar además de los íconos WP SVG.

Ahora es una lista para crear sus campos de caracteres.

Averigua dónde quieres deshacerte de los cuadros de función.

Notarios con dos nuevos bots en la redacción. El primero es el ícono Agregado, solo la ayuda del editor. El segundo botón está en el menú del editor visual como el último elemento.

El editor es un solo visual, como muestra una fila de botones, debe hacer clic en el botón de alternancia de la barra de herramientas para expandirlo.

Por ejemplo, tienes que hacer clic en los bots de Columnas WP avanzadas. Abriré una sala de emergencias donde quiero hacer clic vacío y luego seleccione la cantidad de columnas que desea agregar.

Después de eso, debe hacer clic en cada columna para agregar algo de texto. Si no está leyendo el texto ahora, puede leer las columnas en el editor de publicaciones. Una vez que haya terminado, haga clic en el botón Agregar columnas en la parte inferior.

Muestra columnas en tu editor de publicaciones. El siguiente paso es agregar símbolos sobre el texto.

Lleve su mouse al commienzo del read de texto en la primera columna y haga clic en el botón Enter. Esta es la letra que lo hace fácil y tiene espacio para insertar tus canciones.

Ahora debe hacer clic en el botón Agregar icono, que muestra una ventana emergente agradable como esta:

Desde allí puede seleccionar el icono a utilizar haciendo clic en él. Para continuar, haga clic en el botón de intervalo para que su ícono esté en él elemento

Finalmente, haga clic en el botón Pegar. Ahora mire el código abreviado del icono SVG en su editor de publicaciones. Según el nombre del icono de selección, se supone que es:

[wp-svg-icons icon=”rocket” wrap=”span”]

Repita el proceso para agregar símbolos en otros marcos de pandereta.

Una vez que haya terminado, simplemente haga clic en el botón Actualizar para guardar su pá Džina.

La casa está cerrada, pero echas un vistazo a tu vida, notas que los íconos están de mal humor y las imágenes de las características del apéndice no.

La agregación deber de una bolsa de CSS para resolver es un problema. Simply Aggregate es un fragmento de CSS sobre el tema o en la hoja de estilo del thema hijo.

span.wp-svg-rocket.rocket { 
font-size:100px; 
} 

span.wp-svg-cloud.cloud { 
font-size:100px; 
} 
span.wp-svg-headphones.headphones { 
font-size:100px; 
} 
.mycolumns { 
border:1px solid #eee;
min-height:250px; 
padding-top:20px !important;
}

No olvides grabar el CSS con los íconos de los íconos que son útiles.

Esperamos que este artículo nos ayude a crear una buena sección de marcos de personajes al principio del principio. Es posible que también estén 5 de nuestros mejores creadores de juegos de guerrilla de WordPress y Soltar, ya que muchos de estos creadores de conejillos de indias integran esta característica de la caja de personajes.

Puede aprender el artículo usando un nuevo canal de YouTube para tutoriales y videos sobre WordPress.