[Geef tekst op]

Reader voor het maken van een site voor een eigen

denkbeeldig secretariaatskantoor

Marketing & Communicatie / Wordpress / 2016–2017

2

InhoudInhoud Maken van een site voor een eigen denkbeeldig secretariaatskantoor in WordPress.com ......................... 3

Verantwoording ............................................................................................................................................ 3

Inleiding ......................................................................................................................................................... 3

Situatieomschrijving ...................................................................................................................................... 4

Opdracht 1 Onderzoek ................................................................................................................................. 5

Opdracht 2 Inhoud ....................................................................................................................................... 6

Opdracht 3 Naam en Pay-off ........................................................................................................................ 7

Opdracht 4 Huisstijl ...................................................................................................................................... 9

Opdracht 5 Wordpress-account .................................................................................................................. 11

Opdracht 6 Thema ....................................................................................................................................... 14

Opdracht 7 Pagina’s .................................................................................................................................... 14

Opdracht 8 Menu en Startpagina ................................................................................................................ 15

Opdracht 9 Header Achtergrond Logo Favicon ........................................................................................... 17

Opdracht 10 Afbeelding en Galerij ............................................................................................................. 19

Opdracht 11 Widgets .................................................................................................................................. 20

Opdracht 12 Hyperlinks ............................................................................................................................... 21

Opdracht 13 Google Maps .......................................................................................................................... 22

Opdracht 14 PDF invoegen .......................................................................................................................... 23

Opdracht 15 Reacties uitzetten ................................................................................................................... 23

Opdracht 16 Contactformulier ..................................................................................................................... 24

Marketing & Communicatie / Wordpress / 2016–2017

3

Maken van een site voor een eigen denkbeeldig

secretariaatskantoor in WordPress.com

Verantwoording

Crebonr. 79090 Basisdeel B1-K1: voert taken rondom informatiemanagement uit Vakkennis en vaardigheden Digitale vaardigheden: kan werken met gangbare softwarepakketten t.b.v. tekstverwerking, spreadsheat, gegevensverwerking, presentatie, e-mail, agendabeheer, internet, intranet, informatieverzameling en documentmanagement. Profieldeel P2 Managementassistent/directiesecretaresse P2-K1 Assisteert bij het verzorgen van de corporate informatie P2-K1-W1 Ontwikkelt en beheert voorlichtings-, promotie- en/of pr-materiaal Gedrag Formuleert (creatieve) ideeën voor het voorlichtings-, en pr-materiaal. Schrijft taalkundig correct, formuleert scherp en kernachtig en stemt het taalgebruik af op het niveau van de doelgroep. De onderliggende competenties zijn: samenwerken en overleggen, formuleren en rapporteren, creëren en innoveren, instructies en procedures opvolgen, analyseren.

Inleiding In de praktijk kan een managementassistent te maken krijgen met het onderhouden van websites. Daarom is het wel zo gemakkelijk dat je er op school alvast mee hebt geoefend. Hoe meer jij van de materie weet, des te beter ben je voorbereid op de arbeidsmarkt. Het vak website geeft je dus een beeld van wat er bij het bouwen van een website allemaal komt kijken. Als je dat kunt, ben je prima in staat een website te onderhouden. Recente vacatures:

Marketing & Communicatie / Wordpress / 2016–2017

4

Vacature 1: secretaresse (14 maart 2016)

In verband met de groei van onze organisatie zijn wij op zoek naar een enthousiaste secretaresse. De werkzaamheden bestaan o.a. uit: - Het verzorgen van de administratie - Het onderhouden van de verschillende websites - Beantwoorden telefoon, mail en post - Mee organiseren van terugkerende bijeenkomsten en evenementen - Je neemt de algemene facilitaire taken op je - Ondersteunt in de communicatie naar onze klanten (Solaris Parkmanagement)

Vacature 2: commercieel secretaresse sales en marketing (14 maart 2016)

Is dit jouw nieuwe uitdaging? Je bent geïnteresseerd in een baan met verantwoordelijkheid, zelfstandigheid en een professioneel team van collega’s! In deze functie assisteer je jouw team van accountmanagers. Je fixt hun agenda’s, verzorgt de mails en regelt hun afspraken. Je regelt de vergaderingen en organiseert meetings en events. Je ondersteunt bij het vervaardigen van tenders en aanbestedingen en daarnaast onderhoud je de website en de diverse social media kanalen. Je plaatst nieuwsbrieven en facts en recruitment gerelateerde zaken op de website (Het Secretaressebureau).

