Es usual que saquemos partido de las posibilidades que nos dan los códigos condicionales de Blogger y ocultemos determinados elementos para que, por ejemplo, sólo se muestren en las páginas individuales pero, en determinadas condiciones, eso hace que al entrar en Diseño | Elementos de la página, el elemento condicionado no se vea y por lo tanto, editarlo se hace complicadísimo.
Ese es el problema que plantea Malina y debo confesar que siempre lo vi como irresoluble pero, aparentemente, tiene una solución que habría que probar y que se puede aplicar en las las plantillas normales.
Las plantillas originales suelen tener un sector dentro de <b:skin> </b:skin> que es algo muy extraño y que se identifica con:
Ese es el problema que plantea Malina y debo confesar que siempre lo vi como irresoluble pero, aparentemente, tiene una solución que habría que probar y que se puede aplicar en las las plantillas normales.
Las plantillas originales suelen tener un sector dentro de <b:skin> </b:skin> que es algo muy extraño y que se identifica con:
/** Page structure tweaks for layout editor wireframe */
Allí vemos reglas de estilo que son las que controlan la forma en que se verá la página de diseño donde podemos editar los elementos. En las plantilla Mínima sólo dice:
body#layout #header {margin-left: 0px; margin-right: 0px;}Son definiciones complicadas de optimizar y no hay métodos generales; todo debe hacerse a ojo y utilizando el viejo sistema de prueba y error.
Es con eso que podríamos resolver el problema de los elementos ocultos. Por ejemplo, si tuviéramos esta condición que oculta la sidebar y sólo la muestra en las páginas individuales:
Es con eso que podríamos resolver el problema de los elementos ocultos. Por ejemplo, si tuviéramos esta condición que oculta la sidebar y sólo la muestra en las páginas individuales:
<b:if cond='data:blog.pageType != "item"'>
<style>
#sidebar-wrapper {display:none;}
</style>
</b:if>
Podríamos hacerla visible en nuestra página de diseño, cambiando la condición de este modo:
<b:if cond='data:blog.pageType != "item"'>
<style>
#sidebar-wrapper {display:none;}
body#layout #sidebar-wrapper {display:block !important;}
</style>
</b:if>
Lo que hemos hecho es agregar una nueva regla de estilo que afectará sólo esa parte interna de Blogger; la forma en que se verá el blog no cambiará en absoluto. En términos generales, la sintaxis sería:
body#layout #id_elemento {display:block !important;}donde sólo deberemos cambiar el ID por el de la etiqueta que hayamos ocultado.
