🖐️ Fijar el menú para quede siempre visible, wordpress 117, tutorial o curso español.

https://youtu.be/dQrmgTCyPwU?list=PLNCtZfDFuwLt_6_FZurA_ht_cG4ICprbe


En este tutorial de SYSPA SOCIAL aprenderemos como fijar el menú en la parte superior, para que quede siempre visible, aun cuando hagamos scroll en nuestra pagina web wordpress.

Cumpliendo con los pedidos, en particular de los miembros del canal, GRACIAS MIEMBROS POR SU APOYO, genero este tutorial donde veremos como muy fácilmente podemos fijar el menú y por lo tanto estar siempre visible, disponible para nuestros visitantes.

Si bien creo que es clara la ventaja que nos brinda esta funcionalidad, podemos remárcala diciendo que el menú siempre visible le dará a los visitantes una comodidad enorme para acceder a nuestras funcionalidades de manera rápida e intuitiva, evitando desplazamientos. Cualquier “llamado a la acción” que incorporemos en nuestro sitio, podría generar un impulso en nuestros visitantes y que mejor que tener a la mano todos los accesos por medio del menú.

Creo que nadie puede dudar que aprender esto será útil en algún momento de tu historia wordpress, adelante, no te lo pierdas!.

Principales puntos del tutorial fijar el menú para que quede siempre visible en tu pagina web wordpress.

  • Mostramos lo que queremos evitar.
  • Generamos los pasos necesarios para fijar el menú.
  • Probamos lo realizado.
  • Fijamos el menú de una segunda manera.
  • Probamos lo realizado.

CODIGO UTILIZADO

Código CSS para fijar el menú.

/*Make Header Sticky*/

.main-header-bar {
    position: fixed;
    top: 0;
    width: 100%;
}

/*Adjust Content Padding*/
.site-content {
    padding-top: 75px;
}

/*Adjust Content Padding for Mobile*/
@media (max-width: 800px) {
    .site-content {
        padding top: 175px;
    }
}

/*Adjust Content Padding for Mobile*/
@media (max-width: 650 px) {
    .site-content {
        padding-top: 200 px;
    }
}

/*Make Header Semi Transparent*/
.main-header-bar {
    background: rgba (340,0,0, .5);
}

Código para generar CSS en CODE SNIPPETS

add_action( 'wp_head', function () { ?>
<style>

 /* escribe aquí tu código CSS */

</style>
<?php } );

Videos Relacionados con fijar el menú para que quede siempre visible en tu pagina web wordpress.

🖐️ Como poner SHORTCODE y SNIPPETS en el menú, wordpress 65, curso español

Veremos como poner shortcodes y snippets en el menú. De esta forma podrás hacer muchísimas funcionalidades como por ejemplo por el nombre del usuario loguado, cantidad de post, cantidad de visitantes y mucho mas, dentro de tu sitio web wordpress.

https://youtu.be/kN-aCzPHmXI?list=PLNCtZfDFuwLt_6_FZurA_ht_cG4ICprbe

🖐️ Mostrar en menú el nombre usuario que hizo login o registro. WordPress 66, tutorial en español

Aprenderemos como poner el nombre del usuario que hizo login o registro en nuestra pagina web wordpress.

https://youtu.be/zl8cHzZkqbY?list=PLNCtZfDFuwLt_6_FZurA_ht_cG4ICprbe

🖐️ Como crear botones en el menú de wordpress y en cualquier parte. wordpress 76 – tutorial español

Aprenderemos como crear botones totalmente configurables y ponerlos en el menú de wordpress, además de que podremos utilizarlos en cualquier otra parte de nuestra pagina web wordpress.

https://youtu.be/4BKEKJi-oGE?list=PLNCtZfDFuwLt_6_FZurA_ht_cG4ICprbe

🖐️ Botón o lupa para buscar en el menú, wordpress 114, tutorial español

Aprenderemos como insertar un botón o lupa para buscar información dentro de tu pagina web wordpress.

🖐️ WordPress #35: mejor hosting, analizamos completo, SLL y DOMINIO GRATIS- tutorial español

Analizamos paso a paso, todos los detalles del hosting sered, que nos brindara un 10% de descuento, ssl y domninio gratis.

Descargas

NO SE REQUIEREN.


Desde ya agradezco a quienes deseen apoyarme:

DONA para apoyar al crecimiento de la comunidad.

SUSCRIBIRSE al canal de youtube.