Situatieomschrijving Je hebt al enkele jaren ervaring. Ondernemen zit bij je familie in het bloed, maar dat is er nog niet van gekomen. Graag zou je de sprong willen wagen en een secretariaatskantoor willen opzetten. Je financiële middelen zijn beperkt, maar omdat je digitale vaardigheden goed ontwikkeld zijn, besluit je om de website zelf te maken.

Marketing & Communicatie / Wordpress / 2016–2017

5

Opdracht 1 Onderzoek

Onderzoek de site van 3 verschillende secretariaatskantoren.

Onderdelen die je zeker moet benoemen:

1a Globale inhoud van de pagina Home of Welkom

1b Globale inhoud van de pagina About of Over ons

1c Globale inhoud van de pagina Portfolio of Werk of Opdrachtgevers of Klanten en/of Referenties

1d Globale inhoud van de pagina Services of Diensten of Werkwijze

1e Globale inhoud van de pagina Contact

1f Mogelijke verwijzingen naar Social Media

1g Inschatting van de doelgroep voor wie de site bedoeld is

Mogelijke sites secretariatskantoren: detelefoniste.nl/ interswitch.nl/ bureauseconde.nl/ pienk.nl/ demisec.nl/ secretaryforyou.nl

desecretariaatsservice.nl/ avs-secretariaat.nl/ lilyssecretariaatsservice.nl/

europark.nl/secretariaatsservice/ secretariaatservicezuid.nl/

Marketing & Communicatie / Wordpress / 2016–2017

6

Opdracht 2 Inhoud

Bepaal de inhoud van je site.

Beschrijf de inhoud per onderdeel volgens onderstaande richtlijnen:

2a Home Hier vertel je in een goed verhaal (in eigen woorden) voor wie deze site bedoeld is en wat je in grote lijnen

te bieden hebt. Waar staat het bureau voor, wat zijn je specialiteiten, waar heb je ervaring in, wat is je

kracht.

2b About Beschrijf minimaal 2 medewerkers (een klasgenoot en jij elf). Benoem voor iedere werknemer:

- Sinds wanneer werkzaam bij het bedrijf

- Welke taken / werkzaamheden

- Vooropleiding en ervaring

- Specialisme

Deze informatie is fictief omdat het bedrijf ook nog fictief is. Zoek / maak een representatieve foto .

2c Portfolio Beschrijf 4 verschillende projecten / cases waaraan je gewerkt hebt. Geef per project een globale beschrijving. Verzamel ook beeldmateriaal (logo van de opdrachtgever / foto van de werkzaamheden / voorzijde van een project of rapport etc.).

2d Diensten Benoem minimaal 3 diensten die je kunt aanbieden. Beschrijf je manier van werken en je tarieven.

2e Contact Benoem de inhoud van het contactformulier. Benoem of bedenk een email-adres en een fysiek adres.

2f Doelgroep Op welke doelgroep richt je je? Op bedrijven of particulieren?

- Kies je voor bedrijven, voor welke bedrijven kies je dan: Welke branche, regio, bedrijfsomvang, commercieel of nonprofit?

- Kies je voor particulieren, voor wie kies je dan? Wat is hun geslacht, leeftijd, burgerlijke staat, inkomen en opleidingsniveau?

Waar zijn je klanten? Locatie is belangrijk. Maar denk ook aan waar ze hun informatie vandaan halen en hun tijd doorbrengen. Reizen ze naar hun werk? Waar gaan ze heen voor ontspanning en op welke tijden? Waar bevinden ze zich op internet?

Marketing & Communicatie / Wordpress / 2016–2017

7

2g Social Media Noem minimaal 3 Social Media-platforms die je gaat inzetten om je bedrijf te promoten. Beschrijf met 3 argumenten waarom je voor een platform kiest. Geef een korte omschrijving van de manier waarop je het gaat inzetten.

Opdracht 3 Naam en Pay-off

Bedenk een naam en pay-off voor je bedrijf.

Een goede naam en Pay-off van een bedrijf geven aan waar het bedrijf voor staat. In opdracht 2 heb je al op een rijtje gezet wat je aanbod is, wie je doelgroep is, waar je goed in bent en waar je ervaring in hebt. Dit moet nog aangevuld worden met de kernwaarden van je bedrijf. De kernwaarden geven aan welke waarden nagestreefd worden.

