Estructura de plantillas y códigos HTML
Voy a dedicar esta estrada a tratar de centrar
ideas y poner aquí unos cuantos conceptos básicos sobre las
plantillas de los blogs (en particular de los de Blogger), porque va
a servir para (quizás...) entender mejor las cosas cuando hablemos
de editar el HTML (HyperText Markup Language, o lenguaje de marcas de
hipertexto) del blog para añadir algún código, o script, para
incorporar algún gadget guapo..
Por supuesto, yo no
entiendo nada de este lenguaje, así que no son más que unos
'fundamentos' que he tenido que 'digerir' para comprender mejor
algunas cosas. Y por supuesto pido perdón al lector, experto en
HTML, que pueda leer esto, si introduzco alguna 'burrada conceptual'.
Así que empecemos por
el principio:
Una página del blog
consta de muchos 'elementos', pero básicamente su estructura consta
de un header (cabecera) con el título, descripción y quizás alguna
cosita más, un contenedor (wrapper) con el cuerpo principal donde
colocamos el título y texto de la 'entrada', una (o más) sidebar
(barra, o columna lateral), otro contenedor, en las que suelen ir algunos 'gadgets' y
un footer (pie de página), con créditos y otra información.
Incluso abajo (donde el footer) podemos haber incorporado algún
gadget más.
O sea, simplificando,
algo como esto:
Por ejemplo, todo el
código HTML que se refiera al contenedor de la cabecera estará
incluido entre una línea que dirá <head> y otra línea, más
adelante, que dirá </head>
(Esto, de forma muy
simplista. La verdad es que lo que hay dentro de esas líneas es (al
menos para mi)... como si fuese chino. Y además es larguísimo,
crear un completo código HTML para estructurar un blog no es,
precisamente, para 'aficionados')
Por eso si vas a
Plantilla-Editar HTML te vas a encontrar con cosas como esta:
¡Y el código de una plantilla 'normalita' tiene más de 2000
lineas...!
Para buscar una línea
determinada, lo más cómodo es teclear CTRL+F y escribir esa línea
en el cuadro de búsqueda que te aparece. Pero acuérdate de que antes hay que
'expandir' las líneas que tienen un triángulo '‣'.
También puedes
facilitar la búsqueda si pinchas en 'Ir al widget' (por cierto, a
veces leerás lo de 'widget'. No es más que un apócope de 'windows
gadget', o sea, a los efectos, un gadget). Bien, pues ahí verás los widgets
típicos que se incorporan a la plantilla, así que pinchando en uno de ellos te
aparecen, directamente, las líneas del código donde 'se habla de
ellos'.
Introducir líneas
adicionales de código (sabiendo crear, o teniendo, ese código,
claro), o scripts de Java, es muy fácil... si sabes dónde tienes
que meterlo. En los trucos y perfeccionamientos que procuraré ir
incluyendo en el Blog, o leas, se deberá indicar siempre dónde hay que incorporarlos
('antes (o después) de la línea que dice...)'.
Finalmente, una de las cosas que deberías fijarte (u oirás hablar) es en la 'ID' o nombre (Identificador) de los widgets. Los Id vienen en el código.
(en la imagen, el contenedor se identifica como 'sidebar-right-1')
Porque, si añades (con copiar y pegar) otro, debes comprobar que no tenga un ID ya existente, y se repita.
Finalmente, una de las cosas que deberías fijarte (u oirás hablar) es en la 'ID' o nombre (Identificador) de los widgets. Los Id vienen en el código.
(en la imagen, el contenedor se identifica como 'sidebar-right-1')
Porque, si añades (con copiar y pegar) otro, debes comprobar que no tenga un ID ya existente, y se repita.
Así que espero que con estas ideas básicas puedan entender mejor cómo y porqué se hace... y no te suene, como a mi al principio, a chino.
(Porque, por supuesto,
San Google es una gran fuente de información para ir viendo pequeñas
cosas (gadgets, scripts...), que te apetezca añadir)
Etiquetas: Perfeccionamientos y Trucos
entrada de Julio Bengoa ('aka' doc) @ 1/27/2014 06:55:00 p. m.
0 comentarios
0 comentarios:
Publicar un comentario
Nota: solo los miembros de este blog pueden publicar comentarios.
Suscribirse a Enviar comentarios [Atom]
<< Inicio