🖐️ WordPress #33: tema zerif completo todos los trucos ocultos – tutorial español

En este tutorial de syspa social veremos como instalar y configurar el tema zerif de wordpress, incluyendo todos los trucos ocultos que te harán un experto.

Realmente creo que no he encontrado en todo youtube un totorial tan detallado como este que les llevara a convertirse en expertos sobre este gran tema de wordpress.

El tutorial contiene muchísimos trucos ocultos que no son parte de la interfaz de configuración, así que no podes perderte este gran tutorial de syspa social que te llevara a conocer todos los trucos del tema zerif de wordpress.

Principales puntos de este tutorial – registro o login de usuarios por medio de redes sociales.

  • Instalamos el tema zerif
  • Configuramos paso a paso el tema
  • vemos muchisimos trucos ocultos del tema
  • vemos el resultado final con todo lo realizado.

Códigos Relacionados

En el vídeo podes ver en que lugar y como aplicar cada uno de estos códigos.

Tags o zonas dentro de Zerif

Our Focus – #focus
About Us – #aboutus
Our Team – #team
Testimonials – #testimonials
Bottom Ribbon – #ribbon_bottom
Right Ribbon – #ribbon_right
Contact – #contact
Subscribe – #subscribe
Latest News – #latestnews

/* Altura del banner principal (titulo grande) */
.header-content-wrap {
padding: 385px 0 310px;
}

/* Mas botones de inicio*/
function zerif_third_button() {
echo ‘<a href=”#focus” class=”btn btn-primary custom-button”>Boton 2</a>’;
}
add_action( ‘zerif_big_title_buttons_bottom’, ‘zerif_third_button’);

/* Cambiar opacidad del fondo banner principal */
.header, .header-content-wrap, .contact-us {
background: rgba(0, 0, 0, 0.0);
}

<!– Cambiar habilidades por una imagen –>
<li class=”skill”>
<img src=”https://www.syspasocial.com/wp-content/uploads/2020/06/SYSPA-SOCIAL-Banner-Facebook-opt.png” alt=”descripciondelaimagen” />
</li>

/* tamaño del área de clientes */
.client-list div img {
max-width: 200px !important;
}

/* cantidad de temas por fila en nuestro enfoque */
@media (min-width: 1200px) {
.col-lg-3.col-sm-3.focus-box {
width: 30% !important;
}
}

/* cambiar el tañaño de los iconos de redes sociales */
.social li a {
font-size: 24px;
}

/* youtube */
    echo ‘<li><a target=”_blank” href=”#”><i class=”fa fa-youtube”></i></a></li>’;

/* Eliminar copy */
.zerif-copyright-box {
display: none;
}

Aun no termina!, aquí hay mas códigos !!!

/* Espacios entre secciones */
/* Sección Nuestro enfoque */
.focus {
    padding-bottom: 5px; padding-top: 20px;
}
/* Sección Quiénes somos */
.about-us {
    padding-bottom: 5px; padding-top: 10px;
}
/* Sección con botón inferior */
.separator-one {
    padding-bottom: 5px; padding-top: 10px;
}
/* Sección con botón derecho */
.purchase-now {
    padding-bottom: 5px; padding-top: 10px;
}
/* Sección Contáctenos */
.contact-us {
    padding-bottom: 5px; padding-top: 10px;
}
/* Sección Nuestro Equipos */
.our-team {
    padding-bottom: 10px; padding-top: 5px;
}
/* Regula el tamaño de la imagen del articulo */
.post-img-wrap a img {
    width: 300px;
    height: auto;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3 ease-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
/* entrada en formato grilla */
@media (min-width: 640px) {
.blog article.hentry,
.archive article.hentry {
    width: 31.33%;
}
.nav-links,
.blog article.hentry:nth-child(3n+1),
.archive article.hentry:nth-child(3n+2) {
    clear: both;
}
.archive .hentry,
.blog .hentry {
    margin: 0 1% 1.5em 1%;
    border-bottom: none;
}
.post-img-wrap a img {
    width: 100%;
}
.post-img-wrap {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
    display: block;
}
}
 
@media (max-width: 480px) {
.post-img-wrap a img {
    width: initial;
}
}

Vídeos Relacionados.

Ordenar post o entradas.

Duplicar paginas o entradas

Como enviar correos desde wordpress.

Comprimir imágenes y optimizarlas.

Si te gusto este vídeo, te recomendamos ver COMO CREAR TU DOMINIO, HOSTING, PAGINA Y CERTIFICADO SSL / HTTPS, TOTALMENTE GRATIS!.

Por otra parte, no te podes perder esta introducción a wordpress que te muestra como crear COMPLETAMENTE tu primer pagina web!


Desde ya agradezco a quienes deseen apoyarme:

DONA para apoyar al crecimiento de la comunidad.

SUSCRIBIRSE al canal de youtube.

SITIOS RELACIONADOS AL VÍDEO :

google developer console

facebook developer console

twitter developer console