El rinconcito de nk.

A darle que es mole de olla.

de como se aterriza los temas css en textpattern.

Es un huevo de pascua, dentro de otro huevo de pascua, WWIIIIIiiiiiii.
(Lol, perdón por el chiste interno del IB.)

Textpatern es una opción de CMS (un blog para que se comprenda), entre las ventajas más destacables esta su script ligero de rápida ejecución, estabilidad, pocos recursos, simpleza de instalación, manejo, publicación, que lo hacen un candidato fuerte ante opciones más comerciales como wordpress, jomla, etc. Pero no todo es miel sobre hojuelas, mientras en las opciones más populares basta con descomprimir un archivo en x directorio o subir un plugin a la plataforma para tener un tema que le de vida a nuestro blog, en el caso de textpattern implica un poco de trabajo, para nuestra buena suerte no es demasiado laborioso si tenemos conocimientos básicos de html y css, pero si un poco confuso cuando lo abordamos por primera vez.

Primer paso, consigamos un tema:

Podemos recurrir a la página oficial de textpattern:
http://textpattern.org/templates
Como puede ver existen temas para el administrador o el lector.
Otra opción muy recomendable:
http://txpthemes.com/
en este caso, el tema es armado con las librerías bootstrap.

Existe la posibilidad de comprar un tema u otras opciones como construirlo desde cero, para este ejemplo opte por el tema blog de txpthemes.

Segundo paso exploremos un poco nuestro panel de control:

El primer vistazo a nuestro panel de control, como el lector puede observar es un diseño austero sin muchas complicaciones, el apartado que nos interesa es presentación.

Secciones:

La simpleza con que maneja la creación de secciones es pasmosa, basta con marcar la casilla y escoger una opción en la parte inferior o pulsar en la sección para poder modificar a nuestro gusto, pero el real poder de textpattern es la opción de escoger el estilo de página y tema, lo cual permite un alto grado de personalización para remarcar un tema en particular, visto desde el punto de múltiples escritores les permite diferenciarse con claridad unos de otros si tomamos en cuenta que textpattern no tiene limitaciones con el número de escritores.

Paginas:

Esta sección es de suma importancia ya que es la que nos permitirá crear el acomodo de nuestra página web heads, footers, llamar nuestro css y js, etc. Recordemos que textpattern es un index.php el cual filtra lo que se tiene que ver en nuestro navegador. Para esto textpattern se apoya en una serie de tags que se pueden complementar con html, java y php si es necesario, pero no se asuste amable lector, si entra a https://docs.textpattern.io/tags/ vera que igual que el resto de textpattern la simpleza de manejo está presente.

Bloques:

Este es un apartado interesante, supongamos que tenemos un periódico con varios escritores y cada uno tiene sus temas, diferentes funciones, diferente acomodo para sus respectivas secciones, pero nos interesa que todas tengan un contenedor con una función en común, para eso sirven los bloques que nos permiten crear nuestros propios tags que pueden incluir los escritores dentro de su estilo.

Estilos:

Para los interesados de manera muy general sobre el diseño gráfico web como su servidor, sabemos que una hoja css es la encargada de controlar la manera en que vemos los formularios, letras., líneas y decorado en general de una página, dicho de otra manera usted está trabajando con una hoja css.

Tercer paso juguemos un poco:

Lo verdaderamente divertido de textpattern es que puedes ver los cambios de manera inmediata, solo cambiando una pequeña línea, mi primera víctima en este experimento fue el tema por defecto incluido.

Como puede ver el lector estoy muy lejos de ser un diseñador web, pero es interesante lo que se puede lograr agregando unas cuantas líneas y cambiando unos cuantos valores aquí y allá, este jugueteo con el código de la página me ayudo a tener una idea aproximada de donde buscar las partes principales de una página html es lógico que el siguiente paso sería usar algo más profesional para probar como se integraría con textpattern, en este caso como lo mencione escogí el tema blog de txpthemes.

Es un tema muy sencillo que no deja de ser algo elegante, para instalarlo solo basto con copiar y pegar el código, el cual puede encontrar en la área footer de la página del estilo que le guste en txpthems, recuerde paginas es nuestra estructura html, bloques son nuestros complementos que podemos agregar como tags y estilo es nuestro css, así que el primer paso para descomponer algo elegante es guiarse 100% por nuestros gustos particulares, lol, el tema css de blog es meramente una generalidad que solo modifica superficialmente piezas muy pequeñas de bootstrap que es el verdadero css, en este caso solo basto con modificar una línea en css para que me permitiera cambiar el color azul por defecto de bootstrap.

