In het oefen thema 1508_Genlike is een optie om per pagina of bericht een afbeelding in de Header te plaatsen.

De afbeelding wordt dan geplaatst onder de Menubalk over de totale breedte van het scherm. Zie boven in de pagina van dit bericht.

U kunt dat doen door in de Editor onder de optie Extra velden een veld aan te maken (Nieuwe toevoegen) met de naam “Header afbeelding” (letterlijk overnemen en zonder aanhalingstekens) en dan als waarde het complete Internetadres van de afbeelding (URL) in te vullen. Lees verder

Er zijn verschillende media die door bezoekers gebruikt worden om uw website te bezoeken.

Dat gaat van Desktop Computer tot Mobiele telefoons, alleen met een eigen schermafmeting.

Vele WordPress thema’s zijn Responsive thema’s die zich automatisch aanpassen aan het beeldscherm van de bezoeker.

Maar let op, niet alle thema’s zijn Responsive. Dit geld vooral voor de oudere thema’s.

U kunt uw website testen om te zien of deze wel goed responsive is op: www.responsivedesignchecker.com

Om de standaard kleur van de Menubalk (navigatiebalk) te veranderen, kan de CSS instellingen aangepast worden.

Dat kan op de volgende manier.

Ga in het Dashboard naar: Weergave > Customizer > Extra CSS.

Hier kan de volgende code geplakt worden:


.sdb-nav {background:#008;}
ul.sdb-hmenu ul li a:hover, .desktop ul.sdb-hmenu ul li:hover > a {background:#00a;}
ul.sdb-hmenu li li a {background:#008;}
.tiny.sdb-nav {background:#008;}

 
In deze code staat de kleurcode op #008 (marineblauw) maar dat kan aangepast worden.

Er is op onze website ook een Kleur picker om de juiste kleur te kiezen.
Ga hiervoor naar: www.wp-flevoland.nl/color/

Uitleg van de code:

.sdb-nav {background:#008;}
Dit is de achtergrondkleur van de hele balk.

ul.sdb-hmenu ul li a:hover, .desktop ul.sdb-hmenu ul li:hover > a {background:#00a;}
Hier wordt de “hover” kleur (als de muis er op staat) gegeven van de knoppen in de menubalk.

ul.sdb-hmenu li li a {background:#008;}
Met deze code wordt de achtergrondkleur van de knoppen op de menubalk aangegeven.
In dit geval de zelfde kleur als van de menubalk zelf (probeer eens dit te wijzigen)

.tiny.sdb-nav {background:#222;}
Met “.tiny” voor de code “.sdb-nav” wordt de kleur bepaald voor de Menubalk als de balk verkleind wordt.
De Menubalk wordt van hoogte verkleind als de pagina naar beneden gescrold wordt.

Sucuri is een goede Plugin waarmee alle veranderingen van de WP bestanden worden gevolgd.

Als een WP bestand afwijkt van de originele bestand wordt daar melding van gemaakt. Met slechts een muisklik kan een gewijzigd bestand weer hersteld worden naar het originele bestand.

Daarnaast wordt er een Logboek bijgehouden, waarin alle logins, wijzigingen en handelingen vermeld wordt.

Deze plugin is ideaal om het hacken van de website tegen te gaan en eventueel te herstellen.

Meer info over de Sucuri plugin

In de cursus worden meerdere Plugins en tips besproken om het hacken van de website tegen te gaan.

NB: dit bericht is een aanvulling op het gesprek van de WordPress lesavond van 21 februari 2018.

De Header Foto op eigen website plaatsen

  1. Ga in uw Dashboard naar: Media, Nieuw Bestand
  2. Kies eventueel bij de Brouwser uploader voor de optie: “Schakel om naar de nieuwe uploader” (indien zichtbaar)
  3. Sleep de foto naar het venster.

Klaar!

 

NB:

Meer info om de afbeelding als headerafbeelding te gebruiken ga naar: www.wp-flevoland.nl/header-afbeelding-plaatsen

 
WordPress Handleiding

Hier kunt u gratis een WordPress Handleiding Downloaden  (Alternatieve link)

 

CSS Websites

www.w3schools.com/css/
http://www.handleidinghtml.nl/css/

 

Afbeeldingen

Import afbeeldingen plugin:

Save & Import Image from URL

 

Het is mogelijk om een YouTube clip in je website te tonen, door enkel het URL adres van de clip in een bericht of pagina te plakken.

Zie voorbeeld:

https://www.youtube.com/watch?v=JutLU4HMmEA   (URL link kopiëren en plakken)

Afmetingen van de clip aanpassen

De afmetingen van de clip aanpassen kan bij YouTube. Dan wordt het een IFRAME code, die geplakt kan worden.

Optie: Delen, Insluiten, Videoformaat (aanpassen naar gewenste maat)

Let op: Complete IFRAME code plakken met de Editor in de Tekst mode, dus niet in de Visual mode (rechtsboven de werkbalk van de Editor)

Zie voorbeeld: (400px breed)

 

WordPress

In samenwerking met de bibliotheken in de provincie Flevoland, FlevoMeer Bibliotheek, organiseren we regelmatig workshops/trainingen voor ondernemers en starters om een eigen website te maken en/of te beheren.

We werken met het populaire en gebruikersvriendelijke CMS systeem WordPress. WordPress is een Content Manage Systeem (CMS) waarmee makkelijk een website opgebouwd en beheerd kan worden. Doormiddel van aanvullende Plugin’s kan de website ten alle tijd uitgebreid worden tot een volwaardige Dynamische Website, Weblog of Webshop. WordPress is een CMS systeem dat gratis gedownload kan worden. In onze trainingen leert u vele ins & outs van dit systeem.

Onze trainingen zijn voor 2017 gepland in Emmeloord en Zeewolde. De trainingen bestaan uit 4 maal een avond in de week van 2 uren. Dus 4 X 2 lesuren. Binnenkort hopen we informatie te geven over 2018.

Voor meer informatie en aanmelding kunt u gaan naar de Website van Flevomeer Bibliotheek.

Daarnaast geven wij ook individuele trainingen voor ondernemers, starters, verenigingen en particulieren. Voor meer informatie kunt u vrijblijvend bellen naar (0527) 652820 of ons schrijven via ons Contactformulier.

WP-Flevoland is een initiatief van  PlusComp Computertrainingen & Webdesign.

De WordPress Workshops in de Bibliotheken is een initiatief van Flevomeer Bibliotheek.

 

Bij het 1508 Genlike Thema veranderd bij het scrollen de navigatie balk naar een kleinere navigatie balk toe.

Deze optie kan uitgezet worden per pagina of bericht via een Extra veld te maken.

De naam van dit Extra veld moet zijn: Tini Nav

De waarde om het uit te zetten moet zijn: Nee

Let op: beide zijn Hoofdletter gevoelig

Dat is voldoende om de Tiny navigator uit te zetten.

Het is mogelijk om de Verzendknop van het Contactformulier van de plugin Contact Form 7 aan te passen aan uw Thema.

Dat kunt u doen door in uw Dashboard te gaan naar Contact > Contactformulieren en dan te kiezen voor Bewerken.

De optie “Bewerken” verschijnt wanneer u de muispijl op de titel van het formulier plaatst.

Lees verder

De Header van het (oefen) Thema 1508_Genlike is  per pagina te verbergen door het vinkje te verwijderen bij de optie “Show Header on Page” onder “Theme Options” in de Page Editor.

Maar bij de berichten wordt de Header wel getoond. Hier is de bovengenoemde optie niet aanwezig om de Header te verbergen. Om toch de Header ook bij de berichten te verbergen, kunt u overwegen de code, die de Header toont, in zijn geheel te verwijderen. Lees verder

Welkom op deze Website. Hier komen binnenkort allerlei Nieuwtjes, Tips & Trucs te staan over WordPress Websites en onze Trainingen & Wordkshops.

We hopen U binnenkort te ontmoeten op één van onze WordPress Trainen, die we geven in de provincie Flevoland, op locatie of in ons Computerlokaal.

Heeft u vragen? Bel ons gerust en vrijblijvend op (0527) 652820 of laat een bericht achter via ons Contactformulier