Supporto » Funzionalità = Plugin » Come sviluppare in modo corretto il CSS di un plugin?

Come sviluppare in modo corretto il CSS di un plugin?

  • Risolto Kumidan

    (@kumidan)


    6 anni, 9 mesi fa

    Sto imparando a sviluppare plugins, la parte backend del mio plugin di prova l’ho finita ed ora devo pensare alla visualizzazione dei dati sul frontend.
    Il mio plugin sfrutta gli shortcode per mostrare i contenuti nei post.
    Vorrei usare Bootstrap in modo da rendere responsive in modo semplice ciò che viene visualizzato, ovviamente potrei includere Bootstrap nel mio plugin, ma ho dei dubbi.
    1) Se il tema attivo usa già Bootstrap, magari una versione con elementi personalizzati, le 2 versioni (quella del tema e quella del plugin) si daranno fastidio a vicenda? Suppongo di sì.
    2) Esiste un modo per sapere se il tema attivo usa bootstrap in modo da decidere se farlo includere al mio plugin oppure se deve usare quello del tema?

    Come dovrei procedere?

Stai visualizzando 2 risposte - dal 1 al 2 (di 2 totali)
  • Andrea Barghigiani

    (@pr0v4)

    6 anni, 9 mesi fa

    Ciao @kumidan,
    il tuo problema è abbastanza comune e la soluzione di integrare Bootstrap all’interno del tuo plugin potrebbe essere una via ma al tempo stesso se il tema che sta utilizzando il tuo plugin utilizza questo framework in versione differente (più aggiornato o personalizzato) si potrebbero verificare dei problemi e tutto dipende dal momento in cui il tuo CSS viene caricato.

    Se viene caricato prima del CSS del tema vincerà quest’ultimo o viceversa (domanda 1).

    Personalmente ti sconsiglio di seguire la strada di Bootstrap per il tuo plugin e piuttosto prendere soltanto le regole della griglia specifiche per i layout che stai creando e utilizzare soltanto quelle aumentandone la specificità per dormire sonni tranquilli.

    In altri casi ti avrei suggerito la funzione wp_enqueue_style() (domanda 2) che permette a WordPress di sapere se un determinato foglio di stile è già stato caricato ed evita il secondo caricamento della risorsa, ma dato che qua stiamo parlando di un framework che può essere incluso per in qualsiasi tema e che può utilizzare diversi $handle potrebbe soltanto creare confusione all’interno della piattaforma.

    Quando si crea un plugin si cerca di inserire al suo interno tutto il codice necessario al suo corretto funzionamento, in questo caso specifico anche i CSS.

    Spero di averti aiutato nel comprendere meglio questo aspetto dello sviluppo WordPress ma se così non fosse non esitare a rispondere e portare avanti questo topic.

    A presto,
    Andrea

    Chi ha creato la discussione Kumidan

    (@kumidan)

    6 anni, 9 mesi fa

    Sì, sei stato chiaro ed ho capito.
    In effetti i miei dubbi sul funzionamento sono stati confermati e quindi concordo che sia meglio lasciar perdeer includere Bootstrap nel plugin.
    Non essendo troppo complicato vedrò di scrivere io le regole.

Stai visualizzando 2 risposte - dal 1 al 2 (di 2 totali)
  • Il topic ‘Come sviluppare in modo corretto il CSS di un plugin?’ è chiuso a nuove risposte.

Tag del topic

Visualizza