El siguiente paso fue identificar en la sección páginas las llaves contenedoras para forzar en estilos los nuevos colores.

Hoja estilo css:

.blog-masthead {
  background-color: #nuestro_color;  /* background-color: #428bca; */
  -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
          box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
}

O bien en sección páginas:

<div class="blog-masthead" style="background-color: #nuestro_color;"> 

Como puede ver el lector el proceso de personalización es extremadamente sencillo si conoce lo básico en html.

El tema blog es muy elemental, por lo tanto no trae más que lo necesario para un perfecto funcionamiento y es aquí donde entra la vanidad o ambición humana que nos permite exprimirle más jugo a textpattern, magnifico momento para jugar con los tags.

Textpattern tiene incluido en su sección paginas un constructor de etiquetas, que contiene las opciones más solicitadas para la construcción de nuestra página web, de hecho podríamos construir una página solo utilizando el constructor de etiquetas e incluyendo un css externo o interno, pero el plan es jugar con los tags, así es que el plan es construir una sección que nos permita ver los comentarios de un artículo y nos de nuestro formato para responder a este.

La recomendación de textpattern con el constructor de etiquetas era usar el tag <xtp:comments_resent>, efectivamente mostraba todos los comentarios resientes pero los colocaba en todas las páginas. Un poco decepcionante para alguien que le gusta que una conversación siga un tema, en un chapuzón rápido en la documentación resalta el tag <txp:coments />, cambiamos la línea para comprobar complacidos que solo la página que tiene respuestas las incluye pero no así las que no tienen comentarios de hecho nos marca un error en la búsqueda mysql, pero antes de decepcionarnos recordemos que tratamos de comprender el funcionamiento básico de textpattern, regresemos a la página informativa de nuestro tag en la parte inferior encontraremos ejemplos simples del uso del tag seleccionado, copio el ejemplo número 1 y lo pego en mi hoja

<txp:comments />
<txp:if_comments_allowed>
    <txp:comments_form />
<txp:else />
    <p>Comments are turned off for this article.</p>
</txp:if_comments_allowed>

el problema persiste pero descubro que en la hoja que tengo comentarios se agrega el formulario para comentar en un artículo, si nos detenemos a analizar un poco el código que hemos introducido descubriremos un tag con un if y else, lo cual nos indica como programadores que tenemos cierto control sobre algunas condiciones, usando un poco de lógica clásica si <txp:if_coment _allowed> es el principio de nuestra condición y <tpx:else /> nuestro bloque en caso de fallar nuestra condición, basta con bajar al bloque if nuestra función <tpx:coments /> para que se elimine en caso de que el artículo no tenga comentarios

<txp:if_comments_allowed>
    <txp:comments />
    <txp:comments_form />
<txp:else />
    <p>Comments are turned off for this article.</p>
</txp:if_comments_allowed>
para ir un poco más lejos encerramos en un contenedor <div> nuestro <tpx:coments /> y en otro contenedor nuestro <txp:comments_form /> y buala tenemos un método para ver nuestros comentarios en nuestra página y sin errores en donde no hay comentarios.
<txp:if_comments_allowed>
<div class="sidebar-module sidebar-module-inset">
 <hr size="2px" color="black" />
<txp:comments />
 <hr size="2px" color="black" />
</div>
<div class="sidebar-module sidebar-module-inset">
    <txp:comments_form />
</div>
<txp:else />
    <p>Los comentarios están desactivados para este artículo..</p>
</txp:if_comments_allowed>

lol, lo sé, es muy simple el funcionamiento de textpattern, pero hay muy poca documentación a este tema y sobretodo en español, por esta razón no me extraña que a pesar de ser una opción muy potente no sea tomada en cuenta por muchos blogers, me gustaría decir que en un futuro agregaría más información sobre este tema, pero mi curiosidad es caprichosa así que no puedo prometer nada ya que no sé adónde me conducirá mis siguientes pasos.

Autor
Categoria Esperanza para el futuro, Trabajo significativo