conclusie
Na het installeren en activeren van WordPress.org kun je het direct in de blokeditor gebruiken. Het aanpassen van breekpunten is optioneel, maar als u deze aanpast aan het ontwerp van uw site, kunt u een nauwkeurigere responsieve weergave bereiken.
Installatiemethode
Installeren vanaf het WordPress-beheerscherm (aanbevolen)
- Open Plug-ins > Nieuwe toevoegen op het WordPress-beheerscherm
- Voer “ZenBlocks” in het zoekveld in
- Wanneer ZenBlocks verschijnt, klikt u op Nu installeren
- Nadat de installatie is voltooid, klikt u op Activeren
Punten: Omdat het wordt gedistribueerd vanuit de officiële WordPress.org-directory, is het een veilige plug-in die een veiligheidsbeoordeling heeft doorstaan.
Installeren vanuit ZIP-bestand
- Download het ZIP-bestand van ZenBlocks-pagina van WordPress.org
- Open op het WordPress-beheerscherm Plug-ins > Nieuwe toevoegen > Plug-in uploaden
- Selecteer en upload het gedownloade ZIP-bestand
- Klik op Plug-in inschakelen
Bevestig de activering
Eenmaal ingeschakeld, verschijnt de categorie ZenBlocks Elementen in het invoegpaneel van de blokeditor.
- Open het bewerkingsscherm voor elk bericht of elke pagina
- Klik op de knop + linksboven om het blokinvoegpaneel te openen
- Zoek naar "ZenBlocks" of zoek naar ZenBlocks Elementen in de categorielijst
- Button Basic Als het blok wordt weergegeven, is de installatie succesvol.
Overzicht instellingenscherm
U kunt de algemene instellingen van de plug-in openen via Instellingen > ZenBlocks.
| Artikel | Beschrijving |
|---|---|
| Breekpuntinstellingen | Wijzig de schermbreedtedrempel per apparaat |
| CSS-cache leeg | Wis de cache van de frontend-stijl handmatig |
| Licentiebeheer | Voer de licentiesleutel in en controleer de status van de Pro-versie |
Breekpunten aanpassen
Met ZenBlocks kunt u vier breekpunten aanpassen voor een responsief ontwerp.
Standaardwaarde
| apparaat | Weergavenaam | scherm breedte |
|---|---|---|
| PC | bureaublad | 1141px of meer |
| MD | middelste scherm | 841px ~ 1140px |
| TB | tablet | 541px ~ 840px |
| SP | smartphone | 540px of minder |
Hoe te veranderen
- Open Instellingen > ZenBlocks
- Wijzig waarden in het gedeelte Breekpuntinstellingen
- Klik op Opslaan
Opmerking: Als u het breekpunt wijzigt, wordt responsieve CSS opnieuw gegenereerd voor alle ZenBlocks-blokken. Als de stijl op een bestaande pagina kapot gaat, wis dan de CSS-cache.
volgende stap
Zodra de instellingen zijn voltooid, probeert u het blok te gebruiken met [Create your first button] (../first-button/).