sKBL migratie – aantekeningen
Plugins
Plugin “Display Widgets” (opnieuw) installeren
Hoewel deze op de sKBL-site ‘gedeactiveerd’ lijkt te staan, wordt de plugin wel degelijk gebruikt voor o.a. het tonen van verschillende menu’s op pagina’s. De niet-actieve status moet een bug zijn..
CSS
aanpassingen aan het child-template > style.css
Om grijze lijn onder logo te verwijderen, border-style toevoegen aan .header-image:
.header-image {
margin: 6px 10px 10px -7px;
width: 210px;
border-style:none;
}
Achtergrond body op wit zetten
body {
background-color: #ffffff;
}
Voor kolommen in footer toegevoegd (hiervoor ook sidebar-footer.php veranderd > zie child):
.kol_mid { /*erik*/
width: 50%;
margin: 10px;
display: inline-block;
vertical-align: top;
}
.kol_side { /*erik*/
width: 20%;
margin: 10px;
display: inline-block;
vertical-align: top;
}
En voor kleine schermen:
/*————————————————————–
Responsive Structure
————————————————————–*/
@media screen and (max-width:768px) {
.kol_mid { /*erik*/
width: 100%;
margin: 10px;
display: inline-block;
vertical-align: top;
}
.kol_side { /*erik*/
width: 100%;
margin: 10px;
display: inline-block;
vertical-align: top;
}
}
PHP child-template
Header.php
- Om header zelfde breedte te geven als content, class “inner-wrap” toevoegen aan <head> tag.
<header id=”masthead” class=”site-header inner-wrap clearfix”>
2. Toevoegen Google-fot Droid serif en Roboto in header:
<link href='http://fonts.googleapis.com/css?family=Droid+Serif1' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto2' rel='stylesheet' type='text/css'>
Backoffice aanpassingen colormag
> header-opties
- “Toon icoon voor home” uitschakelen
! Interessante optie: “laatste nieuws” inschakelen (voor eyecatchers)
Footer.php
- Copyright aanpassen (verwijdert verwijzing naar maker template)
<?php do_action( ‘colormag_footer_copyright’ ); ?>
vervangen door:
<div class=”copyright”>Copyright © <?php echo date( ‘Y’ ) ;?> Alle rechten voorbehouden</div>”
Sidebar-footer.php
In child zetten. (zie versie cultuurhuizen.nl). Omgebouwd: backend functionaliteit niet nodig.
Twee classes toegevoegd: kol_mid en kol_side . Zie CSS aantekeningen
Reference table:
1) view-source:http://fonts.googleapis.com/css?family=Droid+Serif (view-source:http://fonts.googleapis.com/css?family=Droid+Serif)
2) view-source:http://fonts.googleapis.com/css?family=Roboto (view-source:http://fonts.googleapis.com/css?family=Roboto)