Cómo convertir un diseño HTML a un tema Habari

Habari es un sistema de gestión de contenido que funciona como un blog mucho de la misma manera que WordPress hace. Un tema Habari es simplemente un diseño con guión que indica a los navegadores lo que la página web debe verse así. Si bien se puede formar y de la escritura muchos sitios con HTML, hay varios otros lenguajes de programación que se pueden utilizar en Habari incluyendo XML, PHP y CSS. Debido Habari utiliza las otras lenguas, para utilizar un diseño HTML en Habari implicará la conversión de una parte del código en estos formatos.

Instrucciones

1 Crear un nuevo directorio en el servidor de archivos llamado "usuario / tema / yourthemename". Asegúrese de reemplazar "yourthemename" con el nombre real del diseño HTML que desea convertirse en un tema Habari. Si usted todavía no desea utilizar el servidor de archivos, puede crear este mismo directorio en su computadora y luego subirlo al servidor cuando sea necesario.

2 Crear un nuevo archivo .xml en este directorio y etiquetarlo yourthemename.xml.

3 Escribe el siguiente código en el archivo XML:

"<? Xml version =" 1.0 "encoding =" UTF-8 "?>

<Tipo enchufable = "tema">

<name></name>

& Lt; URL licencia = ""> & lt; / licencia>

& Lt; autor URL = ""> & lt; / autor>

& Lt; URL> & lt; / URL>

& Lt; versión> 1.0 & lt; / versión>

& Lt; template_engine> rawphpengine & lt; / template_engine>

& Lt; Descripción> & lt; / description>

</ Conectable> "

Tendrá que conectar la información pertinente a su tema de entre los diversos "<> </>" etiquetas, así como las direcciones URL correctas en entre las marcas apóstrofe cuando sea necesario. Debe incluir el nombre de su tema, la licencia para el servidor de archivos, su propio nombre o el nombre del autor, la dirección URL del diseño HTML, y se hará una breve descripción del tema. Tenga en cuenta también que la dirección del autor y la dirección URL en las etiquetas debajo del espacio de autor deben ser las mismas y deben hacer referencia tanto al diseño HTML. Sin embargo, debe incluir el nombre del autor entre las etiquetas <autor> </ author> etiquetas.

4 Guarda el archivo. Si está utilizando el servidor de archivos para Habari, ahora verá su tema disponible para su uso; sin embargo, no será completamente funcional aún.

5 Crear un nuevo archivo .php en su directorio y lo llaman "home.php" y copiar el guión de su diseño HTML en este archivo.

6 Guarda el archivo. Los fundamentos de su diseño HTML estarán disponibles bajo el nombre del tema ahora. Pero hay varios enlaces rotos relacionados con CSS que se necesita para arreglar con el fin de tener un tema completamente funcional Habari.

7 Cree otro archivo .php la etiqueta "theme.php" y copia el código siguiente en el archivo:

"<? Php nombre de la clase extiende Tema {action_template_header función pública ($ tema) {Pila :: add ( 'template_stylesheet', array (Sitio :: GET_URL ( 'tema', '/style.css'),'screen,projection' ), "sitio");}}?> "

Debe cambiar la palabra "nombre" que viene después de clase para el nombre real de su diseño HTML que utilizó en el archivo XML.

8 Guarde este archivo y vuelva a abrir el archivo home.php.

9 Coloque esta cadena cerca de la cabecera "de cabecera () <? Php $ theme-?>;?>" Para declarar la hoja de estilo que acaba de crear. Ahora ha convertido con éxito su diseño HTML a un tema completamente funcional Habari, y está disponible para su uso en la carpeta Temas.

10 Crear