En este artículo, verás lo que puedes hacer en WordPress usando Elementor Pro y el tema Ocean WP. A continuación se ofrece una breve descripción de lo que leerá en el texto.
Crearemos un encabezado usando Elementor Pro, lo ajustaremos y verás lo pegajoso que puede ser, haremos lo mismo con el pie de página.
Verá cómo trabajar con las condiciones de visualización, que le ayudarán a mostrar su encabezado, pie de página y otras plantillas en secciones específicas de su sitio según las condiciones que establezca en la plantilla.
Hablará sobre contenido dinámico y cómo crear una plantilla con él que mostrará el título del blog, la fecha, el autor o algo más.
También crearemos y personalizaremos una plantilla de publicación de blog, así como una plantilla de página de blog, para que todo su sitio se construya con la ayuda de la versión Elementor Pro.
ElementorPro
Anteriormente, Elementor era solo un creador de páginas, y ahora es a la vez un creador de páginas y un creador de temas. Puedes reemplazar casi todos los elementos del tema que estás usando con la ayuda de Elementor. Nos dirigimos al panel de control de nuestro sitio y bajo la opción Plantillas Ha guardado plantillas, páginas, secciones y complementos globales, como puede ver en la imagen a continuación. Aquí puedes utilizar plantillas ya creadas, crear una nueva o importar una ya creada.
Eliges crear una nueva plantilla y ahí tienes varias opciones, para comenzar elegiremos crear un encabezado. Aparecerá una biblioteca de diferentes plantillas de encabezado y cuando veas una que te guste, la seleccionas y haces clic en un botón. Insertar y luego podrás adaptarlo a tus necesidades.
En cuanto a los cambios de plantilla, puedes cambiar el color de los iconos, el color del fondo, información sobre el número de teléfono, correo electrónico, horario laboral. Luego puedes cambiar los íconos de las redes sociales, hacer espacios entre ellos, espacios entre la parte superior e inferior de la sección, cambiar el color de los íconos o del texto cuando pasas el mouse sobre él, agregar animaciones cuando se carga el sitio, etc. en. Hay muchas opciones, sólo tienes que jugar y elegir lo que quieras y lo que visualmente te resulte más bonito. Todos estos cambios los realizas haciendo clic en una sección específica y en opciones Estilo y Avanzado Hay posibilidades de cambiar todas las cosas mencionadas anteriormente.
Arriba hay un ejemplo de cómo se cambió el logotipo, para tener un fondo diferente, también puede cambiar el menú para que sea horizontal, vertical o desplegable, puede tener un puntero debajo de cada elemento del menú, puede cambiar de color cuando se mueve el mouse. flotaba sobre él. Cuando haya configurado su plantilla, haga clic en Publicar y luego aparecen las condiciones de visualización que deben configurarse. ¿Dónde desea que se muestre el encabezado, en todo el sitio, en páginas específicas o, por ejemplo? Si desea que se muestre en todo el sitio y no solo en determinadas páginas, establezca 2 condiciones. Guardas las condiciones y la plantilla se coloca en el sitio.
Para que su encabezado sea fijo, es decir, que no se mueva cuando se desplaza por la página, seleccione la sección, seleccione la opción Efectos de movimiento y en el campo Pegajoso establezca dónde desea que esté el encabezado. Para que el menú en el encabezado se vea bien incluso cuando se desplaza por la página, debe hacerlo en la opción CSS personalizado agregar una línea de código selector{fondo: #fff}. Puedes elegir el color que quieras para el fondo, aquí solo se da un ejemplo de color blanco.
El pie de página de la página se realiza de forma similar, además de crear una plantilla seleccionándola en el panel de control. Eliges el que te gusta de la biblioteca, lo ajustas a tus necesidades tal como lo hiciste al crear un encabezado y estableces las condiciones de visualización y lo publicas en el sitio.
Después de haber creado el encabezado y el pie de página, el siguiente elemento de la línea es la página del blog. Lo creamos seleccionando una nueva plantilla y seleccionándola como tipo de plantilla Archivo y llamémoslo Blogpage o como quieras. De los diseños ofrecidos en la biblioteca, elegimos el que más nos convenga, luego lo ajustamos como queremos que se vea, establecemos el número de artículos en una fila, el número de columnas, el tamaño de la imagen del artículo, dónde estará por encima o por debajo de la prueba corta, y similares.
Después de eso, configuramos las condiciones de visualización y la plantilla de la página del blog está lista, solo queda publicarla.
La plantilla está terminada y ahora podemos agregar contenido dinámico. Se puede agregar el título a la página del blog, luego la descripción de la página, se puede agregar el autor del texto, todo encima de los artículos en la página del blog para que la página se vea mejor. Ajuste el espaciado y los márgenes entre el contenido dinámico y los artículos para que todo se vea bien visualmente, para que algo no se salga y se vea raro.
La siguiente plantilla que vamos a crear es una plantilla de artículo, yendo al panel nuevamente en plantillas y eligiendo crear nuevo y eligiendo Publicación única y llamémoslo Blog.
Elegimos la plantilla de artículo que queremos de la biblioteca y luego la adaptamos a nuestras necesidades.
En la foto de arriba se muestra la plantilla de artículo básico que elegimos para darle más estilo. Se puede diseñar el texto, las alineaciones, los encabezados, el color y el tamaño de la fuente y luego mostrar metadatos como el autor, la fecha y la hora, los comentarios y cómo se verá, p. con o sin iconos y similares. Dentro del propio artículo del blog, podemos personalizar Extracto de la publicación - que representa el texto abreviado que aparecerá en la página del blog con una imagen separada, luego Foto principal - cómo se verá la imagen seleccionada en la página del blog y en el artículo mismo, luego Publicar Contenido - contenido del artículo y cambio del color y tamaño de la fuente, luego Cuadro de autor - información sobre el autor, si habrá nombre y apellido, foto, biografía, enlaces a otros textos, etc., puedes modificar todo eso cuando hagas clic en esa sección. Hay más secciones Mensaje de navegación - dentro de él, ajustamos cómo se verán los enlaces del artículo anterior y siguiente, así como la sección Publicar comentarios - comentarios sobre el artículo, establecemos hasta qué punto se separarán del artículo, el fondo y similares. Después de todo esto, es necesario configurar las condiciones de visualización y publicar la plantilla del blog en el botón Publicar.
Fuente: YouTube
