DIVI

Gekocht bij elegantthemes:

De 70 onderdelen van divi builder in video’s en tekst uitgelegd

customization: https://quiroz.co/divi-tutorials-much/tutorials-for-web-designers/#divi-customization

https://divibooster.com/customizing-the-divi-wordpress-theme/

10 hidden tips: https://www.elegantthemes.com/blog/divi-resources/10-hidden-divi-features-you-need-to-know-about

Nog meer over teksten: https://www.elegantthemes.com/blog/divi-resources/5-text-styling-tricks-for-wordpress-and-divi

https://www.elegantthemes.com/blog/divi-resources/the-ultimate-guide-to-using-images-within-divi

https://www.elegantthemes.com/blog/tips-tricks/optimize-images-for-your-wordpress-website

Shortcodes: http://madlemmings.com/elegant-theme-shortcodes-explained/

zoals: [tooltip text="Add a caption title"] Content [/tooltip]

Zijbalk links -< op mobiel als eerste getoond. Maar dat kan anders. Zie deze uitleg

Je single.php aanpassen,

uitgelichte afbeeldingen

Het blijkt enorm lastig om de uitgelichte afbeelding echt te laten zien als een thumbnail en niet in zijn volle grootte. Zowel DIVI als EXTRA kunnen dit niet. Dit in tegenstelling tot de standaard WordPress sites. Dat is echt wennen!
Bekijk je de “thumbnail”aangemaakt door DIVI of EXTRA, dan zie je een afbeelding op volle grootte.

Die afbeelding kan je met css nog wel wat kleiner laten lijken.
Er is veel over geschreven en men vindt diverse oplossingen.
Een algemeen stukje door DIVI zelf: http://www.eleganttweaks.com/divi/divi-rules-thumbnail-images/
Regel 4 hieruit zegt: Featured images should not exceed 250 KB in size
Het lijkt erop dat je deze afbeeldingen dus apart moet uploaden.

Ik vond een mooie oplossing voor het EXTRA theme, maar dat lukt helaas niet met DIVI.

  • bepaal bij instellingen media de grootte van het single post image. Standaard is deze groot, verklein hem tot bij 400 x 250 px.
    Laat thumbnails voor dit formaat opnieuw genereren.
    Maar bij DIVI maakt dit allemaal niet uit. Een featured image blijft gewoon het grote bestand.  (dwz wat je zelf heb ingesteld als maximale grootte).
    Ik stelde onderstaande bestanden in als kleiner, maar ze worden helaas niet opgepakt door de hierna volgende plugin

    DIVI

    DIVI

  • installeer de plugin Featured image in Content
  • verwijder de featured afbeelding van DIVI mbv:

    DIVI

  • Bepaal in je css hoe groot de afbeelding moet tonen .wp-post-image {width:30%}
  • verklein de afbeelding van de featured afbeelding in het single.php bestand:

    DIVI

    verander 1080 in bijv.  400 en 675 in 250. Deze uitgelichte afbeelding wordt gebruikt in de module blog.

 

De pagina wordt hiermee een stuk sneller geladen.
En ook hoef je dan geen maatregelen meer te nemen om die enorm grote uitgelichte afbeelding kleiner te laten lijken.

[collapse]
klassieke editor inschakelen

Dat kan bij divi thema opties – builder – geavanceerd

DIVI

[collapse]
projecten verbergen

Dat kan op 2 manieren voor DIVI, maar voor EXTRA werkt alleen de 1e (begin 2019)

[collapse]
breadcrumbs

gekocht voor 5,95 bij de man van divibooster: https://divibooster.com/breadcrumbs-module/

Unlimited sites
Meer aanwijzingen (activeer bij DIVI opties voor thema – Navigation – algemene instellingen – kies bij add breadcrumb voor breadcrumbs (of de naam die je zelf voor deze layout gaf)
NB: ik heb de indruk dat dit vakje zichzelf wel eens vanzelf instelt op None.

[collapse]
DIVI Booster

DIVI Booster diverse tips a 19 $

Header – Main header: Don’t shrink header on scroll
Posts: Don’t stretch featured images
Divi builder: hide visual builder

[collapse]

footer vast onderaan

Dit is echt de mooiste oplossing:
https://divi4u.com/divi-quasi-sticky-footer-plugin/

[collapse]
niet tonen op tablet/telefoon

Dat kan je instellen per module

DIVI

[collapse]
events manager en divi

Locatie aanmaken: dat werkt alleen prima als je het invulformulier invult. Locaties achter de schermen als admin invullen werkt niet. Ik weet niet of het aan divi ligt, maar dit is in ieder geval een praktische oplossing.

[collapse]
Full width: zijbalken verwijderen per pagina of voor hele website

Maar ik vind het praktischer om de pagina in te stellen op Fullwidth. Dat moet je per pagina doen.

DIVI

Let op: dit krijg je niet te zien als je al de divi opbouwfunctie gebruikt.
In dat geval: sla je layout op in de bibliotheek. Stel de pagina in op: Gebruik standaard editor. Wijzig in Full width en laadt vervolgens de inhoud weer vanuit de bib.

Je kan ook alleen een sectie Full width kiezen: kies sectie Volle breedte

DIVI

Of je kiest een gewone sectie en stelt dan de rij-module in: deze rij op volle breedte maken:

DIVI

[collapse]
theme options exporteren en importeren in andere website

Voor theme options: klik op de 2 pijltjes rechts:

Geef een naam aan het export bestand en importeer het.DIVI

Zo kan je ook export bestanden maken voor de library.

Voor de theme options kan je deze plugin gebruiken: https://wordpress.org/plugins/backup-restore-divi-theme-options/, maar hij lijkt niet alles te kopieren.

[collapse]
Van divi overstappen op ander thema?

gebruik dan de plugin Divi builder. Dan werken de codes gewoon door.
Als je overstapt naar Genesis, gebruik dan ook de dambuster plugin, daarmee kan je ook full width pagina’s maken (met behoud van DIVI)
Few points: You’re still locked into ElegantThemes ecosystem. If you’re looking to move away, this tutorial won’t help you. Also, not all themes support full edge-to-edge layouts like Divi does, and like DamBuster enables for your StudioPress theme.
zie https://www.youtube.com/watch?v=CZ-XdRiScYE

[collapse]

 

mooie accordion: betaalde plugin
snelheidswinst

Dit lijkt te helpen:
DIVI thema opties – general: use Google fonts (uitschakelen)

[collapse]