El mayor portal de MU Online de Brasil — desde 2003
Tutorial Intermedio Web

Cómo instalar MuCMS y configurar temas en el sitio del servidor de MU

Aprende a instalar MuCMS paso a paso y a personalizar los temas del sitio de tu servidor de MU Online, ajustando colores, banners y layout sin romper el sistema.

BR Bruno · Actualizado el 2 ago 2024 · ⏱ 16 min de lectura
Respuesta rápida

Una vez que el servidor de MU Online está de pie, el sitio es la cara del proyecto. Un sitio bonito, rápido y organizado transmite seriedad y hace que el jugador confíe antes incluso de crear la cuenta. MuCMS es uno de los gestores de contenido más populares entre los servidores brasileños y latinos

Una vez que el servidor de MU Online está de pie, el sitio es la cara del proyecto. Un sitio bonito, rápido y organizado transmite seriedad y hace que el jugador confíe antes incluso de crear la cuenta. MuCMS es uno de los gestores de contenido más populares entre los servidores brasileños y latinos justamente porque combina una instalación simple con una buena variedad de temas listos. En este tutorial, de nivel intermedio, vas a aprender a instalar MuCMS desde cero y, sobre todo, a configurar y personalizar temas: cambiar el logo, ajustar colores, poner banners y adaptar el layout sin romper los módulos del sistema.

La lógica detrás de cualquier CMS de MU es siempre la misma: una aplicación PHP que lee y escribe en las tablas de la base del emulador (cuentas, personajes, rankings) y lo presenta todo en páginas web. Lo que cambia entre CMS es la facilidad de uso, el idioma del panel y la oferta de temas. MuCMS se destaca en este último punto, y por eso dominar su parte visual agrega tanto valor a tu proyecto.

Requisitos previos

Asegura estos ítems antes de empezar. La mayoría de los problemas de instalación vienen de saltarse alguno de estos puntos.

  • Servidor de MU ya en funcionamiento con la base de datos accesible. Si todavía estás armando la base, mira primero la guía de cómo crear un servidor de MU Online.
  • Servidor web con PHP (Apache/Nginx/IIS). La versión exigida varía según la versión de MuCMS.
  • Driver de base compatible con el SGBD de tu emulador (normalmente SQL Server vía sqlsrv/PDO).
  • Credenciales de un usuario de base de bajo privilegio.
  • Acceso FTP o al sistema de archivos del servidor web.
  • Un editor de código (VS Code, Sublime) para editar CSS y plantillas.
EtapaLo que necesitasObservación
InstalaciónPHP + driver + baseIgual que cualquier CMS de MU
ConexiónHost, puerto, usuario, contraseñaUsa un usuario dedicado, no el sa
TemasCarpeta de temas + CSS/imágenesDonde entra la personalización
SeguridadBorrar el instalador, permisosNunca uses 777

> Aviso: los nombres de carpetas, archivos y tablas citados más adelante son ejemplos. La estructura real varía según la versión de MuCMS y el emulador. Confirma siempre en el panel o en la documentación de tu versión.

Paso 1: Descargar MuCMS

Descarga el paquete de MuCMS de la fuente oficial o de un autor confiable. Evita las versiones "modificadas" de foro sin auditoría, porque son un vector clásico de backdoor. Descomprímelo localmente y observa la estructura, que suele ser así:

mucms/
├── index.php
├── config/            # configuración del sitio y la base
├── system/            # núcleo del CMS
├── themes/            # <- aquí están los temas
│   ├── default/
│   └── dark/
├── admin/             # panel administrativo
└── install/           # asistente (¡borrar después!)

Fíjate en la carpeta themes/: es el corazón de este tutorial. Cada subcarpeta es un tema independiente.

Paso 2: Subir los archivos y ajustar permisos

Envía el contenido al directorio público del servidor web vía FTP. Ajusta los permisos: carpetas 755, archivos 644, y permiso de escritura solo donde el CMS necesita grabar (cache, uploads). Evita 777, que es una falla de seguridad innecesaria.

# Ejemplo en Linux
find /var/www/mucms -type d -exec chmod 755 {} \;
find /var/www/mucms -type f -exec chmod 644 {} \;
chmod -R 775 /var/www/mucms/cache /var/www/mucms/uploads

Paso 3: Ejecutar el instalador

