También disponible en ((../Deutsch/Layouts Deutsch)), ((../English/Themes English)), ((../Français/Themes Française)), ((../Русский/Темы Русский)), ((../简体中文/主题 简体中文))
{{toc numerate=1}}
Customizing the Wacko interface.
===¿Qué son los temas?===
file:/ap_appearance_settings_es.png?right&500
WackoWiki le permite cambiar completamente la apariencia sin interferir con el código PHP principal - esto se hace con temas que se almacenan en el directorio de temas.
Los temas definen la apariencia de todas las páginas de su instalación y pueden ser instalados añadiendo (o modificando) la configuración.
La distribución viene con el tema default - que se puede ver en una instalación de WackoWiki.
Para pasar de un tema a otro, hay que hacer un cambio en la ((Configuración de la configuración)).
===Crear un tema propio===
Si quiere personalizar su instalación, lo mejor es crear un nuevo tema.
%%(info type="warning")
Incluso si tu tema es ligeramente diferente al default, **crea un nuevo tema copiándolo** - esto ayudará a evitar la pérdida accidental de tus cambios cuando actualices a las siguientes versiones de tu wiki.
%%
La mejor manera de crear un nuevo tema es copiando el antiguo en el nuevo directorio y modificando cuidadosamente los archivos copiados.
===Combinar los cambios en su nuevo tema después de una actualización===
Si has seguido el consejo y no has cambiado los temas existentes, sino que has creado uno nuevo copiando, no habrá grandes dificultades con la actualización. Después de actualizar los scripts, el WackoWiki funcionará con su tema individual como antes.
Otra cuestión, si quieres incluir mejoras de uno de los temas estándar en tu tema, necesitarás algún programa como WinMerge o Meld y algo de paciencia. Una vez que hayas comprobado los cambios en el tema estándar con WinMerge, inclúyelos en tu tema y ¡ya está!
===Contenido de los archivos temáticos===
%%(wacko wrapper="box" wrapper_align="left" wrapper_width=500)
**theme/**
* default/
* appearance/
* template/
* footer.tpl
* footerprint
* header.tpl
* headerprint.tpl
* headerwordprocessor.tpl
* footer.php
* footerprint.php
* footerwordprocessor.php
* header.php
* headerprint.php
* headerwordprocessor.php
* css/
* default.css
* wacko.css
* wordprocessor.css
* print.css
* icon/
* archive.svg
* attachment.svg
* audio.svg
* ...
* lang/
* wacko.all.php
* wacko.de.php
* wacko.en.php
* ...
* readme
%%
===Apariencia===
Dentro de las carpetas de temas, hay subcarpetas como
* **appearance/**: Contiene los archivos .php y los archivos .tpl con la estructura HTML, que se utilizarán para maquetar el contenido.
* **css/**: Contiene (qué sorpresa) la hoja de estilos CSS para la impresión y el diseño normal. Gran parte del trabajo para un nuevo diseño o tema se puede hacer aquí.
* **icon/**: Los iconos por defecto están bien, pero si cambias el CSS, quizás, quieras cambiar también los iconos. El logo de tu wiki no está aquí. Por defecto, está en ""/yourfolderhere/file/global/wikilogo.png"".
* **lang/**: En la carpeta hay algunos archivos de idioma de menor importancia.
====Configuración====
En el archivo de configuración del tema, también puede definir sus propias opciones de configuración y sobrescribir las existentes.
##lang/wacko.all.php##
%%(php)
<?php
// theme options =========
$this->db->revisions_hide_cancel = 1;
$this->db->site_desc = 'My Theme for WackoWiki';
$this->db->footer_inside = 0;
// ============================
$theme_translation = [
'EditIcon' => '...',
'' => '',
];
%%
===Template Engine===
* ((/Dev/Projects/Templatest/Usage Usage of Template Engine))
* ((/Dev/Projects/Templatest/Filters Pulls, Escaper and Filters))
* ((/Doc/English/ThemeGuide Theme guide with example templates))
===Layout===
Lo difícil no es escribir el código HTML y CSS, sino averiguar, conceptualmente (en un papel), el comportamiento de todas las casillas necesarias para crear un determinado diseño.
WackoThemes could be found here:
* ((/Dev/Themes Themes))