Microblog en Dokuwiki

Requerimientos

• Plantilla Bootstrap3 Template.
• Extensiones: Advanced Dokuwiki, Bureaucracy Plugin.

La idea es tener una forma rápida de insertar contenido, pero con cierto estilo. Por ejemplo, el diseño final sería algo así:

No tiene mal aspecto, ¿cierto? A quien le llame la atención del texto que vea la película Snowden, de Oliver Stone. Pero no es el tema.

avatar.png

Una imagen tuya guardada dentro de wiki:.

En un wiki multusuarios se cambiaria wiki: por user:NOMBREDELUSUARIO:

micropost

Esta sería la plantilla que va a usar bureaucracy. Es esencial observar que mensaje está tanto en la plantilla como en el formulario. No lo cambies. O recuerda, que han de ser iguales

Los tags son los que nos ayudarán después a organizar el contenido.

{{tag>bitacora @USER@ @YEAR@ @YEAR@@MONTH@ @YEAR@@MONTH@@DAY@}}
~~PAGEIMAGE:wiki:avatar.png~~
<panel type="info" footer="@NAME@. @DATE@">
{{:wiki:avatar.png?nolink&50 |}} @@mensaje@@
</panel>

pageheader

Aquí va el formulario de bureaucrazy. Le he añadido user:@USER@. De esta forma cada usuario tendrá su propio microblog.

<form>
action template micropost user:@USER@:bitacora:%Y:%Y%m:%Y%m%d%H%M%S
fieldset ""
textarea "mensaje" x1 "=¿Qué está pasando?" !
submit "Publicar"
</form>

• 1x permite que tenga el ancho de una línea al tiempo que continúa siendo un textarea. El cuadro por defecto resultaba inmenso.
• Se genera la bitácora dentro de namespace del usuario activo, que tiene iniciada sesión.
• Dentro de dicho namespace se irá organizando en años, en meses y, finalmente, en el momento exacto (hasta los segundos) en que fue transmitido.

Las posibilidades son inmensas. Porque todos lo que vayan publicando los usuarios registrados puede aparecer en ese momento en la pantalla inicial como noticia top. Claro que hay que tener cuidado con estas cosas. Entre gente conocida se puede hacer y resulta además muy entretenido compartir conocimiento. Pero también sirve como microblog personal.

userall.css

Ese es el nombre que tiene pero el camino para ir a él con el plugin Advanced Instalado es:

1 Administrar.

2 Advanced Configurations

3 CSS Styles

4 All

/* --- 1 OCULTA LA ETIQUETA SUPERIOR ----------------------------- */
/* Oculta la etiqueta/título superior en los campos de Bureaucracy */
.dokuwiki form.bureaucracy__plugin fieldset label span {
    display: none;
}


/* -------------------------------------------------- */
/* Inline layout para formularios de Bureaucracy */
.dokuwiki form.bureaucracy__plugin fieldset {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    border: none;
    padding: 0;
    margin: 0;
}

.dokuwiki form.bureaucracy__plugin fieldset label {
    flex: 1;
    margin: 0;
}

.dokuwiki form.bureaucracy__plugin fieldset label textarea {
    width: 100%;
    box-sizing: border-box;
}

.dokuwiki form.bureaucracy__plugin button,
.dokuwiki form.bureaucracy__plugin input[type="submit"] {
    margin-top: 0;
    white-space: nowrap;
    height: 100%;
}

/* --2. BUREAUCRACY - QUITAR LINEA DE ARRIBA ------------------ */
/* Elimina por completo la etiqueta legend y sus márgenes/bordes de Bootstrap */
.dokuwiki form.bureaucracy__plugin fieldset legend {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* Ajusta el fieldset para que el formulario quede pegado arriba */
.dokuwiki form.bureaucracy__plugin fieldset {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border: none !important;
}

Con este código se hacen algunas mejoras en la maquetación:

• Se elimina una línea que había arriba y se redujo el espacio que separaba.
• Se pasó el botón Publicar de debajo a la derecha.

Conclusión

Por supuesto todo puede mejorarse. Esta forma es una forma 100% funcional en la última versión de dokuwiki.