Accede a http://tudominio.com/install/ en el navegador. El asistente va a pedir, por etapas (el flujo varía según la versión):

  1. Verificación de requisitos (PHP, extensiones, permisos).
  2. Datos de conexión de la base (host, puerto, nombre, usuario, contraseña).
  3. Mapeo de las tablas del emulador.
  4. Creación del administrador del panel.

Al final, el instalador graba el archivo de configuración, que se parece a:

<?php
// config/database.php (ejemplo — varía según la versión)
return [
    'host'   => '203.0.113.10',
    'port'   => 1433,
    'dbname' => 'MuOnline',
    'user'   => 'web_mu',
    'pass'   => 'SenhaForte#2024',
    'driver' => 'sqlsrv',
];

Paso 4: Borrar la carpeta de instalación

Igual que en cualquier CMS, borra la carpeta install/ inmediatamente después de concluir. Permite reconfigurar el sitio entero, incluyendo las credenciales de base, y dejarla accesible es entregar el servidor.

rm -rf /var/www/mucms/install/

Paso 5: Entender la estructura de un tema

Ahora llegamos a la parte central. Un tema de MuCMS es una carpeta dentro de themes/ con una estructura predecible (varía según la versión):

themes/mitema/
├── theme.json         # metadatos: nombre, autor, versión
├── css/
│   └── style.css      # colores, fuentes, espaciados
├── js/
├── images/            # logo, banners, íconos
└── templates/         # archivos .php de layout (header, footer, home)
  • theme.json identifica el tema en el panel.
  • css/style.css controla toda la apariencia: colores, tipografía, layout.
  • images/ guarda el logo y los banners.
  • templates/ son los archivos que mezclan HTML con llamadas del CMS (ranking, noticias, login). Tocar aquí exige más cuidado.

Paso 6: Activar un tema

En el panel administrativo (/admin/), ve a Apariencia/Temas y selecciona el tema deseado. Como alternativa, algunos CMS definen el tema activo por config:

// config/site.php (ejemplo)
$config['active_theme'] = 'mitema';

Prueba siempre el cambio en un entorno de homologación antes de aplicarlo en producción, y haz backup. Un tema mal construido puede romper módulos como el ranking y el registro.

Aquí está el trabajo más común y gratificante. Para cambiar el logo, reemplaza el archivo en images/ manteniendo el mismo nombre y proporción, o actualiza la ruta en la plantilla del header.

Para ajustar los colores, edita el style.css. Un patrón saludable es usar variables CSS para no cazar color por color:

/* themes/mitema/css/style.css */
:root {
  --cor-primaria: #c8102e;   /* rojo MU */
  --cor-fundo:    #0d0d0f;
  --cor-texto:    #e8e8e8;
  --cor-destaque: #f2b705;   /* dorado */
}

body {
  background-color: var(--cor-fundo);
  color: var(--cor-texto);
  font-family: 'Segoe UI', Arial, sans-serif;
}

.btn-registro {
  background-color: var(--cor-primaria);
  color: #fff;
  border-radius: 6px;
  transition: background-color .2s;
}

.btn-registro:hover {
  background-color: var(--cor-destaque);
  color: #000;
}

Con variables, cambiar toda la identidad visual del sitio es cuestión de cambiar cuatro valores en la parte de arriba del archivo.

Paso 8: Poner banners y destacados

Los banners de eventos, top donation o boss timers suelen ser bloques en la plantilla de la home. Para cambiar la imagen de un banner, reemplaza el archivo en images/ y confirma la ruta en la plantilla:

<!-- themes/mitema/templates/home.php (fragmento de ejemplo) -->
<div class="banner-evento">
  <img src="<?php echo THEME_URL; ?>/images/banner-evento.jpg" alt="Evento de fin de semana">
</div>

Optimiza siempre las imágenes (comprime JPG/PNG o usa WebP) para que el sitio cargue rápido. Un banner pesado es la causa más común de una home lenta.

Paso 9: Ajustar la responsividad

Buena parte de los jugadores accede al sitio desde el celular. Confirma que el tema es responsivo probando en pantallas pequeñas. Si necesitas ajustar, usa media queries en el CSS:

@media (max-width: 768px) {
  .menu-lateral { display: none; }
  .conteudo { width: 100%; padding: 0 12px; }
}

Paso 10: Seguridad al usar temas de terceros

