edizzz
Gamma
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Bueno hace poco instale el tema wordpress en mi localhost para adaptarlo a mi web, pero no me gustó mucho la barra lateral del lado izquierdo, no me acuerdo en donde leí que la mayoría de los visitantes leen de izquierda a derecha y que un sidebar a la izquierda hace que al visitante le llame más la atención el propio sidebar más que el contenido de la web, y de ahí intento usar siempre sidebar en el lado derecho. Bueno intenté hacerlo con mi conocimiento básico de css y de ninguna manera conseguí hacerlo, después de buscar bastante encontré este link https://www.tipsandtricks-hq.com/wordpress-twenty-fifteen-2015-child-theme-with-right-sidebar-7732 que si lo hace, pero ahí no tiene algo que me gusta bastante de éste tema, que es el scroll en el sidebar.
Después de mucho navegar me tope con éste link que si lo consigue (http://www.findurlaptop.com/tech/2015/01/08/right-sidebar-in-twenty-fifteen/
Y lo traigo aquí para ustedes porque no encontré ninguna página en español que lo tenga.
Paso uno crear un child template (Tema hijo)
es:Temas hijos « WordPress Codex
Paso dos en el style.css de tu tema hijo pegar este código css
Espero les sirva.
Después de mucho navegar me tope con éste link que si lo consigue (http://www.findurlaptop.com/tech/2015/01/08/right-sidebar-in-twenty-fifteen/
Y lo traigo aquí para ustedes porque no encontré ninguna página en español que lo tenga.
Paso uno crear un child template (Tema hijo)
es:Temas hijos « WordPress Codex
Paso dos en el style.css de tu tema hijo pegar este código css
Insertar CODE, HTML o PHP:
@media screen and (min-width: 59.6875em) {
body:before {
background-color: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
content: "";
display: block;
height: 100%;
min-height: 100%;
position: fixed;
top: 0;
right: 0;
Left:auto;
width: 29.4118%;
z-index: 0; /* Fixes flashing bug with scrolling on Safari */
}
.sidebar {
float: right;
right:0px;
max-width: 413px;
margin-right:auto;
position: relative;
width: 29.4118%;
}
.site-content {
display: block;
float:left;
margin-left:auto;
width: 70.5882%;
}
.site-footer {
float: left;
margin: 0 0 0 6%;
padding: 0;
width: 58.8235%;
}
}Espero les sirva.
