Hoe wordpress-thema`s te ontwerpen
ThisTeaches u om thema`s aan te passen en te ontwerpen voor WordPress.Het ontwerpen van WordPress-thema`s van nul kan een langdurig proces zijn dat veel codering betreft, maar er zijn apps die het proces kunnen vereenvoudigen.Eén app is een WordPress-plug-in genaamd Elementor die kan worden geïnstalleerd in het WordPress Dashboard.
Stappen
Deel 1 van 11:
Elementor installeren1. Log in op WordPress.Nadat u WordPress op uw server hebt geïnstalleerd, kunt u inloggen op het WordPress Dashboard door de URL voor uw website in een webbrowser te typen, gevolgd / WP-admin (bijvoorbeeld, mijn website.com / wp-admin.Typ vervolgens uw gebruikersnaam en wachtwoord om in te loggen.
- Klik hier om te lezen over het installeren van WordPress op uw webserver.
2. Klik Plug-ins.Het zit in de zijbalk aan de linkerkant.Het staat naast een pictogram dat lijkt op een elektrische plug.
3. Klik Voeg nieuw toe.Het zit in de linkerbovenhoek van de plug-ins-pagina.
4. Type Elementor In de zoekbalk en druk op ↵ ENTER.Dit geeft een lijst met plug-ins weer die overeenkomen met uw zoekopdracht.
5. Klik Installeer nu in de doos die zegt "Elementor Page Builder".Het is de plug-in die een paars en roze pictogram heeft met vier witte balken in de vorm van een kapitaal "E".Dit installeert Elementor Page Builder als plug-in voor uw WordPress-website.
6. Klik Activeren.Nadat Elementor is geïnstalleerd, verschijnt deze knop naast de kopbal in het vak Elementor-plug-ins.
Deel 2 van 11:
Een nieuwe pagina met Elementor maken
1. Klik Dashboard.Het staat aan de bovenkant van de zijbalk aan de linkerkant van WordPress.
2. Klik + Maak een nieuwe pagina.Het is tegenover de elementor onder de koptekst die zegt "Elementor Overzicht".Het zit in de eerste kolom.Hierdoor wordt een visuele pagina-editor geopend.
3. Klik
4. Typ een titel.Gebruik het onderstaande tekstvak "Titel" Om de titel van uw pagina te typen.De titel gaat bovenaan de pagina.
5. Selecteer een pagina-indeling.Gebruik het vervolgkeuzemenu hieronder "Pagina layout" Om een sjabloon voor uw pagina te selecteren.
Deel 3 van 11:
Standaardkleuren selecteren
1. Klik ☰.Het zit in de linkerbovenhoek van de Sidebar van de Elementor aan de linkerkant.
2. Klik Standaardkleuren.Het is de eerste optie in het sidebar-menu onder de "Stijl" koper.
3. Selecteer een kleurenpalet.U kunt een palet uit de lijst selecteren onder de koptekst die zegt "Meer paletten", Of klik op de vakken aan de bovenkant van de zijbalk om een kleur te selecteren voor de primaire, secundaire, tekst- en accentkleuren.Gebruik de kleurvak om een kleur te selecteren of voer de kleur Hex-code in de balk bovenaan in.
4. Klik Van toepassing zijn.Het zit in de rechterbovenhoek van het Sidebar-menu.
Deel 4 van 11:
De standaardlettertypen selecteren
1. Klik ☰.Het zit in de linkerbovenhoek van de Sidebar van de Elementor aan de linkerkant.
2. Klik Standaardlettertypen.Het is de tweede optie onder de "Stijl" Header in de zijbalk.
3. Klik Primaire kop.Het is de eerste optie in het standaard lettertypenmenu.
4. Selecteer een FONT-familie.Gebruik het vervolgkeuzemenu om een FONT-familie te selecteren.
5. Selecteer een gewicht.Gebruik het vervolgkeuzemenu om te selecteren hoe dik het lettertype is.U kunt ook selecteren "Stoutmoedig" In het vervolgkeuzemenu.
6. Klik Secundaire kop.Het is de eerste optie in het standaard lettertypenmenu.
7. Selecteer een FONT-familie.Gebruik het vervolgkeuzemenu om een FONT-familie te selecteren.
8. Selecteer een gewicht.Gebruik het vervolgkeuzemenu om te selecteren hoe dik het lettertype is.
9. Klik Lichaamstaal.Het is de eerste optie in het standaard lettertypenmenu.
10. Selecteer een FONT-familie.Gebruik het vervolgkeuzemenu om een FONT-familie te selecteren.
11. Selecteer een gewicht.Gebruik het vervolgkeuzemenu om te selecteren hoe dik het lettertype is.
12. Klik Accenttekst.Het is de eerste optie in het standaard lettertypenmenu.
13. Selecteer een FONT-familie.Gebruik het vervolgkeuzemenu om een FONT-familie te selecteren.
14. Selecteer een gewicht.Gebruik het vervolgkeuzemenu om te selecteren hoe dik het lettertype is.
15. Klik Van toepassing zijn.Het zit in de rechterbovenhoek van de zijbalk.
Deel 5 van 11:
Een heading toevoegen
1. Klik buiten de zijbalk.Dit geeft de zijbalk terug naar het standaardmenu.
2. Sleep het kopplein naar het gedeelte.De kopdoos is de doos met een groot kapitaal "T".Het staat in de rechterbovenhoek van het sidebar-menu.Het gedeelte is het vierkant met het gestippelde omtrek op de hoofdpagina.Dit zal het gedeelte in koptekst draaien.Er verschijnt een nieuw leeg gedeelte onder de kop.
3. Typ de kop.U kunt op de kop op de hoofdpagina klikken en de kop typen of het tekstvak in de zijbalk gebruiken om de kop te typen.
4. Selecteer de koplengte.Gebruik het vervolgkeuzemenu naast "Grootte" Om de grootte van de kop te selecteren.
5. Selecteer uitlijning.Klik op een van de vier vierkanten onder aan het menu Sidebar om de uitlijning te selecteren.U kunt de tekst naar links uitlijnen, naar het midden, naar rechts of gerechtvaardigd in de gehele gedeelte.
Deel 6 van 11:
Lichaamstekst toevoegen
1. Klik Nieuwe sectie.Dit geeft u de mogelijkheid om secties binnen een sectie te maken.U ziet een lijst met manieren om de sectie te verdelen.
2. Klik op een sectiestructuur.Er zijn een aantal manieren waarop u de sectie kunt verdelen.U kunt meerdere kolommen of een zijbalk aan de linker of rechts of beide toevoegen.Klik op de knop met de afbeelding die het meest lijkt op de manier waarop u de lay-out van uw lichaamstekst wilt.
3. Sleep het teksteditor-vakje naar de sectie (en) waar u tekst wilt toevoegen.De teksteditor is het tweede vak in de zijbalk.Het heeft verschillende regels die lijken op de tekst.U kunt het naar een sectie op de hoofdpagina slepen.
4. Type lichaamstekst.Gebruik het tekstvak in de zijbalk om uw lichaamstekst in te voeren.Met de werkbalk bovenaan het tekstvak kunt u bold, cursief, onderstrepen, genummerde en kogellijsten en hyperlinks toevoegen.De laatste knop, die lijkt op twee rechthoeken met dozen in daarin breidt de werkbalk uit voor meer formatteringsopties.
Deel 7 van 11:
Een afbeelding toevoegen
1. Sleep het afbeeldingsvak naar een sectie.De afbeeldingsbox heeft een pictogram dat lijkt op een foto van bergen en een zon.
2. Klik Kies uw afbeelding.Het is de grote grijze doos in de zijbalk.Hiermee wordt een pop-upvenster weergegeven.
3. Klik Selecteer bestand.Het is de grote knop in het midden van het pop-upvenster.Hiermee wordt een bestandsbrowser geopend die u kunt gebruiken om afbeeldingsbestanden te selecteren.
4. Klik op een afbeeldingsbestand.Gebruik de bestandsbrowser naar en klik om een afbeelding te selecteren die u wilt uploaden.De maximale bestandsgrootte is 2 megabytes.
5. Klik Open.Het zit in de rechterbenedenhoek van de bestandsbrowser.Dit zal het afbeeldingsbestand uploaden en deze in de sectie weergeven.
6. Selecteer beeldformaat.Gebruik het vervolgkeuzemenu onder de afbeelding om de afbeeldingsgrootte te selecteren.Er zijn verschillende maten en afmetingen om uit te kiezen.
7. Selecteer uitlijning.Gebruik de drie vakken onder het vervolgkeuzemenu Beeldgrootte om de afbeelding uitlijning te kiezen.U kunt de afbeelding naar links, het midden of de rechterkant van de sectie uitlijnen.
8. Voeg een bijschrift toe (optioneel).Als u een bijschrift aan de afbeelding wilt toevoegen, gebruik het tekstvak over "Onderschrift" om een bijschrift te typen.
9. Voeg een link toe (optioneel).Als u een link wilt toevoegen, gebruikt u het vervolgkeuzemenu onderaan de zijbalk om een link toe te voegen aan een URL- of Mediabestand.
Deel 8 van 11:
Video toevoegen
1. Sleep videobox naar sectie.De videobox heeft een pictogram dat lijkt op het YouTube-logo.
2. Selecteer videotype.Gebruik het vervolgkeuzemenu tegenover "Videotype" om YouTube of Vimeo te selecteren.
3. Video-link toevoegen.Gebruik het vak onder de link om de video-link van YouTube of Vimeo te kopiëren en plakken.
4. Pas video-opties aan.Gebruik de schakelaars om de volgende opties in of uit te schakelen.
5. Beeldoverlay toevoegen (optioneel).Als u een afbeelding overlay wilt toevoegen, klikt u op "Beeldoverlay" Aan de onderkant van de zijbalk.Klik op de schakelaar naast "Beeldoverlay" en klik vervolgens op het grote grijze doos om een afbeelding te uploaden om te gebruiken als een overlay.
Deel 9 van 11:
Knoppen toevoegen
1. Klik Nieuwe sectie.Dit geeft u de mogelijkheid om secties binnen een sectie te maken.U ziet een lijst met manieren om de sectie te verdelen.
2. Klik op een sectiestructuur.Er zijn een aantal manieren waarop u de sectie kunt verdelen.U kunt meerdere kolommen of een zijbalk aan de linker of rechts of beide toevoegen.Klik op de knop met de afbeelding die het meest lijkt op de manier waarop u de lay-out van uw knoppen wilt.
3. Sleep het vak knoppen naar een sectie.De knop Box heeft een pictogram dat lijkt op een muiscursor die op een knop klikt.
4. Typ de knop Tekst.Typ wat u wilt de knop om te zeggen in het tekstvak tegenover "Tekst".
5. Voeg een knopkoppeling toe.Gebruik het vakje naast "Koppeling" Om de URL van de pagina toe te voegen waar u de knop wilt koppelen aan.
6. Selecteer knopuitlijning.Gebruik de vier dozen hieronder "Uitlijning" Om de knop links, rechts, centrum of gerechtvaardigd in het gehele gedeelte uit te lijnen.
7. Selecteer knopgrootte.Gebruik het vervolgkeuzemenu tegenover "Grootte" Om de grootte van de knop te selecteren.U kunt extra klein, klein, medium, groot of extra groot selecteren.
8. Selecteer knoppictogram.Gebruik het pulldown-menu om een pictogram te selecteren om naast de knop tekst te gaan.
9. Selecteer pictogrampositie.Gebruik het volgende vervolgkeuzemenu om te selecteren of u wilt dat het pictogram voor of na de tekst gaat.
10. Selecteer knopstijl (optioneel).Als u meer opties wilt om de knop in te stellen, kunt u klikken "Stijl" Aan de bovenkant van de zijbalk.Hier kunt u de knop Kleur, Tekstkleur en Lettertype wijzigen, evenals een rand voor de knop selecteren.
Deel 10 van 11:
Een verdeler toevoegen
1. Sleep de scheidingsdoos naar een sectie.Verdelers zijn stoffenlijnen die tussen secties op een webpagina gaan.
2. Selecteer Divider-stijl.Gebruik het vervolgkeuzemenu naast "Stijl" Om de lijnstijl te selecteren.Je kunt solide, dubbel, gestippeld of onderbroken selecteren.
3. Geselecteerd gewicht.Gebruik de schuifbalk onder "Gewicht" om de lijndikte aan te passen.
4. Selecteer kleur.Klik op het vak tegen de kleur om de kleur van de lijn te selecteren.
5. Selecteer de lijnbreedte.Gebruik de schuifbalk hieronder "breedte" om aan te passen hoeveel van de sectie de lijn zal bezetten.
6. Selecteer uitlijning.Klik op een van de drie onderstaande vakken "uitlijning" Om de lijnuitlijning te selecteren.U kunt het op de linker, rechts of midden van de sectie uitlijnen.
Deel 11 van 11:
Widgets toevoegen en publiceren
1. Sleep een widget naar een gewenste sectie.Er zijn veel widgets in de zijbalk waarmee u tabbladen, beeldgalerieën, sociale media-iconen, zijbalken en meer toevoegen.Er zijn veel om mee te spelen en te experimenteren met.
2. Klik Publiceren.Het is de groene knop in de linkerbenedenhoek van de zijbalk.Klik hier wanneer u klaar bent met het ontwerpen van uw thema en zijn pagina`s.
Deel in het sociale netwerk:
Hoe een wordpress-bericht verwijderen
Contact opnemen met wordpress-ondersteuning
Hoe een nieuw bericht toe te voegen in wordpress
Hoe een plug-in toevoegen aan wordpress
Hoe bookly-app toe te voegen aan een webpagina op iphone of ipad
Wordpress-cache schoonmaken
Hoe een bericht te bewerken in wordpress op pc of mac
Hoe een wordpress-lettertype te veranderen
Hoe een pagina te kopiëren in wordpress
Hoe toevoegen lees meer aan wordpress
Hoe u uw startpagina bewerkt op wordpress op pc of mac
Hoe maak je een foto-diavoorstelling in wordpress
Hoe een wordpress-blog te exporteren en importeren
Hoe een blog te verwijderen op wordpress
Hoe de standaardtaal in wordpress te wijzigen
Hoe een link toe te voegen aan wordpress
Hoe auteurs toe te voegen aan wordpress
Hoe rss aan uw wordpress-blog toevoegen
Hoe een bericht te bewerken in wordpress op android
Hoe een subpagina toe te voegen in wordpress
Hoe tags toevoegen in wordpress