Creación de Themes para php-nuke

Creando Themes para PHP-Nuke

Antes de empezar

Bien antes de empezar decir que sin conocimientos minimos de
HTML es mejor no seguir leyendo. Los conocimientos PHP necessarios no son muy
complicados y se pueden aprender rapidamente ( se daran más adelante ).
Classificación de Themes
Dicho lo dicho vamos ahora a classificar un poco los themes PHP-Nuke. En este manual vamos a diferenciar los themes en 2 classes.
1.- Los themes basados en el formato NukeNews
2.- Los themes generales en PHP.

Porque esta classificación?
Pues bien los themes en formato NukeNews van separados parte por parte con ficheros especificos para cada zona. Los themes generales son aquellos que solamente llevan un theme.php con alguna carpeta de images y styles.
Partes de un Theme
Theme General PHP-Nuke
Estos themes tienen toda la información, funciones php, y diseño incluido dentro del theme.php. Tendremos que editar este fichero para ir modificando y obtener el resultado deseado. Para ello lo abriremos con un editor de código como Bloc de Notas y modificaremos a nuestro gusto.

Theme en formato NukeNews
Por otra parte si abrimos la carpeta themes/NukeNews/ veremos los siguientes archivos:

1.- header.html ( Fichero que contiene el diseño de la cabezera )
2.- blocks.html ( Fichero que contiene el diseño de los bloques )
3.- footer.html ( Fichero que contiene el diseño del pie de pagina )
4.- left_center.html ( Fichero que contiene el formato de la parte central-izquierda)
5.- center_right.html ( Fichero que contiene el formato de la parte central-derecha )
6.- story_home.html ( Fichero que contiene el diseño de las noticias en la página principal )
7.- story_page.html ( Fichero que contiene el diseño de las noticias al darle a Leer más... )
8.- theme.php ( Fichero que contiene todas las funciones PHP usadas por el theme )
9.- tables.php ( Fichero que contiene el formato de las tablas generales de un PHP-Nuke )

Tendremos que ir editando fichero a fichero para ir modificando cada zona de nuestro theme PHP-Nuke.

Programas de Edición
Como opción general la solución es usar Bloc de Notas este nunca dará problemas.

Como editar themes generales PHP?
No hay más solución que editar el codigo PHP con Bloc de Notas o cualquier editor que tengamos a mano. En este caso no hay otra solución posible. El fichero theme.php contiene una série de funciones PHP que incluien funciones y diseño. ( Las funciones estan explicadas más adelante. )

Como editar themes del formato NukeNews?
Podemos editar cada parte del theme con el Bloc de Notas sin problemas. A diferencia de los themes generales ahora podremos editar cada parte de diseño del theme con un editor visual. Para todos aquellos que estamos acostumbrados a diseñar nuestras webs con editores visuales como por ejemplo Dreamweaver tendremos que tener en cuenta el siguiente punto.

• Si abrimos la parte de un theme en formato NukeNews con un editor visual como Macromedia Dreamweaver 4 lo más probable es que se estropee el theme.
La razón es que los editores visuales cierran las tablas automaticamente, añadiendo codigo fuente que nos hace que las tablas no funcionen correctamente o se modifiquen inadecuadamente. Al completar este código el resultado no es el deseado.
Y muchos se preguntaran.. y como lo hacemos pues? A pelo editando código fuente?
Pues bien la respuesta es NO. No necesariamente. Actualemente hay editores visuales que no cierran las tablas. De entre el que destacamos Macromedia Dreamweaver MX. ( hay más editores válidos ). Podremos por lo tanto usar estos editores que no modifican el código para modificar el diseño de nuestro theme.

El procedimiento sera ir modificando cada parte del theme a nuestro gusto.

Ejemplo de Creación de un Theme en formato NukeNews ( Para Principiantes )
Vamos ahora a crear nuestro propio theme paso a paso. Nos basaremos con el formato NukeNews de tal forma que podamos editar visualemente el diseño.

1.- Hacemos una copia del theme NukeNews incluido en themes/ y renombraremos la carpeta copia del NukeNews como ThemePrueba.
2.- Editaremos el código fuente de todos y cada uno de los ficheros Reemplazando NukeNews por ThemePrueba. El procedimiento es ir abriendo uno a uno cada fichero con el bloc de Notas o similares e ir reemplazando todo lo que diga NukeNews por ThemePrueba. Con la finalidad de corregir todos los enlaces.
3.- A continuación aplicaremos el Theme desde admin.php > Preferencias > Tema del Sitio.
4.- Ahora estaremos usando el ThemePrueba como diseño de la web y el diseño sera evidentemente igual que el NukeNews.
5.- Desde aqui empieza ya el trabajo, imaginación y diseño de cada uno.
6.- Para empezar a tocar el diseño empezaremos con algo senzillo como quitar, modificar o justicar alguna parte.
Por ejemplo: Abrimos el header.html con Dreamweaver MX o similares y cambiamos la posición de logo. A continuación guardamos y actualizamos (F5) el navegador donde estamos visualizando la web con el theme ThemePrueba. Este es la manera de ir modificando.

Si por alguno de los casos vemos que se ha estropeado el theme. Vamos a themes/NukeNews/ cojemos el fichero que nos hayamos cargado y lo reemplazamos en themes/ThemePrueba/ ( Recordad volver a modificar los enlaces reemplazando NukeNews por ThemePrueba. )
Funciones PHP que tenemos en el theme.php
Esta parte es general para todo los themes PHP-Nuke. Puede que algunas funciones no esten definidas o que haya más funciones, eso ya depende de cada theme.
Por lo general las funciones más importantes són:

function themeheader ( Función para diseño y codigos usados en la cabezera )
function FormatStory ( Función para diseño y codigos usados para el formato de las noticias )
function themefooter ( Función para diseño y codigos usados en el pie de pagina )
function themeindex ( Función para diseño y codigos usados para el formato de noticias de la pagina principal )
function themearticle ( Función para diseño y codigos usados en noticias )
function themesidebox ( Función para diseño y codigos de los bloques )

Usuarios que han visto este tema también han visto...

- Añade nuevas funcionalidades a tu php-nuke con esta sencilla lección.
- Instalación de PHP-Nuke desde cero
- Tutorial de instalación del php-nuke, incluyendo el PHP, en un IIS.
- Mantén los datos de tu web a salvo con este artículo.
- Instalar PHP Nuke

- Versión imprimible de este documento
- Enviar por e-mail este documento