Browsed by
Month: January 2017

sKBL migratie – aantekeningen

sKBL migratie – aantekeningen

Comments 0 Comment

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

  1. 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

  1. “Toon icoon voor home” uitschakelen

 

 

 ! Interessante optie: “laatste nieuws” inschakelen (voor eyecatchers)

 

Footer.php

  1. Copyright aanpassen (verwijdert verwijzing naar maker template)

<?php do_action( ‘colormag_footer_copyright’ ); ?>

vervangen door:

<div class=”copyright”>Copyright &copy; <?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)