Saltar al contenido

¿Cómo se crean “infoboxes” en mediawiki?

Después de indagar en varios repositorios y sitios webs de internet al final hemos dado con la solución que te enseñamos aquí.

Solución:

Para crear un cuadro de información simple pero elegante y flexible, primero verifique que la extensión ParserFunctions esté instalada. Luego crea una plantilla llamada “Infobox” (o lo que sea) con la siguiente combinación de HTML y wikitexto:

PAGENAME
300px]]
#if:param1#if:param3
Parameter 2 param2
Parameter 4 param4
Parameter 5 param5

Reemplace “param1”, “param2”, etc. con los parámetros que realmente desea para su cuadro de información, como “nombre”, “fecha de nacimiento”, etc. Si necesita más parámetros, simplemente duplíquelos (con copiar y pegar) uno de los parámetros existentes y modificarlo.

Luego vaya a MediaWiki: Common.css y agregue algo de estilo (si no tiene los permisos necesarios para editar MediaWiki: Common.css, tendrá que agregar este CSS como estilo en línea al HTML en la plantilla):

.infobox 
    background: #eee;
    border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 400px;

.infobox-title 
    font-size: 2em;
    text-align: center;

.infobox-image 
    text-align: center;

.infobox th 
    text-align: right;
    vertical-align: top;
    width: 120px;

.infobox td 
    vertical-align: top;

Finalmente, vaya a las páginas wiki que requieren el cuadro de información y copie el siguiente wikitexto, reemplazando “Cuadro de información” con el nombre que le dio a su plantilla, y “param1”, “param2”, etc.con los parámetros que definió anteriormente:

title = 

Puede dejar vacío o eliminar cualquier parámetro que no use, ya que todos son opcionales. Si no se proporciona “título”, el cuadro de información se establecerá de forma predeterminada en el nombre de la página, que suele ser el que desea.

Tuve que desarrollar infoboxes como estos para innumerables clientes, y poco a poco llegué a esta solución como óptima en cuanto a complejidad y flexibilidad. ¡Espero que ayude a alguien!

PD para cualquier usuario avanzado: recomiendo usar HTML en lugar de wikitext para definir la tabla principal porque de esta manera evitamos conflictos con las tuberías de los #ifs. En Wikipedia, este conflicto se evita utilizando una plantilla llamada ! Que inserta una tubería, pero esto da como resultado un wikitexto ilegible.

Los Infoboxes son solo tablas con un flotante a la derecha y algún formato adicional.

 style="float:right;border:1px solid black"

Para una mejor práctica, debe incluir el formato de su cuadro de información en una clase en el CSS de su wiki y definir una plantilla de cuadro de información en lugar de crear tablas separadas en cada página.

No estoy seguro de qué tan reciente es la publicación de @Sophivorus; no hay fecha, así que supongo que es de 2018, si no, lo siento.

Estaba buscando un tutorial que explicara las desagradables infoboxes y su proceso de creación sin suerte. Wiki en sí no fue de ayuda. Después de las dos y media de la tarde, finalmente me di por vencido y encontré el puesto de Sophivorus. Me dio una pista de que tal vez crear un infobox en HTML con CSS simple es una idea mejor y más fácil. Pensé que el Wiki debe convertir sus infoboxes s &&& ty a HTML ¡y no me equivoqué! 🙂 Tengo una bonita caja de información sin aprender el monstruo scribunto-lua-srua-wikitext de wiki y mucho conocimiento en HTML y CSS.

Me gustaría compartir la solución para tontos como yo, paso a paso.

  1. Vaya a una página wik con un cuadro de información que le guste (en mi caso, la página de Formica fusca).
  2. Seleccione todo el contenido del cuadro de información y haga clic con el botón derecho en su título en la parte superior del cuadro de información.
  3. Elija inspeccionar el elemento (el nombre puede diferir entre los navegadores; yo uso Opera)
  4. Mira a la derecha (se abre una ventana).
  5. Mueva el cursor sobre las entradas en la ventana derecha y busque
    marcador. Tenga en cuenta que todo el cuadro de información se resaltó cuando colocó el mouse sobre el

    ) 2) títulos / encabezados clase infobox-subtitle (o lo que sea;

    ) 3) asigne una clase al subtítulo si desea algún subtítulo (

    ).
  6. Copie CSS desde aquí o cree su código en CSS usando las clases mencionadas anteriormente

    .infobox 
    background-color: #ffff00;
    border: 2px solid #008600;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 400px;
          
    .infobox-title 
    border: 1px solid #000000;
    font-size: 1.5em;
    text-align: center;
    background-color: #ff0000;
    
    .infobox-subtitle 
    font-size: 1em;
    text-align: center;
    background-color: #fff00;
    
    .infobox-image 
    text-align: center;
    background-color: #ffff00;
    
    
  7. En HTML:
    En los lugares donde desea que el usuario agregue la información pegue somenamehere y luego cree ... una plantilla que tendrá que colocar en otras páginas para invocar su plantilla Examplenamehere:

     
    

    Para colocar un encabezado con el nombre de la página: PAGENAME en lugar de un título en la parte superior de la tabla.

    Si desea verificar o copiar mi plantilla, vaya aquí: http://wiki.mrowki.ovh/index.php?title=Szablon:Opis e inspeccione la página

    Si posees algún reparo y capacidad de perfeccionar nuestro división te inspiramos ejecutar una crítica y con deseo lo leeremos.

    ¡Haz clic para puntuar esta entrada!
    (Votos: 0 Promedio: 0)



    Utiliza Nuestro Buscador

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

    Respuestas a preguntas comunes sobre programacion y tecnología