19.1.13

Cambiar de lugar la sidebar en plantillas del Diseñador


Los blogs diseñados con las plantillas del Diseñador tienen la sidebar en el lado derecho. A continuación veremos cómo pasarla para el lado izquierdo.

Vamos a Editar HTML:

Diseño Plantilla Editar HTML Click dentro del editor Ctrl+f

Localizamos uno de los siguientes códigos poniendo, dentro del rectángulo de búsqueda (search), una línea del mismo:



    <b:template-skin>
      <b:variable default='960px' name='content.width' type='length' value='960px'/>
      <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
      <b:variable default='310px' name='main.column.right.width' type='length' value='310px'/>




    <b:template-skin>
      <b:variable default='960px' name='content.width' type='length'/>
      <b:variable default='0' name='main.column.left.width' type='length'/>
      <b:variable default='310px' name='main.column.right.width' type='length'/>


Si encontramos el primer código lo cambiamos por éste:

    <b:template-skin>
      <b:variable default='960px' name='content.width' type='length' value='960px'/>
      <b:variable default='310px' name='main.column.left.width' type='length' value='310px'/>
      <b:variable default='0' name='main.column.right.width' type='length' value='0px'/>

Si encontramos el segundo código lo cambiamos por éste:

    <b:template-skin>
      <b:variable default='960px' name='content.width' type='length'/>
      <b:variable default='310px' name='main.column.left.width' type='length'/>
      <b:variable default='0' name='main.column.right.width' type='length'/>

Los resaltados en rojo y amarillo son las propiedades del código original que hemos modificado, y sus modificaciones, respectivamente.

Guardamos plantilla y buscamos uno de los siguientes pares de códigos:



        <div class='column-left-outer'>
        <div class='column-left-inner'>
          <aside>
          <macro:include id='main-column-left-sections' name='sections'>
            <macro:param default='0' name='num' value='0'/>
            <macro:param default='sidebar-left' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

        <div class='column-right-outer'>
        <div class='column-right-inner'>
          <aside>
          <macro:include id='main-column-right-sections' name='sections'>
            <macro:param default='2' name='num' value='1'/>
            <macro:param default='sidebar-right' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>




        <div class='column-left-outer'>
        <div class='column-left-inner'>
          <aside>
          <macro:include id='main-column-left-sections' name='sections'>
            <macro:param default='0' name='num'/>
            <macro:param default='sidebar-left' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

        <div class='column-right-outer'>
        <div class='column-right-inner'>
          <aside>
          <macro:include id='main-column-right-sections' name='sections'>
            <macro:param default='2' name='num'/>
            <macro:param default='sidebar-right' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>


Si encontramos el primer par cambiamos:

            <macro:param default='0' name='num' value='0'/>

...por:

            <macro:param default='2' name='num' value='1'/>

...y viceversa.

Si encontramos el segundo par cambiamos:

            <macro:param default='0' name='num'/>

...por:

            <macro:param default='2' name='num'/>

...y viceversa

Guardamos plantilla, vamos a:

Página principal ► Diseño ► Plantilla ► Personalizar ► Diseñador ► Ajustar ancho

...y podremos observar que la sidebar que antes estaba en el lado derecho:

Sidebar derecha en el diseñador

..ahora está en el lado izquierdo:

Sidebar izquierda en el diseñador

2 comentarios :

▼▲ Ocultar / Mostrar comentarios
Comentario escrito por Neytor : #

Gracias, siempre tuve la duda de como hacer que se pasara a la izquierda, buen post saludos :)

Comentario escrito por Pedro Pablo Pachón : #

Neytor: Gracias por su visita.

Saludos.

Este blog ya cumplió su ciclo, por esta razón, aunque sigue a disposición de los usuarios, no se harán más publicaciones ni se atenderán más consultas. La respuesta a su inquietud puede estar entre los comentarios hechos hasta aquí.

El autor.