Si descargas un tema listo, revisa los archivos .php antes de subirlos. Los temas maliciosos esconden shells que dan acceso al servidor. Busca funciones sospechosas como eval, base64_decode, system, exec en lugares que no tienen sentido en una plantilla. Ante la duda, no lo subas.

Errores comunes y soluciones

SíntomaCausa probableSolución
El sitio abre sin estilo (solo texto)El CSS no cargó; ruta del tema equivocadaRevisa THEME_URL y la ruta de style.css; limpia el cache del navegador
Ranking vacíoMapeo de tabla equivocadoAjusta los nombres de tabla/columna a tu emulador en el panel
El logo no apareceArchivo con nombre/ruta equivocadosConfirma el nombre exacto del archivo en images/ y la ruta en la plantilla
Layout roto en el celularTema sin responsividadAgrega media queries o elige un tema responsivo
Error 500 tras activar el temaPlantilla con PHP inválidoReactiva el tema anterior, corrige la plantilla, valida la sintaxis
Home muy lentaBanners e imágenes pesadasComprime imágenes, usa WebP, activa cache
Panel admin expuestoInstalador no borrado / contraseña débilBorra install/, cambia la contraseña, restringe el acceso a /admin/

Lista de verificación de lanzamiento

  • Servidor de juego y base funcionando antes del sitio
  • PHP en la versión exigida por tu build de MuCMS
  • Driver de base cargado y confirmado
  • Usuario de base dedicado de bajo privilegio
  • Archivos subidos con los permisos correctos (sin 777)
  • Instalador concluido y carpeta install/ borrada
  • Tema activado y probado en homologación antes de producción
  • Logo, colores y banners personalizados
  • Imágenes optimizadas para una carga rápida
  • Sitio probado en escritorio y celular
  • Módulos de ranking, registro y login validados
  • Archivos .php de temas de terceros revisados
  • Backup del sitio y de la base agendado

Instalar MuCMS es la parte fácil; lo que diferencia a un servidor amateur de uno profesional es el esmero en el tema. Colores coherentes, un logo nítido, banners actualizados y una carga rápida transmiten confianza y convierten visitantes en jugadores. Empieza por las personalizaciones simples de CSS e imágenes, gana seguridad y solo después toca las plantillas. Y recuerda: siempre prueba en homologación, mantén backup y revisa cualquier código de terceros antes de ponerlo en línea.

Preguntas frecuentes

¿Cuál es la diferencia entre MuCMS y otros CMS de MU?

MuCMS es uno de los CMS más usados por la comunidad brasileña y latina, con foco en la facilidad de instalación y temas listos. La idea es la misma de cualquier CMS de MU: conectar el sitio a la base del emulador. La elección entre uno u otro suele ser por gusto de tema, idioma del panel y familiaridad del equipo.

¿Puedo cambiar el tema con el sitio ya en línea?

Sí. Los temas están en carpetas separadas y cambias el tema activo desde el panel o desde el archivo de configuración sin borrar datos. El cuidado es probar en un entorno de homologación antes, porque un tema mal hecho puede romper módulos como el ranking y el registro. Siempre haz backup antes de cambiar.

¿Necesito saber programar para personalizar el tema?

Para ajustes básicos como logo, colores y banners, no. Basta con editar CSS y cambiar imágenes. Para cambios estructurales de layout, es útil conocer HTML y algo de PHP, ya que los temas mezclan el marcado con llamadas del CMS. Empieza por lo simple y ve avanzando de a poco.

¿Por qué el sitio abre pero el ranking queda vacío?

Casi siempre es un mapeo de tabla equivocado. El tema muestra los datos, pero quien los busca en la base es el núcleo del CMS. Si los nombres de tabla y columna no coinciden con tu emulador, la consulta vuelve vacía. Revisa el mapeo en el panel, porque varía según el emulador y la versión.

¿Es seguro descargar temas listos de foros?

Con cautela. Los temas de fuentes desconocidas pueden esconder código malicioso, como shells PHP incrustados en archivos de plantilla. Prefiere temas oficiales o de autores conocidos, y siempre revisa los archivos .php del tema antes de subirlo. Nunca subas un tema sin mirar lo que hay dentro.

BR
Editor de eventos, mapas e ítems

Bruno es especialista en eventos, mapas, bosses y economía de ítems de MU Online. Documenta cada detalle basándose en el juego real.

Sigue leyendo

Artículos relacionados