Un espacio para los entusiastas del web

¿Cómo diseñar una plantilla para MediaWiki?

Publicado el 8 de Enero, 2008

Cuando vemos la palabra MediaWiki rápidamente nos viene a la mente la popular enciclopedia libre de Internet Wikipedia, y es porque la enciclopedia está soportada sobre el popular gestor de contenido. A raíz del éxito de este proyecto se liberó el CMS bajo una licencia que nos permite obtenerlo, modificarlo y distribuirlo sin costo alguno.

A continuación trataremos brevemente la creación de una plantilla para MediaWiki, a partir de MonoBook, la que se instala por defecto. Partiremos de una Wiki recién instalada y para la que será necesario modificar su apariencia.

Creando los archivos de nuestra plantilla

Lo primero que haremos será realizar una copia de la plantilla que tiene instalada por defecto Mediawiki. Podremos modificarla libremente, ya que la licencia de este proyecto nos permite realizar todos los cambios que estimemos convenientes, y de esta forma adaptar la wiki a nuestras necesidades.

Para esto crearemos una carpeta para los archivos de nuestra plantilla. La llamaremos MiPlantilla y será ubicada dentro de /skins/. Localicemos la carpeta /skins/monobook y realicemos una copia para /skins/miplantilla de todos los archivos que contiene la primera. Con esto estaremos duplicando todos los archivos de imágenes y hojas de estilo de MonoBook hacia nuestra nueva plantilla.

Hagamos una copia del archivo /skins/MonoBook.php con el nombre de nuestra plantilla. Deberá quedar así: /skins/miplantilla.php.

Editando los archivos de nuestra plantilla

Luego modifiquemos nuestro archivo miplantilla.php como se muestra a continuación.Con esto estaremos definiendo las nuevas clases de nuestra plantilla. También debemos modificar otras propiedades de la clase SkinMiPlantilla en el mismo archivo miplantilla.php como sigue:

Estableciendo nuestra plantilla por defecto

/* Donde aparece: */
$this->skinname  = 'monobook';
$this->stylename = 'monobook';
$this->template  = 'MonoBookTemplate';

/* Cambiar por: */
$this->skinname  = 'miplantilla';
/* Nombre de nuestra plantilla */
/* Donde aparece: */
class MonoBookTemplate extends QuickTemplate {
/* Cambiar por: */
class MiPlantillaTemplate extends QuickTemplate {

Para que nuestra plantilla sea mostrada siempre debemos modificar el archivo LocalSettings.php que se encuentra en la raíz de la wiki y establecer al valor $wgDefaultSkin el nombre que definimos anteriormente. Lo que debería quedar de esta forma:

$wgDefaultSkin = ‘miplantilla’

Con éste último cambio nuestra plantilla ya se muestra en la wiki, pero se verá exactamente igual que MonoBook, por lo que será necesario realizarle algunas modificaciones para establecer una apariencia a nuestro gusto.

Cambiando el logo a nuestra wiki

Lo primero que haremos para modificar la apariencia será cambiar el logotipo de la wiki y establecer uno personalizado a nuestro gusto.

Es muy importante tener en cuenta el tamaño de la imagen que utilizaremos para el logo. Si escogemos una imagen muy grande desplazará parte del contenido y el diseño del sitio se verá afectado. La imagen por defecto tiene 135 píxeles de alto por 135 píxeles de ancho.

Una vez seleccionada la imagen a colocar, la subiremos al directorio /skins/common/images/ de nuestro servidor web. Es posible guardar nuestra imagen en cualquier directorio, pero utilizaremos este porque es la ruta predeterminada para almacenar imágenes en MediaWiki; de esta forma mantendremos la organización en la estructura de archivos del sitio.

Luego será necesario establecer el valor de la variable $wgLogo en el fichero LocalSettings.php ubicado en la raíz de la wiki. Quedando de esta forma:

$wgLogo = "${wgScriptPath}/skins/common/images/milogo.png";

En el camino del nuevo logo hemos utilizado la variable $wgScriptPath que nos devuelve la ruta de la raíz de la wiki. Con esto hemos cambiado el logo por defecto: wiki.png, por el nuevo: milogo.png.

Cambiando la apariencia de la wiki

Para cambiar el resto de la apariencia de nuestra wiki debemos modificar con nuestro editor favorito el archivo miplantilla.php, así como las imágenes y hojas de estilos que se encuentran en el directorio /skins/miplantilla/.

Una vez finalizada la modificación de estos archivos tendremos nuestra wiki con una apariencia renovada y única.

Archivo de ejemplo

Puede descargar la nueva plantilla con los archivos de MediaWiki que hemos modificado en este artículo. Siéntase libre de personalizarlos según sus necesidades.

Lecturas recomendadas

Otros artículos relacionados

Califica esta nota:

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (2 votos, promedio: 5 de 5)
Loading ... Loading ...

Comentarios


  1. Kelly

    ole qe maestro


  2. Nova

    soy novato y quisiera saver como crear divisiones es decir como crear un plantilla como si fuera una magina http://www.web.tk ayudenme mandemelo a peru_masc@msn.com


  3. Marvane

    Me parece interesante este artículo, pues te ayuda paso a paso, pero en lugar de modificar la plantilla se puede descargar otras…. cierto??… Por fa si tienen enlaces de donde descargarlas, escríbanme… gracias



  4. Miguel

    Hola me preguntaba como puedo lograr que YO voy a diseñar un página WEB en PHP 5/MySQL y quisiera saber cómo poder actualizarla después de subirla al Hosting este es para que lo miren porfa http://www.solucionesenlaweb.net/index.html gracias por una pronta respuesta.


  5. Muy bien explicado Reynier, gracias


  6. fabiana

    como migro mi mambowiki a mediawikia!!??
    Ayuda
    Gracias


  7. Se ve sencillo, pero no me sale :S


Deja tu Comentario

Maestros del Web se reserva el derecho de moderación de los comentarios. Evita utilizar palabras soeces, ataques directos, descalificativos, insultos, de lo contrario tu comentario será eliminado.


Sobre el Autor

Reynier Matos Padilla

Reynier Matos Padilla
Administrador de sistemas y diseñador web. Con experiencias en tecnologías ASP.NET, PHP, Javascript, CSS, DHTML, AJAX, servicios web, y XML.

Más artículos de Reynier Matos Padilla
Anuncios por Q

Las Notas en tu correo


Acerca de

Maestros del Web nace cuando intentamos traducir Webmaster al Español. Nacimos orientados al diseño y desarrollo web. Hoy somos un espacio de apoyo para los entusiastas que participan en proyectos en la red.
Leer más de Maestros del Web