2016-02-18 19 views

risposta

1

Purtroppo il modo Plone 5 è solo attraverso i CSS (un'immagine di sfondo, per esempio con) con registrazione nel nuovo Registro delle risorse.

Un modo che ho provato è quello di riutilizzare Fontello, come fa Barceloneta, ma non è molto semplice perché è necessario modificare manualmente il CSS generato per evitare che il nuovo CSS distrugga altre regole globali. Un esempio è qui: https://github.com/RedTurtle/TurtledGazette/tree/master/Products/PloneGazette/browser/static (non è nemmeno Destrezza o Archetipo, ma questo non è importante).

Nota. Non capisco davvero questa corsa a CSS e iconfont. E 'una sorta di eccesso di ottimizzazione:

  • immagini della vecchia scuola possono ancora essere memorizzati nella cache
  • immagini di sfondo non sono realmente accessibili come immagini reali forniti anche un "alt" per non vedenti, che mettono in guardia circa il tipo di contenuto.

non mi piace situazione attuale troppo ... va bene mentre si sta sviluppando un tema ma è un incubo per gli sviluppatori di add-ons.

+0

Se non fosse possibile utilizzare i CSS per utilizzare un PNG di immagine di sfondo (non un glifo), è sufficiente che il selettore sia collegato allo specifico tipo_portale del componente aggiuntivo? Questo dovrebbe essere possibile solo con un add-on CSS, non richiedendo problemi con il tema, no? – sdupton

+0

@sdupton sì, è necessario fornire un minuscolo CSS per il selettore contenttype-xxx. Quindi entri nel mondo in cui ogni nuovo componente aggiuntivo che aggiunge tipi di contenuto deve fornire un nuovo CSS e scegliere a quale bundle aggiungerlo. –

+0

Grazie mille Keul! Senza il tuo aiuto è stato impossibile. –

1

Sotto l'aggiornamento di un carattere fontello effettivo, è possibile limitare se stessi per migliorare la configurazione dell'icona.

Dal pacchetto Products.CMFPlone è possibile ottenere l'attuale icona del tipo di carattere del file di configurazione "config.json"

/Products/CMFPlone/static/fonts/config.json 
  • Per rivedere il contenuto del file visivamente, andare al sito web fontello.com e visita il menu sotto l'icona "chiave inglese".
  • Ripristina tutte le selezioni e le impostazioni delle icone che potresti aver fatto prima.
    • glifi Deseleziona
    • Ripristina tutto cambia
  • Usa Importa per caricare il file da config.json CMFPlone.
  • Rivedi le icone, i nomi, i codici e le forme
  • Guarda il codice sorgente di config.json e trova le icone che non fanno riferimento a un font ma contengono semplici informazioni sul percorso svg.

Si capirà che anche i glifi possono contenere più elementi di percorso e fori.

Provare a sovraccaricare solo la configurazione.json file nel tuo pacchetto aggiungendo la tua icona personalizzata come semplice svg in the json e scegli un codice char unicode non in conflitto. Sto ancora lavorando per documentare questo in dettaglio.

Fonte: ho trovato un suggerimento per questo da Victor Fernandez de Alba menzionare questo metodo nel suo intervento [2] (vedi Transscript [1]) durante la Plone Conf Bucarest:

  1. http://maurits.vanrees.org/weblog/archive/2015/10/victor-fernandez-de-alba-plone-5-theming
  2. http://www.slideshare.net/sneridagh/plone-5-theming-53980481 diapositive 12