¡Saludos, wikianautas! Hoy vengo con la tercer entrada de Build a Wiki en la que vamos a cubrir un tema de suma importancia para todas las wikis: Hacer una buena portada. Voy a mostrarles paso por paso y, al final, les enseño cómo queda.
Ahora, hay cosas básicas que debes tener en mente cuando vayas a hacer tu portada. Debe incluir lo básico como enlaces a páginas importantes, imágenes con las que cuando los usuarios las vean digan "Woooooooow" y un buen estilo.
Dando la bienvenida a tu wiki[]
Lo más importante que deberías saber es que el lado izquierdo va desde <mainpage-leftcolumn-start /> hasta el primer <mainpage-endcolumn /> y si vas a editar el lado derecho, tienes que editar desde <mainpage-rightcolumn-start /> hasta el siguiente <mainpage-endcolumn />. Lo más recomendable si apenas estás empezando, es poner una bienvenida en el lado izquierdo. Por ejemplo:
Hola y bienvenidos a {{SITENAME}}. La wiki sobre ''De lo que se trate tu wiki'', ¡que todos pueden editar!
La siguiente frase es bastante común en cualquier wiki a la que vayas. Ya está a tu desición cómo quieras poner la letra (color, tamaño, font, etc.) Con el siguiente código puedes hacerlo todo:
<span style="color:ColorQueQuieres; font-size:TAMAÑO>TU BIENVENIDA</span>
Diapositivas[]
Justo debajo de eso, algo que agrada mucho a usuarios es poner diapositivas que lleven a las páginas que más les interesan a los usuarios. Ya que así, empezarán a leer tus artículos y tal vez hasta se animen a editar. Este es sólo un ejemplo. Tú puedes hacer tu propio slider con el código debajo de éste.
<gallery type="slider"> NOMBRE DE LA IMAGEN|Lo que quieres que diga la imagen|link=A dónde llevará el botón que dice "leer más..."|linktext=Una descripción </gallery>
Estilos para secciones en tu portada[]
Ahora, ya tienes lo básico. Ahora lo demás es hacer lo que quieras. Sin embargo, hay mucho que puedes hacer y aquí vamos a poner unos ejemplos. Antes que nada, me gustaría enseñar una forma de hacer secciones que se ve más snazzy que las comunmente usadas (== SECCIÓN ==). Lo más recomendable es poner una letra de tamaño un poco más grande en el centro y separarlo con una raya. Esto se pone dentro de un marco pequeño para dividir la sección. A continuación muestro un ejemplo con la forma más básica de hacerlo:
Así queda
El código es así Ojo, son dos borders:
<div style="border:Ancho(en px) Solid/Dotted/Dashed ColorDelBorde;"><center> <span style="font-size:16px;">TÍTULO DE LA SECCIÓN</span></center> ---- EL CONTENIDO QUE QUIERES MOSTRAR </div> <div style="border:3px dotted blue;"><center> <span style="font-size:16px;">TÍTULO DE LA SECCIÓN</span></center> ---- EL CONTENIDO QUE QUIERES MOSTRAR </div>
Entre cada sección, salta dos renglones para que los bordes no choquen, como mostrado en el ejemplo. Aquí puedes poner varias cosas. Artículos destacados, trivias, facebook (ve cómo insertar en la página de ayuda), el chat (inserta <chat />) y, actividad reciente (recomiendo <activityfeed shortlist="true" />), entre muchas otras cosas. Ya en qué sección decidas poner todo eso, es totalmente tu desición.
Galería básica[]
¡En esta sección puedes presumir a tus artículos favoritos! Lo más común son personajes, libros, etc. Aquí te vamos a dar el código básico para sólo tener que copiar y pegarlo (reemplazando los nombres de las imágenes y los artículos, claro).
thumb|200px|Así se ve la pequeña galería.
<gallery widths="150" columns="4" position="center" spacing="small" hideaddbutton="true" captionalign="center" > Nombredelaimagen|Artículo Nombredelaimagen|Artículo Nombredelaimagen|Artículo </gallery>
Encuesta[]
El código para una encuesta es el siguiente:
<poll> Título de la encuesta Opción 1 Opción 2 </poll>
Le puedes poner lo que quieres: predicciones, trivias, opiniones, etc. Aquí ejemplifico cómo queda.
Ahora, sé que tal vez hayan pensado: No explicó nada. Bueno, la verdad es que hay tantas formas de hacer tu portada que es imposible cubrir cómo hacer cada una para cada quien. Aquí he dejado los códigos para cómo hacer cosas básicas, pero cómo decidas ponerlas, es cosa tuya. Te deseo mucha suerte con ello y si necesitas ayuda, déjame un mensaje. Categoría:Entradas