10.3. Foto invoegen
Foto’s invoegen in bericht of pagina: ga op de plek staan waar de foto ingevoegd moet worden.
Klik op Media toevoegen
Gebruik een foto die al geupload is of upload een nieuwe foto (na verwerken van je artikel foto categoriseren)
Maak een foto in de pagina/blog ongeveer maximaal 250 groot (langste zijde)
Lijn de foto links of rechts uit.
Als je nauwkeuriger een foto in wilt voegen kan je wellicht beter via kolommen invoegen
10.4. Fotoalbum invoegen
Ga op de plek staan waar je een album in wilt voegen (meestal onderzijde pagina)
Klik op media toevoegen
Klik op galerij aanmaken
Selecteer je afbeeldingen
Klik op nieuwe album aanmaken
Gebruik per album maximaal 6 tot 8 foto’s. Andere foto’s verwerken zoals beschreven bij extra fotoalbum maken
Sorteer je foto’s zoals je ze in beeld wilt hebben
Klik rechts op aantal kolommen waarin je de foto’s wilt plaatsen
Klik op Mediabestanden
26 - Handleiding wordpress website Symfonieorkest Bloembollenstreek.
Klik op formaat : Thumbnail
Klik op galerij invoegen.
Eventueel kan je de galerij daarna nog bewerken door op het potloodje te klikken
10.5. Extra foto’s invoegen
Om de site overzichtelijk te houden en qua inhoud niet te groot te laten worden kan je highlights van foto in het artikel plakken en een link opnemen naar ons google fotoboek
Gaan naar https://mail.google.com
Inloggen
Kies ons account sob.algemeen@gmail.com
Ww Mozart08
Klik naast het woordje Symfonieorkest rechts boven op het icoon ‘Google-apps’
Kies foto’s ( of youtube, we hebben een eigen youtube kanaal, daar kan je video’s volgens de instructie uploaden)
Klik op het icoon uploaden (wolkje met pijltje naar boven)
Maak daarna de keuze voor album maken
Geef het album de naam (overeenkomstig met de categorie van de website)
Als het album klaar is klik je op het icoon ‘delen’
Maak een deelbare link aan
Kopieer de link
Plak de link in je websitepagina/bericht met het icoontje link toevoegen. Schrijf een zin als ‘voor het volledige fotoalbum klik HIER’
Als je een youtube link wilt invoegen kan het niet in het visuele scherm van je bericht of pagina.
Dat moet je doen in het tekstscherm. Plak de youtube link in op de plek waar je het filmpje op je site wilt hebben
10.6. Foto’s in het algemeen
Foto’s voor uitgelichte afbeeldingen berichten hebben de afmeting in verhouding 406*183 of 812*366 of 1218*549. Maak een aparte foto in je fotobewerkingsprogramma met die verhouding en upload het als front…. naam.
Voordat je de foto’s upload naar de website is het beter als ze allemaal hetzelfde formaat hebben. Dat voorkomt rommelige pagina’s en giga bestanden op de website
Download het programma Adobe Photoshop CS5 op je computer
Open het programma o Kies file o Kies Scripts
o Kies image processor
o Kies de juiste map waar de foto’s staan o Kies de map (kan je dezelfde kiezen want
fotoshop maakt zelf een JPG map aan) waar je de foto’s neer wilt zetten die je van formaat hebt veranderd
27 - Handleiding wordpress website Symfonieorkest Bloembollenstreek.
o Stel je scherm in zoals op het plaatje (let vooral op formaat van de foto’s) (maximale grootte = 1536)
o Kies Run
o De foto’s worden nu één voor één aangepast aan het nieuwe formaat en opgeslagen in de aangegeven map.
Ten slotte alle foto’s nog renamen (want de namen zijn te zien voor bezoekers) met bijvoorbeeld Fastone Image Vieuwer
Download het programma Fastone Image Viewer
Open het programma
o Kies links in je scherm de map (net aangemaakt zie hierboven) o Kies vervolgens extra
o Kies herbenoemen geselecteerde afbeeldingen o Kies alles toevoegen
o Vul in bij herbenoemen als: naam evenement en eindig met een #.
o Klik op starten o Klik op klaar
o Alle foto’s zijn nu hernoemd en klaar om te uploaden naar de site.
Als je een bestaande foto wilt toevoegen (bijvoorbeeld het logo) dan kies je bij filter media category ‘logo’. Kies de juiste afbeelding (in dit geval front logo) en klik op voeg toe.
Wil je een andere bestaande foto toevoegen kies dan eerst de categorie waarin de foto staat en klik op invoegen
Wil je een nieuwe foto toevoegen, klik op bestanden uploaden
Selecteer een bestand
Klik op openen
Je foto wordt geupload en zie je direct in je scherm met een vinkje aan. Geef de foto direct een categorie rechts in je scherm (zorg dat dit hetzelfde is als van je bericht tenzij je een algemene foto
28 - Handleiding wordpress website Symfonieorkest Bloembollenstreek.
upload, kies dan algemeen en eventueel nog extra toevoeging). Zie je categorie er nog niet bij dan kan je dit later nog doen. Zie verder Media.
10.7. Kolommen maken in berichten en pagina’s
Soms is het handiger om een kolom aan te maken om tekst te verwerken. Dan wordt het netjes verdeeld zoals je het hebben wilt
Klik op het icoon kolommen invoegen
Sleep het vakje + Add naar de tijdlijn eronder. Maak het zo breed door de knoppen te schuiven. Een blog bericht is 680 breed en de tekst voor een brede pagina ongeveer 720
Voeg een tweede (of derde, vierde, etc) add toe aan de tijdlijn
Type je tekst in desbetreffende kolommen of voeg een foto in in de kolom
Je kan ook in één keer een aantal kolommen kiezen (groene button)
Klik op add columns
Bekijk je pagina/bericht door rechtsboven op wijzigingen te bekijken
Tevreden: opslaan/publiceren
10.8. Tabellen maken in berichten en pagina’s
Voor de repetitieschema’s zijn tabellen gebruikt. Helaas werkt de plugin die nu geïnstalleerd is niet helemaal volledig met het opmaken van tabellen. Een andere goede plugin (gratis) heb ik niet kunnen vinden. Verwijder de tabel niet maar haal gewoon de tekst weg, voeg nieuwe tekst in en dan hoef je geen cellen/lijnen meer op te maken. Is er toch een nieuwe tabel nodig ga dan als volgt te werk:
Ga op de plek staan waar je de tabel in wilt voegen
Sleep de tabel zo ver uit als je wilt (let op de pagina/berichten breedte
Maak geen breedte op van de kolommen en als je dat wel wilt houdt je dan aan de beperking van de pagina breedte. Nadeel van kolombreedte opmaken is dat het er op een ander scherm
(bijvoorbeeld mobiel of tablet) niet goed uit zal zien.
Type je tekst in de tabel
Voeg een nieuwe regel in door op tab te klikken in je laatste cel of voeg in via het icoontje voor tabellen.
Als je tabel klaar ik dan zijn er geen lijnen. Als je die wilt (zoals bij repetitieschema’s) ga dan als volgt te werk
o Hoekcellen en boven/onderste rij worden anders opgemaakt dan de rest o Ga in de cel staan (of een rij/kolom) die je op wilt maken
o Kies via icoon tabel – cel eigenschappen o Kies geavanceerd
o Let bij het aanmaken van lijnen op dat je tussen de cellen in maar één kant de lijn opmaakt, anders krijg je dubbele lijnen
o Type dan de volgende HTML codes (zie ook testpagina)
Cel met dikke lijnen links, top en bottom
border-left: 1px solid #b0b0b0; border-bottom: 1px solid #b0b0b0; border-top: 1px solid #b0b0b0;
border rechts:
border-right: px solid #b0b0b0;
29 - Handleiding wordpress website Symfonieorkest Bloembollenstreek.
Voor onderbroken lijnen kies je dashed of dotted (in jaarkalender is het dashed)
De kleur is grijs volgens RDB tabel #b0b0b0
10.9. Twitterfeed op de website
Hier staat beschreven hoe je tweets op je site kunt zetten
http://www.mariskamedia.nl/wordpress/de-nieuwe-twitter-widget-zo-plaats-je-tweets-op-je-website/
Op onderstaande site staan beschrijvingen hoe je twitter en facebook links kan aanmaken http://www.mijn-eigen-website.nl/twitter-en-facebook-knop.html
De HTML code is
<a class="twitter-timeline" href="https://twitter.com/bborkest" data-widget-id="674994249226657792"
width="50%">Tweets door @bborkest</a>
<script>// <![CDATA[
!function(d,s,id){var
js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=
d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs)
;}}(document,"script","twitter-wjs");
// ]]></script>
Op https://twitter.com/settings/widgets staan de widgets van de website. Kies wijzigen en vervolgens kopieer je de link in de website.
10.10. Kleuren en formaten
Kleuren logo RGB code
Geel/oranje 242/142/4 f28f04
Groen 148/193/31 94c11f
Rood 227/6/19 e30613
Paars 102/36/131 662483
Fontverhoudingen
406x183 812x366 1218x549
Fotomaten: maximaal 1536 pixels
10.11. Tekst bewerken
Maak je bericht. LET OP: plak geen tekst uit word of ander programma zo in je bericht. Klik dan eerst het icoon T aan ( rode vakje hieronder en klik op OK). Voor het invoegen van media, kolommen en tabel, zie verder.
30 - Handleiding wordpress website Symfonieorkest Bloembollenstreek.
Uitleg icoontjes van links naar rechts bovenste werkbalk: B = vet, I = schuin gedrukt, “verschuift de alinea naar rechts (rechts inspringen), opsommingslijst toevoegen, Nummerlijst toevoegen, links uitlijnen, centraal uitlijnen, rechts uitlijnen, toevoegen link, link verwijderen, tabel invoegen (zie ook tabellen), volledig scherm, ongedaan maken, uitvoeren, werkbalk eronder verbergen Onderste werkbalk: Alinea, keuze uit kopteksten = gehele alinea, uitlijnen, doorhalen, inspringen verkleinen, inspringen vergroten, Tekst invoegen (gebruiken bij plakken vanuit andere
tekstverwerker), Opmaak verwijderen, Speciaal karakter, Lees meer tag invoegen (tot nu toe niet gebruikt), smiles invoegen, Tekstkleur, advies over toetscombinaties, kolommen invoegen. Zie kolommen