Come autore di temi WordPress ci sono molti modi in cui puoi organizzare il tuo tema di produzione, ma i revisori di ThemeForest rispettano rigorosamente i requisiti per l'invio di temi e i suggerimenti non scritti. In questo post spiegherò come preparare il tuo demo pack di produzione; cosa dovresti includere e cosa dovresti evitare.
Sentiti libero di sfogliare i numerosi requisiti per l'invio dei temi, ma non troverai le descrizioni di cosa esattamente dovresti inserire nel pacchetto di produzione del tuo tema. Invece, otterremo le informazioni di cui abbiamo bisogno dalla dashboard di caricamento degli articoli ThemeForest.
Scegliere WordPress nella categoria dropdown; verrai indirizzato a un'interfaccia utente di caricamento. Salta il Nome e descrizione pannello per ora, e rivolgi la tua attenzione al File pannello.
Per prima cosa ti verrà chiesto il file Thumbnail 80x80px. Questo può essere PNG o JPG, dipende da te, ma preferisco il formato PNG.
Il prossimo è l'immagine dell'anteprima del tema. Qui dovresti fare molta attenzione al dimensionamento e alla denominazione dei file. Questa immagine sarà visibile sulla pagina del prodotto e nella pagina dei risultati di ricerca. Fallo esattamente 590x300 pixel e nominalo nel modo seguente: 01_
. Se desideri includere più immagini di anteprima, creale con lo stesso rapporto di immagine dell'immagine principale di anteprima, assicurati che i tuoi file abbiano un massimo di 900 px sia in larghezza che in altezza. E la denominazione dovrebbe essere simile al primo file 02_
, 03_
. I file di anteprima devono essere aggiunti a un file di archivio zip separato, anche se si dispone di un solo file di anteprima. Assegna un nome all'archivio di anteprima preview.zip
.
La prossima sezione è per i file principali. Qui devi includere tutti i file richiesti per l'utente finale, esclusi i file di anteprima e di anteprima.
E l'ultima cosa è il file zip del tema caricabile stesso. Questo è il file che gli utenti possono caricare su WordPress per iniziare a utilizzare il tema.
In generale, quello che abbiamo analizzato finora è tutto quello che troverai da fonti ufficiali sulla confezione dei file di produzione del tema, il resto si riduce alle migliori pratiche e raccomandazioni. Condividerò il mio approccio che puoi estendere; suggerisci le tue idee nei commenti.
Uso una cartella di lavoro con tutti i miei progetti. Per prima cosa creo una cartella separata Upload
. Se crei più tipi di prodotti per più piattaforme (ad esempio, plug-in e temi per WordPress, Joomla, Drupal e così via) crea cartelle separate nella cartella Upload per ogni piattaforma e per ogni tipo di progetto, ad esempio
Upload ├── WordPress ├── Temi └── Plugin └── Drupal ├── Temi └── Plugin
Quindi creare una cartella nel Caricati / WordPress Themes /
cartella con il nome del tema e _pack
prefisso, come questo themename_pack
. Dentro quello cartella crea diverse cartelle sottocartelle:
Upload └── WordPress └── Temi └── themename_pack ├── Demos ├── Snippet ├── Additional ├── Plugin └── Final-files
Ci sono un paio di altri file e cartelle che includeremo nel themename_pack
cartella, ma per ora esaminiamo ora le cartelle elencate sopra.
Non importa se il tuo tema ha più demo o solo una demo, devi includere i tuoi file demo nel pacchetto di download, anche se hai una funzione di "importazione demo in un clic" o blocchi di modelli pronti all'uso direttamente dal tuo tema. Ci saranno situazioni in cui gli utenti avranno bisogno di un'importazione demo manuale.
Se il tuo tema ha più demo, crea ciascuna cartella demo all'interno del main Demos
cartella separatamente. Includi tutti i file necessari con ogni demo. Ad esempio, includo:
Tutti gli autori di temi hanno i propri hack e scorciatoie per rendere più facile e più produttivo l'utilizzo dei temi da parte dei clienti. Ad esempio, a volte un utente dovrà abilitare il rendering di shortcode nel widget di testo o abilitare il caricamento di SVG per utilizzare un carattere di icona personalizzato o un file di logo SVG, oppure dovranno rendere compatibile il browser HTML5 per il video: tutte queste attività può essere fatto con blocchi di codice piccoli pronti all'uso o con azioni e filtri WordPress. Includo un file TXT per ogni "life-hack" nella cartella snippets, con le istruzioni fornite nel file della guida.
Qui puoi includere tutte le risorse aggiuntive che desideri includere nel tuo tema. Questi potrebbero essere font di icone personalizzate a tema, o foto e video che hai acquistato per la demo del tema e avere la licenza corretta da includere nel tuo prodotto commerciale. Non sei limitato qui, a patto di non violare i requisiti per l'invio dei temi relativi alle licenze dei file.
Se il tuo tema include plug-in premium e hai una cosiddetta "licenza per l'utilizzo in-spazio", dovresti includere i file ZIP del plugin qui. Ad esempio, includo abitualmente Slider Revolution e WPBakery Page Builder.
Avendo coperto i fondamenti, diamo un'occhiata a cos'altro deve essere incluso. Nel themename_pack
cartella aggiungere quanto segue:
I requisiti di invio di ThemeForest non rendono obbligatorio includere un tema secondario, ma è altamente raccomandato. Se includi un tema figlio, dovrebbe logicamente essere codificato con gli standard richiesti. Ad esempio, dovrebbe essere nominato yourthemename-figlio
, i file inclusi dovrebbero comprendere almeno un file functions.php, uno screenshot.png e il file style.css. Anche se il tuo tema figlio è vuoto, questi file sono sufficienti per aiutare i tuoi acquirenti a iniziare.
Se il tema figlio estende il tema principale, il file functions.php dovrebbe almeno includere quanto segue:
E il file style.css dovrebbe almeno includere questi dettagli di intestazione:
/ * Nome tema: Yourthemename URI tema figlio: https://yourtheme.com Descrizione: Descrizione tema figlio qui Autore: Nome autore qui Autore URI: https://authoruri.com Versione: 1.0 Modello: yourthemename * / / * = Tema la personalizzazione inizia qui ----------------------------------------------- --------------- * /
Gli autori di temi non sono più tenuti a includere la documentazione offline nel tema: è consigliabile ospitare il proprio online, renderlo pubblicamente accessibile e inserire un collegamento nella descrizione dell'oggetto, ma è comunque possibile includere la documentazione offline se si sceglie . Questa è una questione di preferenza piuttosto che una regola rigorosa, preferisco includere un manuale in PDF.
I file Changelog sono un modo importante per rendere totalmente trasparente lo sviluppo del tuo tema. Elenca tutte le tue modifiche e correzioni di errori in questo documento. Organizzalo con versioni e date, in questo modo:
08,07,2018 - Versione 1.1.5 - Aggiornato Visual Composer - Correzione di problemi di stile minori - Risolto il problema con l'intestazione Sticky Jump sui dispositivi mobili
Questa è un'altra cartella che includo nel mio theme pack (sebbene non sia la versione di produzione, perché è solo per i miei occhi). Consiglio vivamente di raccogliere tutti i problemi di rifiuto che il tuo tema riceve dopo l'invio. La raccolta di una cronologia di rifiuto per ciascun tema è una buona pratica e contribuirà a migliorare tutti i progetti futuri.
Diamo un'ultima occhiata ai file e alle cartelle che abbiamo incluso themefolder_pack
:
Upload └── WordPress └── Temi └── themename_pack ├── Demos ├── Snippet ├── Additional ├── Plugin ├── Reject ├── Themefolder ├── Child themefolder ├── Manuale pdf, html ├ ── Changelog.txt └── File finali
È tempo di creare i file finali da caricare su ThemeForest.
Rifiutare
e Finali-files
, e comprimi in themename_pack.zipFinali-files
cartella.Anteprima
cartella in esso.Finali-files
cartella.In questo articolo ho incluso un mix di raccomandazioni e requisiti per l'invio di file di temi WordPress finali a ThemeForest. Il tuo tema potrebbe ancora subire un rifiuto in qualche modo, ma includendo tutti i file necessari nel modo corretto renderà il processo di revisione un po 'più fluido.
Se avete suggerimenti o domande, sentitevi liberi di aggiungere un commento qui sotto. Nel prossimo post impareremo come sfruttare al meglio le demo del tuo tema WordPress.
Infine, grazie a recensori di ThemeForest, Rich Tabor e Scott Parry per il fact-checking!