Wiki Debianizzati Responsive

[Selky]

Ho cercato di trovare soluzioni, forse in parte ci sono riuscita..
Com'é noto su un wiki é difficile avere una versione ottimizzata per il mobile, sia mediawiki che wikipedia infatti utilizzano sito parallelo per questo e, nonostante ciò, presentano alcuni problemi.

Per arginare la situazione, é bene utilizzare l'estensione MobileFrontend associandola al tema Minerva Neue (che é ottimizzato per il mobile), abilitandolo solo ed esclusivamente per la versione mobile.
Il codice da utilizzare nel file LocalSetting.php é:

Codice: Seleziona tutto

// Versione Desktop
$wgDefaultSkin = "vector";
// Solo per mobile
$wgDefaultMobileSkin = "minerva";

Le variabili dei temi vanno inserite dopo quelle delle estensioni e nell'ordine che ho postato. Non fare riferimento a ciò che riporta la pagina dell'estensione perché non l'hanno aggiornata e la variabile citata é cambiata.

Al momento l'estensione anche se installata, richiama i css di vector che non é ottimale per il mobile.

Per quanto riguarda la home page, ho cercato di mantenere la vecchia estetica, spero ne sia uscita una versione migliorata. Purtroppo bisognerebbe mettere mano a tutto il parco temi e non solo.

I nomi di ID e Classi probabilmente risulteranno banali, questo per evitare eventuali conflitti con tutto il codice già presente.
Allego il codice html da inserire nella pagina home da parte di un admin.

codice_home.txt

(5.6 KiB) Scaricato 28 volte

I css li posso modificare. Al momento non sono intervenuta su mobile.css in attesa degli interventi richiesti.
Un esempio é già visibile nella pagina indice guide ma non essendo il tema minerva installato, ora a sballare é l'immagine. Con "Minerva" viene ridimensionata.

Nel caso ci fosse interesse, é anche possibile utilizzare l'estensione TemplateStyle, permette di creare dei fogli di stile per singole pagine in modo da non sovraccaricare le richieste, creando stili differenziati senza problemi; utile anche per i "template" di mediawiki.

[marcomg]

Grazie mille per tutto quello che hai fatto Mobile fronted è già installato, ma usa Vector al momento, cercherò al più presto di fare quello che serve

[marcomg]

a sballare é l'immagine. Con "Minerva" viene ridimensionata.

Nell'indice guide dici? Perché ho fatto una prova sulla home e non vedo immagini sballate

[HAL 9000]

Complimenti per le migliorie.
Mi sembra già un ottimo lavoro, provando a navigarci da smartphone.

[marcomg]

In realtà ho dovuto seguire la guida impostando

Codice: Seleziona tutto

$wgMFDefaultSkinClass = 'SkinMinerva';
wfLoadSkin( 'MinervaNeue' );

Mi sembra tutto ok, ma un occhio in più non guasta

[Selky]

In realtà ho dovuto seguire la guida impostando

Codice: Seleziona tutto

$wgMFDefaultSkinClass = 'SkinMinerva';
wfLoadSkin( 'MinervaNeue' );

1)

Codice: Seleziona tutto

wfLoadSkin( 'MinervaNeue' );

ho sbagliato a non postarlo, dando per scontato che venisse inserito come avviene per tutti i temi che si vogliono attivare, in questo caso sia vector che minerva.

2)

Le variabili dei temi vanno inserite dopo quelle delle estensioni e nell'ordine che ho postato. Non fare riferimento a ciò che riporta la pagina dell'estensione perché non l'hanno aggiornata e la variabile citata é cambiata.

Codice: Seleziona tutto

$wgDefaultMobileSkin = "minerva"; 

questa é quella corretta, come ti avevo scritto.
Riferimenti:
a) pagina dell'estensione, nel riquadro a destra ci sono tutte le variabili;
b) questa discussione relativa proprio alla variabile chiamata in causa; https://www.mediawiki.org/wiki/Topic:Vvrdflv81i5j5xcj
c) il file readme dell'estensione con tutte le variabili.

Ultimo, mantieni l'ordine, prima

Codice: Seleziona tutto

wfLoadSkin( 'Vector' );
wfLoadSkin( 'MinervaNeue' );

poi

Codice: Seleziona tutto

// Versione Desktop
$wgDefaultSkin = "vector";

e per utlimo

Codice: Seleziona tutto

$wgDefaultMobileSkin = "minerva"; 

[marcomg]

Ho fatto prove e riprove con entrambe le configurazioni. A me funziona comunque sempre.
Ho messo come lo hai detto tu perché è probabile che come lo ho messo io funzioni per via della configurazione di default e personalmente non ho indagato sulla questione...
Grazie mille

[Selky]

Ciao,
funziona in una qualche maniera ma non per tutto. Per questo me ne sono accorta durante i test, attivando il debug poi ho avuto le risposte che cercavo:

Codice: Seleziona tutto

Notice: Use of $wgMFDefaultSkinClass has been deprecated, please use $wgDefaultMobileSkin and provide the skin name. You can replace it with $wgDefaultMobileSkin = 'minerva'; [Called from MobileFrontendHooks::getDefaultMobileSkin in .........

L'importante é ripulire tantissimo la cache. Chiudere la pagina e riaprila a nuovo, senza utilizzare "aggiorna".

Su debianizzati non sono ancora intervenuta sul file Mobile.css, come scritto sempre in precedenza, attendevo gli interventi. Ora provvedo.

P.S. l'ordine é, in primis, per il richiamo dei css: ordine, priorità e specificità.

[marcomg]

test, attivando il debug poi ho avuto le risposte che cercavo

Ok perfetto. Infatti avevo guardato il log errori, ma col debug disattivato.

L'importante é ripulire tantissimo la cache. Chiudere la pagina e riaprila a nuovo, senza utilizzare "aggiorna".

Lascia perdere, che all'ultimo aggiornamento di phpBB (qualche settimana fa) non stavo capendo niente perché l'update falliva. Non avevo svuotato opcache e avendo lasciato tempi lunghi di refresh non funzionava una beata fava.

Chiudere la pagina e riaprila a nuovo, senza utilizzare "aggiorna".

Si infatti provavo con il browser versione desktop, versione mobile fino a che non lo richiudevo non lo aggiornava, bah.

P.S. l'ordine é, in primis, per il richiamo dei css: ordine, priorità e specificità.

No aspetta, non ho capito

[marcomg]

Comunque ho visto le modifiche, ottimo lavoro
Devo vedere se si riesce a rimpolpare il menù del tema mobile che è davvero scarno