Toolbox van de Smart WordPress Developer Theme Check

Een thema gemaakt? Super goed! Heb je het gecontroleerd?

Als u een thema op WordPress.org of ThemeForest wilt publiceren, moeten er bepaalde stappen worden uitgevoerd om het te laten controleren. Een daarvan is de plug-in Theme Check, die wordt gebruikt door zowel de testteams van WordPress.org als ThemeForest. In deze zelfstudie bespreken we de basis van het gebruik van Themacontrole om uw plug-in te testen tegen normen voor themaherziening.

Laten we beginnen!

Codeervrijheid in WordPress en op een verantwoorde manier gebruiken

U kunt alles doen met WordPress-thema's. Iets. Je kunt de nieuwste berichten vermelden, je kunt videogalerijen weergeven, je kunt betalingen voor je diensten krijgen, je kunt het CSS-bestand op het tijdstip van de dag wijzigen, je kunt de apparaten van je bezoekers hacken met een kwaadaardig JPEG-bestand dat code uitvoert ...

Maar zijn niet alle dingen hierboven "themagebied"? Nee, en dat is het punt. (Eigenlijk zouden slechts twee van hen met thema's moeten worden gedaan.) Een van de bovenstaande dingen is niet eens legaal - raad eens welke?) Je moet niet doen iets met jouw thema. Thema's dienen ontwerpelementen en niks anders. Geen functionaliteit. Geen schadelijke code.

Het wordt "uit het gebied van plug-ins blijven" genoemd. Het betekent in feite dat alle functionaliteit moet worden geserveerd als een afzonderlijke plug-in (of plug-ins). Dit is slechts een van de regels bij het maken van WordPress-thema's. Er zijn er nog veel meer in het Handboek en jij moet voldoe aan al deze punten om uw thema op WordPress.org en ThemeForest te krijgen.

Een goed thema maken, betekent niet dat je een goed thema moet maken - je moet het ook goed coderen. Je moet uit het plugin-gebied blijven, een geldige hebben DOCTYPE, PHP- en JavaScript-fouten opschonen, enkele kern-CSS-klassen ondersteunen, zorgen voor adequate documentatie, alles opschonen, uw thema klaar maken voor vertaling, WordPress correct spellen ...

U moet sommige van deze dingen handmatig controleren. Voor al het andere kun je de Theme Check-plugin gebruiken. (Controleer vervolgens alles opnieuw, voor het geval dat.)

Negen dingen die je kunt zeggen over de themacontroleprocessen op WordPress.org en ThemeForest

Laten we het hebben over de thema beoordelingsprocessen op WordPress.org en ThemeForest. Allereerst wil ik u eraan herinneren dat ThemeForest het themabeoordelingsproces van WordPress.org volledig omarmt, dus ik zal het eerst over WordPress.org en ThemeForest over de tweede keer hebben..

  1. Het handboek: Het Theme Review Handbook is het heilige boek van het review-thema van WordPress.org. Dus het zou ook je heilige boek moeten zijn.
  2. Verplicht: Het eerste deel van het beoordelingsproces op WordPress.org is het gedeelte waar de "vereiste" controles worden uitgevoerd. Als u dit onderdeel niet haalt, mislukt het en uw thema zal niet in de themarepository zijn.
  3. Aanbevolen: Het tweede deel is het gedeelte van de "aanbevolen" controles. (Zie de subsecties.) In dit deel zullen enkele niet-vereiste aspecten van uw thema (zoals CSS-preprocessors, kernfunctionaliteit en privacy) worden gecontroleerd. Het heilige handboek belooft dat "geen thema opgelost zal worden omdat het niet wordt goedgekeurd omdat ze niet aan een aanbevolen item voldoen". Amen.
  4. Toegankelijkheid: Dit derde deel van het beoordelingsproces, 'toegankelijkheid', is alleen vereist voor degenen die hun thema's taggen als 'toegankelijkheidsgereed' en niet verplicht voor de rest. Het heeft zijn eigen "verplichte" en "aanbevolen" subsecties, dus zorg ervoor dat u ze nakijkt als u aan een "toegankelijkheid-klaar" -thema werkt.
  5. De Thema Check Plugin: De plug-in waar we het over hebben, wordt ook gebruikt door uw thema-recensent. Maar dat betekent niet dat u het niet hoeft te gebruiken - in feite zal het gebruik ervan zowel u als uw revisor enorm veel tijd besparen..
  6. wachtrijen: Beoordelaars hebben hun eigen workflows, maar ze zullen werken met twee verschillende wachtrijen genaamd "Nieuw" (voor nieuw ingediende thema's) en "updates" (voor thema-updates).
  7. Kaartjes: Uw themagerichter neemt via de tickets contact met u op. Hij / zij zal u informeren over benodigde zaken, aanbevolen cheques en verschillende aantekeningen over uw thema.
  8. Hetzelfde geldt voor ThemeForest ...: Alle dingen die worden gezegd voor het themabeoordelingsproces van WordPress.org zijn van toepassing op het beoordelingsproces van ThemeForest. Behalve natuurlijk dat de thema-evaluatieteams en hun werkstromen anders zullen zijn.
  9. ... en nog meer, met ThemeForest-Check: Er is een oude plug-in genaamd ThemeForest-Check, die een add-on is van de Theme Check-plugin. Het heeft aanvullende controles en verschillende methoden. Gebruik het om uw beoordelingsproces op ThemeForest te verkorten.

Themacontrole gebruiken om uw thema vooraf te beoordelen

Het gebruik van de Theme Check-plugin is eigenlijk vrij eenvoudig.

  • Zoeken naar "Themacontrole" in de Plug-ins> Voeg nieuw toe scherm. (U hoeft misschien niet eens te zoeken naar het, zoals het zich bevindt in de sectie "Aanbevolen plug-ins".
  • Klik op de Installeer nu knop.
  • Activeer de plug-in wanneer deze is geïnstalleerd.
  • Ga naar de Uiterlijk> Themacheck scherm.

Na deze eenvoudige stappen zou je het onderstaande scherm moeten zien:

Voordat u uw thema controleert, is het echter aan te raden om in te schakelen WP_DEBUG in de wp-config.php het dossier. Dit is hoe je het doet.

Dingen Thema Cheques controleren

God, ik ben dol op titels met wat woordspel.

Terwijl ik deze tutorial aan het schrijven was, waren er 95 items in de checklist op de pagina "Theme Check Plugin" in het handboek. Er zijn vrij vage items, maar de koppen van de secties zijn een beetje duidelijker:

  • Beheerdermenu controleert.
  • Controleert op "slechte dingen" zoals base64 decoderen / coderen, met behulp van de eval () functie en dingen die spelen met PHP-instellingen.
  • String controleert zoals DOCTYPE, wp_footer () en comment_form (). (Personal rant: Waarom ondersteunt elk thema WordPress-opmerkingen? Ik denk dat ik geen opmerkingen heb gebruikt helemaal niet voor de bedrijfswebsites van mijn klanten.)
  • CDN controleert.
  • PHP-constanten controleren zoals TemplatePath en PLUGINDIR.
  • Algemene controles.
  • Aanpassingscontroles zoals de Customizer doet.
  • Deprecationchecks, wat betekent dat u de verouderde code in uw thema controleert.
  • Regeleindcontroles.
  • Aanvullende controles zoals redundante bestanden (zoals .git en .svn), essentiële bestanden, korte PHP-tags en pagineringcode.
  • Tekst domeincontroles.
  • Stylesheet-checks zoals themanaam, versie en ondersteuning voor standaard WordPress CSS.
  • Screenshotcontroles (bestaans- en groottecontroles).
  • Plugin territorium controles (de belangrijkste controles, denk ik).
  • Ondersteuning voor controles voor widgets.
  • Aanbevolen controles zoals ondersteuning voor aanbevolen afbeeldingen, editor stylesheet en de nieuwe add_theme_support ('title-tag').
  • Controleert op schadelijke code.
  • En informatieve controles (die niet verplicht zijn, noch aanbevolen) zoals iframe gebruik, mogelijk hard-gecodeerde links en niet-afdrukbare karakters (zoals Turkse speciale karakters, wat raar is, denk ik).

Kanttekening: Het heilige handboek van Theme Review heeft veel lege of onafgemaakte pagina's, wat betekent dat er veel ruimte voor verbetering is. Als je deze tutorial in de toekomst leest, sorry voor alle dubbelzinnige uitspraken.

Inpakken voor vandaag

Zoals ik al eerder zei, moet u de vrijheid gebruiken die WordPress op verantwoorde wijze biedt. Als u een thema maakt, moet u goed nadenken over uw potentiële gebruikers. De plug-in Themacontrole is een geweldige tool om je te helpen bij het "temmen" van de code van je thema.

Wat denk je over deze tool en het maken van thema's? Deel uw mening met ons door hieronder een reactie te geven. En als je het artikel leuk vond, vergeet dan niet om het met je vrienden te delen!

Zie je in het volgende deel waar we het hebben over de GenerateWP-website.