3a Kernwaarden Kies of bedenk 3 kernwaarden voor jouw bedrijf. Mogelijke kernwaarden: Aandacht Ambitie Authenticiteit Avontuur Balans Behoedzaamheid Beleefdheid Bekwaamheid Benaderbaar Betrouwbaarheid Bescheidenheid Beschikbaarheid Betrokkenheid Bezieling Capabel Capaciteit Communicatief Consequent Continuïteit Controle Creativiteit Daadkracht Degelijkheid Deskundigheid Dienstbaarheid Directheid Discipline Doelgerichtheid Duidelijkheid Duurzaamheid Dynamisch Eerlijkheid Effectiviteit Efficiënt Eigenheid Energiek Enthousiasme Essentie Ethisch verantwoord Evenwichtigheid Exclusiviteit Familie Fijnzinnigheid Flexibiliteit Gedrevenheid Geduld Gelijkwaardigheid Geloof Gemak Gezamenlijkheid Gezondheid Groei Handelend Harmonie Helderheid Hulpvaardigheid Humor Initiatiefrijk Inlevingsvermogen Innovatief Inspiratie Integriteit Internationaal Inventie Inzet Inzicht Kennis Klantgerichtheid Klantvriendelijkheid Kwaliteit Loyaliteit Maatschappelijk betrokken Mogelijkheden Nauwkeurigheid Nieuwsgierigheid Ondernemend Ontdekken Ontwikkeling Openheid Oprechtheid Ordelijkheid Originaliteit Passie Persoonlijke ontwikkeling Pionieren Plezier Prestigieus Prijsbewust Probleemoplossend Productief Professioneel Puurheid Rechtvaardigheid Relatiegericht Respect Resultaat Rust Samenwerken Scherpzinnigheid Slim Snel Speelsheid Spiritualiteit Spontaniteit Stabiliteit Stoutmoedig Strijdlustig Succesvol Synergie Talen Teamwerk Technologie Transparant Toegankelijkheid Toewijding Tolerantie Traditioneel Trots Trouw Uitdaging Uitmuntendheid Vastberadenheid Veelzijdigheid Veerkracht Veiligheid Verantwoordelijkheid Verbetering Verbondenheid Verdraagzaamheid Vernieuwing Vertrouwen Vindingrijkheid Vrijheid Waardering Waarheid Winst Zekerheid Zorgvuldigheid

Marketing & Communicatie / Wordpress / 2016–2017

8

3b Naam Maak een lijst van minimaal 20 namen die in je opkomen als je denkt aan je bedrijf, aan wie jij bent en wat de kernwaarden zijn van je bedrijf. Maak ook Nederlandse en Engelstalige varianten. Maak een top-tien.

3c Pay-off Bedenk een Pay-off. Dit is een korte slagzin of slogan die wordt gebruikt na de bedrijfsnaam. In een Pay-off wordt kort en bondig gecommuniceerd waar een merk voor staat. In een Pay-off …

- zeg je wat je doet - onderscheid je je van je concurrenten - vertel je klanten waarom ze voor jou moeten kiezen - verplaats je in de doelgroep - vertel waar je bedrijf voor staat - ben je positief - benoem je een kernwaarde - schrijf in de tegenwoordige tijd - gebruik je populaire taal, woordspelingen, gezegden, etc. - repeteer, rijm en dicht je zodat je pay-off beter blijft hangen - ben je tijdloos

Uiteraard is het onmogelijk je aan al deze criteria te houden. Ze zijn bedoeld als checklist voor mogelijke aanpassingen.

3c Definitieve keuze Voeg de beste pay-off(s) toe aan je top 10 van bedrijfsnamen. Laat 5 verschillende mensen uit je branche de beste naam kiezen. Vraag ook naar hun motivatie. Maak uiteindelijk een definitieve top 5. Beoordeel deze namen op:

- Schrijf- en spreekwijze: Klinkt de naam ook zoals je deze schrijft en is deze goed te verstaan? Of moet je straks voortdurend spellen?

- Gebruik door een ander bedrijf: Controleer of je de naam die je in je hoofd hebt, wel mag gebruiken. Dat kan op www.kvk.nl/zoeken/handelsregister. Google je naam ook en eventuele misspellingen ervan. Je staat soms onaangenaam verrast te kijken welke associaties er dan boven komen drijven.

- Profielnaam: Check of je bedrijfsnaam nog als profielnaam beschikbaar is op Twitter, LinkedIn en op Facebook.

- Domeinnaam: Controleer op mijndomein.nl of jouwbedrijfsnaam.nl nog vrij is. Kies voor een domeinnaam zonder schrijftekens zoals een liggend streepje of underscore. Gegarandeerd dat je dan altijd je domeinnaam moet spellen en dat een deel van de mensen je site niet of moeilijker vindt.

- Wordpress-account: Controleer op wordpress.com of jouwbedrijfsnaam.wordpress.com nog vrij is.

- Toekomstig gebruik: Bedenk meerdere, globale toekomstscenario's. Past je bedrijfsnaam ook bij die scenario's?

Marketing & Communicatie / Wordpress / 2016–2017

9

Opdracht 4 Huisstijl

Maak een eerste aanzet tot een eigen huisstijl.

Nu je weet wat je aanbod is, hoe je te werk gaat, wat je kernwaarden zijn, wie je doelgroep is, wat je naam is en wat je pay-off, ga je nadenken over de vorm, de sfeer en de uitstraling. Met het uiterlijk van je website, je visitekaartje, flyers en andere promotiemiddelen onderstreep je je identiteit. Zonder duidelijk gezicht weet niemand met wie hij zaken doet. Op de momenten dat de eigenaar of werknemer er zelf niet is om over het bedrijf te vertellen moet de huisstijl het even over kunnen nemen. We beperken ons hier tot het logo, de kleur, het lettertype en een avatar. Het logo is het meest herkenbare element van de huisstijl. Het logo bestaat uit een Beeldmerk, een Woordmerk en eventueel een Pay-off.

4a Logo - Lettertype De naam (het woordmerk) en de pay-off heb je al. De eerste stap in je ontwerp is hier de keuze voor een lettertype.

- Gebruik 5 verschillende lettertypes voor de naam en pay-off van je bedrijf. - Maak hierbij gebruik van minimaal 3 lettertypes die je zelf gedownload hebt. - Houd hierbij rekening met leesbaarheid, doelgroep en identiteit.

Omdat je het misschien moeilijk vindt te herkennen waar een lettertype voor staat, kun je op zoek gaan naar bedrijfslogo’s van vergelijkbare bedrijven. Mogelijke sites om lettertypes (fonts) te downloaden: losttype.com/browse fontspace.com dafont.com searchfreefonts.com Elegant Blog Top Design mag

4b Logo – Beeldmerk Om een pakkend beeldmerk te kunnen maken is het van belang de juiste ontwerpprogramma’s en de bijbehorende vaardigheden te hebben. Als je die hebt … perfect. Heb je die niet … Maak dan gebruik van de standaard programma’s voor beeldbewerking en tekstverwerking op je laptop.

- Maak 3 verschillende logo’s: - Neem de naam en de pay-off als uitgangspunt. - Combineer deze met minimaal 2 verschillende vormen.

Marketing & Communicatie / Wordpress / 2016–2017

10

Richtlijnen: Leesbaarheid Houd er rekening mee dat een logo leesbaar moet zijn in verschillende maten, kleuren en media. Het moet er bijvoorbeeld ook goed uitzien als het zwart-wit wordt afgedrukt. Simpel en niet te druk Houd het simpel. Zorg dat de boodschap overkomt en probeer niet te veel tegelijk te vertellen. Kijk tijdens het ontwerpen of je elementen weg kunt laten. Als dat kan, doe het dan ook.

4c Logo-kleur Maak een aantal kleurvarianten voor je logo:

- Originele kleuren - Een extra kleurvariatie - Zwart met een witte achtergrond - Wit met een zwarte of gekleurde achtergrond

Marketing & Communicatie / Wordpress / 2016–2017

11

4d Avatar Een avatar is een gebruikersafbeelding op internet. Als je een logo hebt kun je dat of een gedeelte ervan gebruiken als avatar. De avatar kun je vervolgens gebruiken al app, favicon en als profielafbeelding voor Facebook, Twitter, etc. Een favicon is een klein icoontje dat je vooraan in de adresbalk van je browser ziet staan en ook vaak in je favorietenlijst en bladwijzers. Het is eigenlijk niets anders dan een mini-afbeelding die bij een website hoort. Het betekent dan ook dat je icoontje eenvoudig moet zijn: details gaan gauw verloren. Veel favicons gebruiken alleen een letter zoals Google.

- Maak van je logo of van een gedeelte daarvan een avatar. De avatar heeft een vierkante vorm.

Opdracht 5 Wordpress-account

Maak een account aan in WordPress.com.

- Ga naar www.wordpress.com - Klik op Website aanmaken

- Typ de naam van je bedrijf bij laten we een domein vinden. Het kan zijn dat de exacte naam niet

gratis beschikbaar is. Probeer dan een variant met een jaartal of extra woord. - Selecteer de gratis variant - Kies voor bedrijven en services - Klik op Een welkomstpagina voor mijn site maken - Kies een willekeurig thema. Dit wordt later nog aangepast

- Maak een gebruikersnaam en wachtwoord en vergeet deze niet

Marketing & Communicatie / Wordpress / 2016–2017

12

Marketing & Communicatie / Wordpress / 2016–2017

13

Sluit de Wordpress-site af!!! Email Nadat je een account hebt aangemaakt en op Creëer Blog hebt geklikt, ontvang je een email. Activeer nu je account. Inloggen en beheren Het adres is bijvoorbeeld: http://fixit2017.wordpress.com Wil je inloggen als beheerder dan plaats je achter dit adres: /wp-admin. Dus: http://fixit2017.wordpress.com/wp-admin. Je komt in het inlogvenster.

Site bekijken - Dashboard Om te zien hoe je site er uitziet typ je op een nieuw tabblad het adres van je site: http://fixit2017.wordpress.com Als je weer terug wilt naar het Dashboard klik je op het wp-admintabblad .

Marketing & Communicatie / Wordpress / 2016–2017

14

Opdracht 6 Thema

Maak een keuze voor een thema.

Een thema bepaalt de looks van je site. Bij WordPress kun gratis thema’s vinden. Daarnaast zijn er ook bedrijven die betaalde thema’s aanbieden. Maak een keuze welk thema voor jou passend is. Het thema moet Responsive zijn. Dit betekent dat het thema ook op een tablet en een smartphone goed te zien en te navigeren is.

- Kies bij Weergave in het linkermenu: Thema’s. - Typ in het zoekvenster Responsive - Kies in het rechter bovenmenu voor Gratis

Bekijk verschillende thema’s: Klik je op Voorbeeld. Sluit daarna het voorbeeld door het geopende venster te sluiten.

Activeren Als je voor een thema kiest klik je op Activeren bij het door jou gekozen thema. Het thema wordt geactiveerd. Dit kan even duren. Bekijk het thema door weer te klikken op het tabblad van je site. Vind je het ontwerp toch tegenvallen, kun je op dezelfde wijze voor een ander thema kiezen.

Opdracht 7 Pagina’s

Maak acht pagina’s voor je site.

Inhoud

- Welkom of Home - About of Over ons - Portfolio of Werk of Opdrachtgevers of Klanten en/of Referenties - Services of Diensten of Werkwijze - Deinst 1 bijvoorbeeld Secretariële ondersteuning - Dienst 2 bijvoorbeeld Social Media - Dienst 3 bijvoorbeeld Notuleren - Contact

Klik in het linkermenu op Pagina’s – Nieuwe pagina. Geef de pagina een naam.

Marketing & Communicatie / Wordpress / 2016–2017

15

Pagina Bewerken Geef in het eerste veld de titel. In het grote vak kun je de inhoud typen zoals je die bij opdracht 2 bedacht hebt. Om de pagina op te slaan zonder te publiceren, klik je op Opslaan als Concept (Save Draft). Wil je de pagina opslaan en direct publiceren, klik dan op Publiceren of Bijwerken. Wil je de pagina bekijken klik je op het tabblad van je site.

Opdracht 8 Menu en Startpagina

Maak een menu aan met pagina’s in de juiste volgorde en maak van de homepage een startpagina.

Als je zelf geen menu hebt aangemaakt, plaatst Wordpress de pagina’s in de volgorde waarin ze zijn gemaakt. Als je een andere volgorde wilt kan dat. Je maakt daarvoor zelf een menu aan.

8a Menu aanmaken - Ga naar Weergave / Appearance – Menu - Typ een menunaam in bij Menunaam.

De naam is aan de voorkant niet zichtbaar dus niet belangrijk. Klik op Menu aanmaken. Na het opslaan zie je links het veld Locaties. Kies uit de uitklaplijst de naam en klik op Opslaan.

Beneden aan de pagina zie je het venster Menu instellingen. Plaats een vinkje bij Automatisch nieuwe top-level pagina´s toevoegen en bij Primaire navigatie.

Marketing & Communicatie / Wordpress / 2016–2017

16

8b Pagina’s plaatsen Links zie je de pagina’s staan die je aan het menu kunt toevoegen. Met de cursor kun je de pagina’s in het menu in de juiste volgorde slepen. Vergeet niet het menu daarna weer op te slaan.

Als je de looks van je site toch niet zo leuk vindt en je kiest ervoor een ander thema te kiezen blijft de inhoud van je site behouden. Wat je meestal wel opnieuw moet instellen is het menu. Het menu is wel bewaard maar het vinkje bij primaire navigatie is verdwenen. Als je het opnieuw aanvinkt is je site weer intact. Subpagina in het menu Schuif de pagina’s die bedoeld zijn als Subpagina rechts onder de Pagina waar deze bij horen. Service 1, Service 2 en Service 3 zijn subpagina’s bij Services. Kies voor Menu opslaan.

8c Homepage als Startpagina Een standaard Wordpress-site opent met een bericht en niet met de homepage. Om dit te veranderen ga je als volgt te werk:

- Ga naar Instellingen (onderaan in het linkermenu).

- Kies voor Lezen/Read - Vink aan Statische pagina - Blader bij startpagina naar de pagina

Welkom - Klik onderaan de pagina op Instellingen bijwerken.

Marketing & Communicatie / Wordpress / 2016–2017

17

Opdracht 9 Header Achtergrond Logo Favicon

Plaats een toepasselijke afbeelding als header of achtergrond en plaats je logo en een favicon op je site.

9a Header Een header is de afbeelding die als kop in een site geplaatst wordt. Ga op zoek naar een afbeelding voor de Header van jouw site. Aandachtspunten:

- Look and feel: De afbeelding moet inhoudelijk en ook in sfeer en kleur pasen bij je logo en de inhoud van je site onderstrepen en versterken.

- Formaat: Ieder thema heeft een eigen maat voor de header. Kies voor een afbeelding met ongeveer dezelfde verhoudingen als de header van je thema. Het exacte bijsnijden op maat gebeurt door Wordpress bij het plaatsen van de header.

- Copyright Je plaatst je afbeelding online op het world wide web. Als je dat doet met een afbeelding waar copyright op zit ben je strafbaar. Een boete kost je al snel €800,00. Foto’s op Google en Pinterest zijn meestal niet vrij van copyright. Bij Google afbeeldingen heb je bij Tools met de Optie Gebruiksrechten, de mogelijkheid om te zoeken naar rechtenvrije foto’s. Een andere mogelijkheid is de site https://pixabay.com/. Kijk voor meer mogelijkheden en informatie op: https://mcstudentenwerk.wordpress.com/fotos/ Een zelfgemaakte foto is natuurlijk helemaal goed!

Header plaatsen in Wordpress - Dashboard, Weergave/ Appearance, - Aanpassen / Customize – Koptekst / Header – Nieuwe afbeelding toevoegen. - Kies voor Bijsnijden /Crop - Wijzigingen opslaan - Klik op Publiceren

9b Achtergrond Afhankelijk van het door jou gekozen thema, is het mogelijk om een afbeelding als achtergrond te kiezen. Hiervoor gelden dezelfde aandachtspunten als bij de header. Achtergrond plaatsen in Wordpress

- Dashboard, Weergave/ Appearance, - Aanpassen / Customize – Achtergrond – Nieuwe afbeelding toevoegen. - Tenslotte kun je bij Weergave-instellingen bepalen:

Positie: Links, Gecentreerd of Rechts Herhalen: Geen herhaling, Uittrekken, Horizontaal naast elkaar.

- Sla de wijzigingen op.

Marketing & Communicatie / Wordpress / 2016–2017

18

9c Logo Gebruik voor deze opdracht het logo dat je in opdracht 4 hebt gemaakt. Ook nu ga je weer hetzelfde te werk als bij de Header en de Achtergrond: Logo plaatsen in Wordpress

- Dashboard, Weergave/ Appearance, - Aanpassen / Customize – Logo – Nieuwe afbeelding toevoegen. - Wijzigingen opslaan - Klik op Publiceren

9d Favicon De avatar uit opdracht 4 gaan we nu gebruiken al favicon.. Een favicon is een klein icoontje dat je vooraan in de adresbalk van je browser ziet staan en ook vaak in je favorietenlijst en bladwijzers. Favicon in Wordpress Ga naar Instellingen/Settings – Algemeen/General. - Kies in de Rechter bovenhoek voor Blogfoto/Icoon invoegen. - Blader naar je zelfgemaakte Favicon. - Kies voor Bijsnijden. - Wijzigingen opslaan is hier niet nodig

Marketing & Communicatie / Wordpress / 2016–2017

19

Opdracht 10 Afbeelding en Galerij

Voeg een Afbeelding en een galerij toe aan één van je pagina’s.

10a Afbeeldingen toevoegen Plaats op de pagina Over ons / About us de foto’s van jou en je werknemer. Ga als volgt te werk:

- Klik op de pagina Over ons / About us - Klik op Media toevoegen. - Bestanden uploaden. Bestanden selecteren

Rechts zie je nu het bestand dat je hebt geüpload. - Typ bij Titel de naam ven de foto. - Bij Uitlijning kun je de positie aangeven - Bij Afmeting geef je grootte aan - Bij Link naar kies je voor geen. - Klik tenslotte op In pagina invoegen

10b Galerij toevoegen Plaats op de pagina Portfolio de afbeeldingen die je hebt verzameld in een galerij. WordPress.com heeft een standaard Galerij-functie. Hiermee toon je één of meerdere afbeeldingen binnen een bericht of pagina:

- Klik op Media toevoegen/Add media. - Klik in het linkermenu op Galerij aanmaken. - Upload de afbeeldingen die bij je portfolio horen - Klik nu rechtsonder op Een nieuwe galerij aanmaken. Rechts zie je

Gallery-instellingen. - Kies het gewenste aantal Galerijkolommen en het type galerij. - Klik in het rechter menu op Galerij invoegen.

Galerij bijwerken Je kunt een geplaatste galerij nog wijzigen:

- Open de pagina waar de galerij in staat. Klik op de galerij. - In de linkerbovenhoek zie je hetzelfde een potloodje met de tekst bewerken. - Klik daarop om je Galerij te bewerken.

Marketing & Communicatie / Wordpress / 2016–2017

20

Opdracht 11 Widgets

Voeg minimaal 2 widgets toe aan je site.

11a Links en een Widget naar keuze Widgets zijn extra applicaties op je site zoals bijvoorbeeld een Kalender of een Twitter-menuutje. - Ga in het linkermenu naar Weergave/Appearance – Widget. - Maak een keuze uit de Widgets die je op je site wilt. Kies in ieder geval ook voor de widget Links. In deze widget gaan we in de volgende opdracht hyperlinks plaatsen. - Sleep de widgets in in het Widgetmenu rechts. Wordpress heeft zelf al een aantal Widgets aan je site toegevoegd. Deze moet je verwijderen. Verwijderen doe je door de widget naar links uit het widget menu te schuiven. Voor sommige Widgets zoals Facebook en Twitter moet je je accountgegevens invullen. Klik als je dit gedaan hebt op Ok. Alleen als je een zakelijke Facebookpagina hebt kun je je account koppelen aan Wordpress.

11b Footer De footer of voettekst is ook een widget. Plaats hierin je contact gegevens. Dit kun je doen door een widget Tekst te plaatsen in de footerwidget. In het tekstvak typ je nu je contact gegevens. Per thema kunnen widgets sterk varieeen.

Marketing & Communicatie / Wordpress / 2016–2017

21

Opdracht 12 Hyperlinks

Plaats de volgende links in je site: a Interne link; b Externe link; c Email link; d Afbeeldingslink; e Widget link

12a Interne link Dit is een tekst die gekoppeld wordt naar een andere pagina in dezelfde site. Op de pagina Services of Diensten plaats je 3 interne links naar de verschillende dienstenpagina’s.

- Open de pagina Diensten

- Selecteer een tekst waaraan je een link koppelt met het Koppelteken bovenaan het tekstvenster.

In het menu wat nu opent scroll je naar beneden. Hier zie je alle pagina’s van je site. Selecteer de gewenste pagina. Kies niet voor Open Link in nieuw venster.

12b Externe link - Selecteer een tekst waaraan je een link koppelt met het Koppelteken bovenaan het tekstvenster. - In het menu wat nu opent typ (of kopieer en plak) je de volledige url van de site waar je naar toe

wilt linken. - Kies nu wel voor Open Link in nieuw venster. Het is namelijk belangrijk dat als je de site waarnaar

je gelinkt hebt sluit, je weer terug bent in jouw site. Plaats in ieder geval 1 een externe link op je site.

12c Email link - Selecteer een emailadres waaraan je een link koppelt met het Koppelteken bovenaan het

tekstvenster. - In het menu wat nu opent typ je mailto: gevolgd door je emailadres. Bijvoorbeeld

mailto:c.vanderkroef@kw1c.nl . Gebruik geen spaties. Plaats in ieder geval een email link op je pagina Contact.

12d Afbeeldingslink Dit is een afbeelding die gekoppeld wordt naar een andere pagina in dezelfde site of een externe site.

- Selecteer een afbeelding. - Koppel met het Koppelteken een interne pagina of externe site zoals hierboven beschreven.

12e Widget link Dit is een link in de Sidebar of Widgetruimte van je site

- Kies in het linker menu van je Dashboard voor Links. - Verwijder alle links die Wordpress heeft toegevoegd. - Voeg met de knop Nieuwe link toevoegen minimaal 3 nieuwe Links toe.

Kies voor links naar sites die interessant zijn voor de bezoeker van je site. - Onder in het Linkmenu kun je aangeven dat de gelinkte site moet openen in een nieuw venster.

Dit doe je door Blank aan te vinken.

Marketing & Communicatie / Wordpress / 2016–2017

22

Opdracht 13 Google Maps

Plaats een ingesloten kaart van Google Maps in je site.

Met ingesloten of Embedded wordt bedoeld dat de kaart zich rechtstreeks in jouw site opent en dus niet in een ander venster op een andere site. Op de pagina Contact plaats je een ingesloten plattegrond.

- Ga naar Google Maps. - Typ het gewenste adres. - Klik Links-Boven op het Instellingenwieltje op Kaart delen of Insluiten. - Klik vervolgens op het tabblad Kaart insluiten - Kopieer de url

- Ga naar Wordpress. - Open de juiste pagina. - Plak de url in deze pagina. Let op: Plak de url niet in het tabblad van de pagina dat je meestal ziet. Dat is de Wysiwyg (What you see is what you get)pagina. Deze keer klik je op he tabblad Tekst / Code. Daar plak je de link. - Klik rechts op Bijwerken of Update.

Marketing & Communicatie / Wordpress / 2016–2017

23

Opdracht 14 PDF invoegen

Voeg een PDF toe aan je site.

Als je een worddocument wilt publiceren op je site moet je daarvan eerst een PDF maken. Dit kan eenvoudig in Word. Je kiest voor Bestand opslaan als PDF. PDF plaatsen in een pagina of post in Wordpress:

- Open de pagina waar je de pdf wilt plaatsen - Klik bovenin de pagina op Media-upload. - Klik op Select Files. - Browse op je computer naar het PDF-bestand dat je toe wilt voegen en klik op OK. Het PDF

bestand wordt toegevoegd. - Klik op de Link in het bericht- of paginavenster. - Klik op het Link-icoon – Kies voor Open in nieuw venster.

Opdracht 15 Reacties uitzetten

Verwijder de mogelijkheid om te reageren op je site.

Wanneer je een blog schrijft is het meestal wenselijk dat mensen reageren op je berichten. Een bijkomend nadeel is dan wel dat je spam krijgt. We gaan daarom de reactiemogelijkheid uitzetten.

- Ga naar Pagina’s, alle pagina’s en maak een keuze voor een pagina. - Je kunt dan kiezen uit Bewerken, Snel bewerken, Prullenbak, Bekijken. Kies Snel bewerken.

Hier kun je het vinkje bij reacties toestaan uitzetten. Onderaan de pagina verdwijnt het vakje met de tekst Geef een reactie. Zet voor alle pagina’s de reactiemogelijkheid uit.

Marketing & Communicatie / Wordpress / 2016–2017

24

Opdracht 16 Contactformulier

Plaats een contactformulier op je site.

Belangrijke redenen om voor een formulier te kiezen zijn het verzamelen van data zoals email-adressen en websites en het structureren van vragen, opmerkingen en overige informatie. Maak een formulier. Verander de taal van Engels naar Nederlands of omgekeerd. Voeg minimaal 1 veld toe. Hoe ga je te werk:

- Open de juiste pagina. - Kies voor Contactformulier toevoegen / Add Contact

Form boven het Tekstvenster. - Klik op het minnetje naast een veld om dit veld te

bewerken. - Kies voor Meer velden toevoegen / Add more fields - Kies voor Voeg dit formulier aan mijn bericht toe.

S U C C E S