Suffusion

• Suffusion Options -> Back-end -> Child Themes -> Vink aan: Don’t inherit
• Maak een child theme en zet in ieder geval bovenaan: [css]@import url("../suffusion/style.css");
  Eventueel: (slashes verwijderen): NB: rounded corners hoef je niet apart aan te roepen, merkte ik. Als je ze heb aangevinkt, dan doet het thema dat wel. Anders staat het er dubbel in.
  /* Include this if you are not inheriting and you wish to have rounded corners */
  /* @import url("../suffusion/rounded-corners.css"); *//* Include this for your specific skin if you are not inheriting */
  /* @import url("../suffusion/skins/light-theme-royal-blue/skin.css"); *//* Include this if you are using a dark theme and you are not inheriting. This is not needed for newer skins like Minima or Photonique */
  /* @import url("../suffusion/dark-style.css"); *//* Include this for your specific skin if you are using a dark theme and you are not inheriting */
  /* @import url("../suffusion/skins/dark-theme-royal-blue/skin.css"); */
  [/css]

• Bij de Suffusion-methode heb je meer opties en zit je ook niet vast aan de preciese grootte. Zorg wel dat er niets staat ingevuld bij Weergave – Header.
• Je kan ook de widgetruimte: “widget above header”

Heel belangrijk: maak een map in in de hoofdmap: wp-content. Geef hem een naam en plaats hierin via ftp de header plaatjes. Dan: bij Skinning – Header – Folder for Rotating Header background: vul alleen de naam van de folder in. Vooral niet het hele adres! Dan werkt het goed: er verschijn tiedere keer een andere header als iemand op een ander menu kiest (bij scherm verversen), niet spontaan.

NB: het werkt alleen met instelling van Back End – site optimization – Use “Lite” version of JQuery Cycle?: use regular version!

Handig voor als je zoals hier op de voorpagina het laatste nieuws wil laten zien met een headerplaatje. Rechts het excerpt. Onderaan een rij met nummers, waardoor je kan bladeren. Je stelt bijv. in : alleen de laatste 5 bericten; of alleen de laatste featured berichten; je kan ook een paar vaste pagina’s benoemen. Klik erop en je komt bij het betreffende bericht of pagina.

• Wil je niet dat een item uit de balk kan worden aangeklikt, dan geef je dat op de pagina zelf aan bij Suffusion opties: Koppel deze pagina niet in de navigatiebalken. Als dit vak is aangevinkt, dan zal het aanklikken van deze pagina in de navigatiebalk je nergens heenbrengen. Maar let op: bij de breadcrumbs wordt de moederpagina overgeslagen!
• Als een kind-pagina is geopend de opmaak van de ouder veranderen: [css collapse=”false”]#nav ul li.current-menu-ancestor a, #nav ul li.current-menu-parent a, #nav ul li.current-menu-ancestor a:visited, #nav ul li.current-menu-parent a:visited {
  background:#000 !important;
  }[/css]
• Let op dat de titel in een menu niet te lang is, anders wordt het select balkje te breed en komt er een scrollbalk.
• Gebruik de plugin foobox
• Gebruik de plugin footable: dan komen de kolommen onder elkaar ipv naast elkaar. Je kan sommige kolommen laten inklappen, zorg dat ze goed zijn opgemaakt met thead en th en stel dan van de th (kolomkop)  in of een kolom moet uitklappen en bij welk apparaat (phone of ipad). (vb listcategory)
• Kies bij Header voor: Header is inside the main wrapper
• Bij lange titels wordt het select balkje ook navenant breed. Geef het met css een maximale breedte. [css collapse=”false”] @media screen and (max-width: 980px) { .tinynav{max-width:240px}[/css]
• Soms valt het zoekbalkje uit de right header widgets precies over het select balkje: plaats het met css iets naar boven [css collapse=”false”]#right-header-widgets {position:relative; top:-50px}[/css]
• Bij grote plaatjes is het handig om een maximale breedte op te geven: [css collapse=”false”] @media screen and (max-width: 980px) {
  img {max-width:200px!important}
  }@media screen and (max-width: 240px) {

  img {max-width:50px!important}
  }[/css]