Atrévanse con TypePad (III). Cambiar el código.
En este post aprenderemos a editar directamente los códigos HTML y CSS de cualquier plantilla de las existentes. Eso nos permitirá personalizar totalmente a nuestro gusto el aspecto del blog.
En TypePad Pro las plantillas se agrupan en conjuntos de plantillas y existen dos tipos de éstos: aquellos que denominaremos Conjunto de plantillas TypePad y que se han creado mediante el Constructor de plantillas y los conjuntos de plantilla avanzados, que son aquellos que se pueden personalizar mediante la edición directa del código.
¿Cómo puedo crear y modificar una plantilla TypePad?
Para crear un conjunto de plantilla TypaPad, acudiremos a la página ‘elegir un estilo’ dentro de la pestaña ‘estilo’ de nuestro blog.
[pinchar en las imágenes para agrandarlas]
Existen dos formas de crear un nuevo conjunto de plantillas: comenzando desde cero, eligiendo la opción ‘Nuevo estilo’ o construyendo uno basado en uno de los conjuntos de plantillas existentes, con la opción ‘Basado en:’. Con el botón ‘Comenzar construcción’ pasamos a la serie de pantallas donde se nos guía para diseñar el aspecto de nuestro weblog. Las 5 páginas siguientes son las mismas que se describieron en el post anterior de ‘Atrévanse con TypePad’.
En la última página rellenaremos el nombre del nuevo conjunto de plantillas y una descripción de la misma.
Finalmente, oprimiremos el botón ‘Guardar y publicar este conjunto de plantillas’ para que los cambios tengan efecto.
¿Cómo puedo crear y editar el código de una plantilla avanzada?
En la opción ‘Editar conjunto plantillas’ de la pestaña Estilo podemos encontrar el editor de los conjuntos de plantillas existentes. En esta página se hayan todos los conjuntos de plantillas Typepad que se han creado mediante el método visto en el apartado anterior. Se puede modificar cualquiera de ellos pinchando en el nombre o cambiar cualquiera de las cinco secciones particulares de una plantilla, pinchando en el nombre de la sección bajo el título ‘Editar’.
Para crear una plantilla avanzada lo hacemos clonando conjuntos existentes realizados con el Constructor de plantillas de TypePad.En primer lugar seleccionaremos un conjunto de plantillas de los existentes bajo el título ‘Editar’ del apartado ‘Sus conjuntos de plantillas TypePad’ pinchando una de las cajas de la columna ‘Convertir’.
Tras una ventana pop-up de confirmación de la conversión del conjuntos de plantillas a conjuntos de plantillas avanzadas, la copia se convertirá en un conjunto de plantillas avanzado, apareciendo en el apartado de ‘Sus conjuntos de plantilla avanzados’.
Ahora, pinchando en el nombre del nuevo conjunto de plantillas avanzado o en el enlace ‘Editar’ de la columna ‘Editar’, iremos a la página donde se podrá modificar el código HTML y CSS de los ficheros. En ella se listan todas las plantillas utilizadas para construir el estilo y diseño del blog, pudiendo editar cualquiera de las plantillas de esta página. Así mismo se pueden crear nuevas plantillas índice o borrar plantillas índice existentes.
Las plantillas indice son páginas clave de navegación para nuestro weblog, incluyendo la página principal, la lista de todas las páginas de archivo, ficheros de sindicación y cualquier formatos personalizados que se haya creado.
Las plantillas archivo son las que permiten mostrar las entradas más antiguas del weblog en varios formatos, agrupándolas por fecha, categoría o grupos personalizados.
Cualquiera de estos ficheros puede ser editado, para modificarlo, símplemente pinchando en el enlace con su nombre. Por ejemplo, si elegimos ‘Stylesheet’ accederemos al contenido del fichero styles.css para modificarlo. Ahí encontraremos el código CSS de la hoja de estilo. Igualmente, podemos modificar el código HTML de la página index, eligiendo ‘Main index template’.
Para que los cambios surtan efecto, se pinchará el botón ‘PUBLICAR’ situado bajo el formulario de texto correspondiente al Cuerpo de la plantilla.
Realmente con TypePad Pro tenemos todos los grados de libertad posibles para personalizar el blog a nuestro total antojo.
También puedes leer:
