www.hofdesign.nl 1
Inhoudsopgave pag. 2 Sblog: Beheerdersmenu pag. 3 Sblog: Berichten plaatsen pag. 4 Sblog: Berichten plaatsen (vervolg) pag. 5 Sblog: Afbeeldingen pag. 6 Sblog: Afbeeldingen (vervolg) pag. 7 Sblog: Afbeeldingen tijdens het plaatsen van een bericht pag. 8 Sblog: Afbeeldingen tijdens het plaatsen van een bericht (vervolg) pag. 9 Sblog: Fotoalbum pag. 10 Sblog: BBCode pag. 11 Sblog: BBCode (vervolg) pag. 12 Sblog: BBCode (vervolg) pag. 13 Sblog: Categorieën pag. 14 Sblog: Blokken pag. 15 Sblog: Blokken (vervolg) pag. 16 Sblog: Menu pag. 17 Sblog: Menu (vervolg) pag. 18 Sblog: Documenten uploaden pag. 19 www.hofdesign.nl 2
Sblog: Beheerdersmenu Hier vind je uitleg over de verschillende onderdelen van Sblog. Deze zie je als je bent ingelogd als de beheerder. Afbeeldingen Uploaden van afbeeldingen kan hier. In dit deel kun je ook de afbeeldingen bekijken. Als je dat doet kun je ook met de rechtermuisknop via eigenschappen het adres ophalen van de afbeelding. Zie pagina: Afbeeldingen plaatsen. Documenten Deze functie is ingebouwd door Hofdesign. Hiermee kun je documenten uploaden. Bijvoorbeeld Word documenten of pdf documenten. Zie pagina: Documenten uploaden. Links Dit is onderdeel van de blokken. Heb je deze functie aangevinkt dan kun je een linkoverzicht laten zien in de zijbalk. Support Hiermee kun je simpel een vraag versturen als je iets niet snapt. Deze zal ik zo snel mogelijk beantwoorden. Uitloggen Hiermee kun je uitloggen. Instellingen Hier stel je een aantal functies van Sblog in. Ook kun je de naam en het wachtwoord van de beheerder hier veranderen. De instellingen worden zo ingesteld dat hier eigenlijk niets meer aan veranderd hoeft te worden. Statische pagina's Met statische pagina's kun je HTML gebruiken. Je hebt hier wel enige kennis voor nodig! Menu Hiermee kun je het menu samenstellen. Zie pagina: Menu. Blokken In Sblog zitten een aantal blokken. Zoals de zoekfunctie, laatste berichten etc. Je kunt ook zelf blokken aanmaken. Hier kun je weer HTML in gebruiken. Ook de volgorde van de blokken is aanpasbaar. Zie pagina: Blokken. Woordenfilter Hiermee kun je ongewenste woorden vervangen. Categorieën Hier kun je categorieën aanmaken voor de logische indeling van je website. Zie pagina Categorieën. Berichten Hiermee maak je je berichten. Zie pagina: Berichten plaatsen. Webmail Via de website kun je ook inloggen op je mailadres. Voer je complete emailadres in en bij wachtwoord het door jou bedachte wachtwoord. Zie pagina: Webmail. Het voor de webmaster ingestelde mailadres geeft meteen het aantal mails in de inbox weer. www.hofdesign.nl 3
Sblog: berichten plaatsen Berichten Nadat je hebt ingelogd klik je op berichten in het beheerdersmenu. Klik in het volgende scherm op nieuw bericht. Categorie Kies de gewenste categorie uit het pull-down menu, of maak een nieuwe categorie aan door op de button "nieuwe categorie aanmaken" te klikken. Als je er voor kiest om niets te selecteren, dan wordt je bericht opgeslagen onder "niet gecategoriseerd". Zie pagina: Categorieën Afbeeldingen Je kunt een afbeelding opnemen in je bericht. Er zijn daarin 2 mogelijkheden: Haal een afbeelding van het internet Gebruik een afbeelding van je pc door deze te uploaden Een afbeelding van het internet Elk plaatje op het internet heeft z n eigen adres. Als je met je rechtermuisknop op een plaatje klikt verschijnt er een pop-up schermpje. Helemaal onderaan staat "eigenschappen". Als je daarop klikt verschijnt er een nieuw schermpje met in het midden het adres. Dit adres moet je selecteren en kopiëren Vervolgens kun je het gebruiken in je bericht. Het plaatje echt zichtbaar krijgen vraagt om een code zoals die hier onder staat. [img]http://hetadresvanjeplaatje.gif[/img] Je kunt ook een afbeelding gebruiken die via het Sblogsysteem is geuploaded. Zie pagina: Afbeeldingen Door in het pull-down menu een afbeelding te selecteren wordt het in je bericht geplaatst. Je kunt ook terwijl je een bericht aan het maken bent een afbeelding uploaden. Klik op de button "Afbeelding uploaden" en je wordt naar het afbeeldingen archief geleid waar je een afbeelding kunt uploaden. Als je weer terug in het berichtenscherm bent kunt je de afbeelding zoals hierboven beschreven staat selecteren. www.hofdesign.nl 4
Onderwerp Een belangrijk onderdeel van je bericht is de titel; het onderwerp. Het verteld je bezoekers waar je bericht over gaat. In het onderwerp kun je geen HTML of BBCode gebruiken. Alleen tekst. Sblog: berichten plaatsen (vervolg) Tekst Hier schrijf je je tekst. Er zijn diverse opties die je kunt gebruiken. Daarvoor heb je de nodige BBCode buttons. Zie pagina: BBCode Annuleren Door de button annuleren aan te klikken worden het bericht niet geplaatst. Let op! Tekst die je hebt getypt ben je dan kwijt! Stil bewerken Als je de optie "stil bewerken" onder het scherm aanvinkt kun je het bericht ongezien veranderen. Is deze optie niet aangevinkt komt onder de titel een melding te staan wanneer het bericht is aangepast. Handig als je bijv. een actueel nieuwsbericht wilt updaten. Voorbeeld Door de button "Voorbeeld" aan te klikken kun je zien hoe je bericht eruit gaat zien. Ontwerp Daar op ontwerp te klikken sla je je bericht op, maar wordt het nog niet geplaatst. Je kunt er op een later tijdstip weer aan werken, en als het bericht af is plaatsen door op publiceren te klikken. Publiceren Door op "Publiceren" te klikken plaats je bericht, en wordt het zichtbaar voor bezoekers. www.hofdesign.nl 5
Sblog-afbeeldingen Om afbeeldingen op je website te kunnen laten zien dien je ze eerst op het internet te zetten. Met het Sblogsysteem kan dit simpel. Je kunt afbeeldingen uploaden en gebruiken in je berichten, en/of een fotoalbum aanleggen. Als je op afbeeldingen uploaden klikt in het beheerdersmenu kom je in een scherm zoals de afbeelding hieronder. In dat scherm zie je een overzicht van mogelijk reeds geuploade afbeeldingen, een pulldown menu met mogelijk aangemaakte mappen, en een uploadknop. Met de knop mappen kun je fotomappen maken waardoor de afbeeldingen makkelijker terug te vinden zijn. Als je upload klikt kom je in een volgend scherm. www.hofdesign.nl 6
Sblog-afbeeldingen (vervolg) Je kunt nu bladeren op je pc, om de afbeelding die je wilt gebruiken te uploaden. Klik op upload en de afbeelding wordt geuploaded. Je komt nu in het volgende scherm. Via Ga terug kom je terug in de lijst van afbeeldingen. Zoek je afbeelding op in de lijst, klik erop en de afbeelding verschijnt op ware grootte in een popup scherm. Als je met je rechtermuisknop op de afbeelding klikt verschijnt er een pop-up schermpje. Helemaal onderaan staat "eigenschappen". Als je daarop klikt verschijnt er een nieuw schermpje met in het midden het adres. Dit adres moet je selecteren en kopiëren. Vervolgens kun je het gebruiken in je bericht. Het plaatje echt zichtbaar krijgen vraagt om een code zoals die hier onder staat. [img]http://hetadresvanjeplaatje.gif[/img] www.hofdesign.nl 7
Sblog-afbeeldingen tijdens het plaatsen van een bericht Dit werkt ongeveer hetzelfde als hiervoor beschreven. Tijdens het maken van je bericht kun je ook afbeeldingen uploaden. In het midden van onderstaande voorbeeld zie je de knop afbeelding uploaden. Als je daarop klikt kom je in onderstaand scherm. Je kunt nu bladeren op je pc, om de afbeelding die je wilt gebruiken te uploaden. Klik op upload en de afbeelding wordt geuploaded. Je komt nu in het volgende scherm. www.hofdesign.nl 8
Sblog-afbeeldingen tijdens het plaatsen van een bericht(vervolg) Via Ga terug kom je weer terug in je berichtenscherm. Daar kun je je afbeeldingen selecteren in een pulldown menu, en het wordt opgenomen in je bericht. www.hofdesign.nl 9
Sblog-fotoalbum Het fotoalbum vind je op het volgende adres: http://jouwsite.nl/gallery.php Om je fotoalbum te beheren log je in, en ga naar afbeeldingen. Mappen: Hier kun je mappen maken voor je foto's. bijv. op datum of categorie. Als je geen mappen aanmaakt komen alle foto's in 1 map op alfabetische volgorde. Uploaden: Hier kun je foto's uploaden naar je weblog. Indien je mappen hebt aangemaakt kun je de map selecteren, bladeren en dan uploaden. Je fotoalbum vormt zich automatisch nadat je foto's hebt geuploaded. (Zie onderstaande afbeelding) Fotoalbum in actie: http://www.hofdesign.nl/demo/gallery.php www.hofdesign.nl 10
Sblog: BBCode 1. [B] [/B] Teksteffect Vet bijv: [b] Some text [/b] 2. [I] [/I] Teksteffect Schuin bijv: [i] Some Text [/i] 3. [U] [/U] Teksteffect Onderstreept bijv: [u] Text here [/u] 4. [S] [/S] Teksteffect Doorstrepen bijv: [s] Text here [/s] 5. [f1] [/f1] Lettergrootte: kleiner als standaardgrootte. 6. [f4] [/f4] Lettergrootte: Groter als standaardgrootte. 7. [f5] [/f5] Lettergrootte: Groter als standaardgrootte (grootste letterformaat). 8. [center] [/center] Afbeeldingen of tekst centreren. 9. [right] [/right] Rechts uitlijnen. 10. [left] [/left] Links uitlijnen. 11. [list] [/list] [list] [*] Item #1 [*] Item #2 [*] Item #3 [/list] bijv: Item #1 Item #2 Item #3 www.hofdesign.nl 11
Sblog: BBCode (vervolg) 12. [COLOR=color] [/COLOR] Tekstkleur bijv: [color=red] Colored text [/color] [color=#ff00ff] Colored Text [/color] 13. [URL] [/URL] Om een link op je eigen website te maken bijv: [url]http://jouwwebsite.nl/pagina2[/url] of [url=http://jouwwebsite.nl/pagina2] CLICK HERE [/url] 14. [email=] [/email] Om een mailadres te tonen als link bijv: [email=jan@voorbeeld.nl]jan@voorbeeld.nl[/email] 15. [EXT] [/EXT] Om een link naar een andere website te maken bijv: [ext=http://anderewebsite.nl/pagina2]click HERE[/ext] 16. [img][/img] Een afbeelding (van internet) tonen bijv: [img]http://site.com/image.gif[/img] Je kunt een afbeelding ook als link gebruiken door [IMG] in een [URL] te plaatsen bijv: [url=http://site.com][img]http://site.com/image.png[/img][/url] 17. [QUOTE] [/QUOTE] Print some text int the quote form 18. [CODE] [/CODE] Tekst in een codeblok www.hofdesign.nl 12
Sblog: BBCode (vervolg) 19. [line] 20. [more] or [more=lees verder»] bijv: Lees verder» 21. [youtube][/youtube] Een filmpje plaatsen van youtube (gebruik de code na het = teken in het adres van het filmpje) bijv: [youtube]3dxcha9byfe[/youtube] www.hofdesign.nl 13
Sblog-Categorieën Categorieën aanmaken Om categorieën aan te maken klik je in het beheerdersmenu op "Categorieën". Voer een naam in en klik op "Aanmaken". Een categorie aanmaken kan ook als je een bericht gaat maken. Naam categorie wijzigen Klik in het beheerdersmenu op "Categorieën". Vervolgens zie je een overzicht van categorieën. Klik op bewerken voor de categorie die je wilt wijzigen. Verander de naam, en klik op aanmaken. Categorieën verwijderen Klik in het beheerdersmenu op "Categorieën". Verwijder vervolgens de categorie naar keuze. Berichten die in de categorie stonden worden verplaatst naar ongecategoriseerd. Categorieën gebruiken Als je een nieuw bericht maakt kies je allereerst de categorie waarin het bericht geplaatst moet worden. Hierdoor is het bericht beter terug te vinden op de website. Hoe zie je het terug op de website? Als een bezoeker klikt op de categorie kan deze door alle berichten bladeren in die categorie. Voorbeeld: Is de categorie Nieuws dan blader je door alle nieuwsberichten heen. Het meest recente bericht eerst, gevolgd door de oude geplaatste berichten. www.hofdesign.nl 14
Sblog-Blokken De zijkolom in Sblog is opgebouwd uit blokken die aan- of uitgezet kunnen worden. Er zijn 10 blokken die kunnen worden gebruikt. Hieronder een korte uitleg per blok. Calendar: Deze kalender is bedoeld om berichten terug te vinden op de datum waarop ze zijn geplaatst. Deze functie wordt m.n. gebruikt bij een weblog. (internetdagboek) Archive: Het archief is bedoeld om berichten terug te vinden op de maand en jaartal waarop ze zijn geplaatst. Deze functie wordt m.n. gebruikt bij een weblog. (internetdagboek) Categories: Alle categorieën die je hebt gemaakt kun je als blok weergeven. Als je op een categorie klikt kom je in een overzicht van berichten dat chronologisch wordt weergegeven. Latest: Overzicht van laatste berichten. Standaard ingesteld op 10 berichten. Dit aantal is in te stellen via instellingen in het beheerdersmenu. Comments: Overzicht van laatste commentaren. Standaard ingesteld op 10 berichten. Dit aantal is in te stellen via instellingen in het beheerdersmenu. Het toestaan van het plaatsen van commentaren is via instellingen aan en uit te schakelen. Links: Deze kun je aan of uitvinken, en vervolgens in het beheerdersmenu open en de gewenste links invoeren. De links verschijnen dan in de zijkolom. Style: Als deze is aangevinkt kunnen gebruikers van de website kiezen wat het uiterlijk is van de website. (mits meerdere opmaakstijlen zijn geïnstalleerd) Voorbeeld: http://www.hofdesign.nl/demo/index.php Syndication: Met deze functie kunnen belangstellenden via nieuwsfeedprogramma s op het laatste nieuws van uw abonneren zonder dat ze uw website bezoeken. Via deze functie kunnen de berichten ook op andere websites worden opgenomen. Admin: Inloggen en uitloggen. Deze schakel ik meestal uit, en ga rechtstreeks naar de inlogpagina: http://websitenaam.nl/login.php www.hofdesign.nl 15
Sblog-Blokken (vervolg) Nieuw Blok: In een nieuw blok kun je met HTML codes veel doen. Je kunt een menu, plaatjes of bepaalde scripts plaatsen. Dit vergt kennis van HTML dus is niet aan te raden dit toe te passen als je daar niet enige kennis van hebt. Wensen op dit gebied kunnen we altijd bespreken, en kunnen voor je worden gedaan. Toepassingen: Links Een menu Tellers Shout/ chatboxen www.hofdesign.nl 16
Sblog-Menu Het menu bepaald de route waarlangs je bezoekers de website kunnen doorlopen. Het menu bestaat uit een serie links naar onderdelen van de website. Klik in het Beheerdersmenu op Menu, je ziet bovenstaand scherm. Klik op Voeg menu item toe. Vervolgens kom je in onderstaand scherm. Menu naam De naam voor de link in je menu. Menu omschrijving Indien gewenst kun je een omschrijving van het menu item maken. Als je met de cursor over de menuknop gaat verschijnt er een schermpje met daarin de omschrijving. Menu url (url=adres) Kies uit statische pagina s In het pull-down menu staan statische pagina s als die zijn gemaakt. Door er een te kiezen maak je van die statische pagina een menu item. www.hofdesign.nl 17
Sblog-menu (vervolg) Voer url in Voer het adres van de pagina of categorie in om deze tot menu item te maken. Maak dit menu item zichtbaar voor bezoekers! Vink bovenstaande optie aan om het menu item zichtbaar te maken en definitief op te nemen in je menu. Vervolgens kom je in onderstaand scherm. Je zojuist gemaakte menu item is toegevoegd. De positie van menu items kun je veranderen door de volgorde van cijfers te veranderen. Middels de optie Bewerk kun je het menu item aanpassen. www.hofdesign.nl 18
Sblog-Documenten uploaden Deze functie zit niet standaard in Sblog maar is door mij toegevoegd. Deze functie is m.n. om bijlagen, anders dan afbeeldingen, te kunnen uploaden en te plaatsen op de website. Voorbeelden hiervan zijn Word-bestanden of PDF-bestanden. Klik op Documenten uploaden in het beheerdersmenu, en er opent zich een nieuw scherm. Je kunt nu bladeren op je pc, om het bestand wat je wilt gebruiken te uploaden. Als je het bestand hebt geselecteerd klik je op upload en je bestand wordt op de server gezet. Om je bestand nu op te kunnen roepen op je website moet je het linken als een internetadres. Onderaan vind je een lijst met bestanden die je hebt geuploaded. Zoek het bestand wat je wilt gebruiken op in de lijst, en klik er met de rechtermuisknop op. Kopieer de link (snelkoppeling kopiëren), en gebruik deze in je bericht om het bestand te linken. Voorbeeld om de link op in je bericht te gebruiken: [url=http://website.nl/bestandsnaam.doc]geef de link een naam[/url] Nu kunnen bezoekers van je website het bestand downloaden/openen. www.hofdesign.nl 19