vrijdag 30 november 2012

Workshops, bijles of priveles van dewebmeester.nl

Hierbij informatie over dewebmeester.nl als meester.
Er wordt in heel Nederland lesgegeven. Wel is dit afhankelijk van het aantal deelnemers. Voor elke stad geldt een ander minimum aantal deelnemers. Zo is het minimum aantal deelnemers voor Amsterdam: vijf en voor Groningen: acht. Uurtarief is dan 20 Euro per uur per persoon ex. BTW.

Maar priveles is ook een optie. Dan zijn de tarieven echter wel wat hoger:

  • Bij afname tot 4 uur: 39 Euro per uur (ex. reiskosten van 0,19 euro per km) indien 2 uur of meer per keer lesgegeven kan worden.

  • Bij afnamen tot 10 uur (5 x 2 uur): 29 Euro per uur (ex. reiskosten van 0,19 euro per km) indien 2 uur of meer per keer lesgegeven kan worden.

  • Bij afname van 10 uur of meer: 25 Euro per uur (ex. reiskosten van 0,19 euro per km) indien 2 uur of meer per keer lesgegeven kan worden.

  • Deze tarieven gelden voor "niet-klanten" van dewebmeester.nl  Het is altijd aantrekkelijk om op zoek te gaan naar andere geinteresseerden omdat dan gebruik gemaakt kan worden van de minimumprijs van 20 Euro per uur (en dit kan zelfs dalen tot 15 Euro per persoon per uur).


Klanten van dewebmeester.nl krijgen een fikse korting en kunnen vanaf 20 Euro per uur priveles krijgen voor zover het betrekking heeft op een bestelling bij dewebmeester.nl; Ook kunnen zijn (zolang de aanbieding geldt) een 6 uurs pakket kopen voor 99 Euro (ex BTW en ex. reiskosten van 0,19 euro per km).

dewebmeester.nl is wat betreft bijles, workshops en privelessen pas weer beschikbaar vanaf 15 januari 2013;
Hartelijke groeten,

Ir. Meindert A. Jorna (Msc.)

Savornin Lohmanstraat 45

6702BN Wageningen

☎ 0317 795149

Mob. 06 412 86716

☒ info

www.dewebmeester.nl

My profiles: facebook.png Facebook linkedin.png LinkedIn flickr.png Flickr twitter.png Twitter

pixel.png?p=mozilla&v=3.11.21&t=1354283777726&u=d2aa0d2a0c4ca423

Extra informatie wat betrekt workshops, bijles en priveles door dewebmeester.nl op marktplaats.nl:















































Uw advertentie























Advertentie:Meindert Jorna / Spiderman Webdesign Wageningen
Omschrijving:Dewebmeester bij u op bezoek? Dat kan. Dewebmeester.nl biedt lessen op het gebied van webbeheer en webdesign. Dat is zeer aan te raden voor elke startende ondernemer en zzp'er maar ook zeer handig als u betrokken bent bij een stichting of de familiewebsite beheert. Prive les, van dewebmeester. Duur? Nee, vanaf 20 Euro per uur krijgt u de beschikking over dewebmeester.nl Het maakt niet uit waar u zich bevindt in Nederland, de webmeester komt naar u toe.Wat kunt u verwachten?
- Snel advies
- Dewebmeester kan direct samen met u (bij u thuis) uw website opstarten
- U krijgt direct inzicht in hoe u zelf uw website kunt onderhouden en beheren
- U krijgt kennis, deelt in de ervaring van dewebmeester en wordt daarmee ook zelf een webmeester die wat kan betekenen voor anderen
Rubriek:Diensten en Vakmensen > Bijles, Privé-les en Taalles
Advertentienummer:196889
Bekijk uw advertentie:http://diensten-vakmensen.marktplaats.nl/a/diensten-en-vakmensen/bijles-prive-les-en-taalles/196889-meindert-jorna-spiderman-webdesign-wageningen.html

Uw gegevens















Naam:Spiderman Webdesign Wageningen
E-mail:info
Woonplaats:Wageningen










Contact | Veilig handelen | Voorwaarden en Privacybeleid Inloggen Mijn Marktplaats

Dit een systeembericht. Vragen over deze e-mail kunt u stellen via 'Contact'.


Werkwijze:
De betaling van de offerte geldt als acceptatie van de offerte.
Dat betekent dat we niet garanderen dat er aan uw website wordt gewerkt als we geen betalingsbevestiging hebben ontvangen.
Elke klant heeft recht op periode van ondersteuning zoals beschreven in offerte. Periode start vanaf offertedatum.
Klanten die de offerte hebben betaald krijgen altijd voorrang boven degenen die dit (nog) niet deden.
De klant is zelf verantwoordelijk voor het snel toesturen van de juiste informatie (teksten, illustraties en andere wensen).
Indien we geen nieuwe informatie ontvangen, kunnen we niet verder met de website en wordt het werkproces vertraagd.
In de praktijk betekent dit dat andere klanten voorrang krijgen ongeacht de vraag of offerte al dan niet betaald is.
Oftewel: Elke vertraging vanwege (te) laat betalen van de offerte of door het niet op tijd toesturen van de juiste informatie is voor de klant erg nadelig. De periode waarbinnen de klant recht heeft op ondersteuning verstrijkt en uiteindelijk zijn dan zowel de klant als wij ontevreden. Beste klant: let erop dat u uw offerte betaald heeft en de juiste informatie heeft toegestuurd!
Hartelijke groeten namens www.dewebmeester.nl


















pictureLatest post: Ticketsysteem, maak er gebruik van Ticketsysteem, maak er gebruik van









like.png Like · Comment · ShareSpiderman Webdesign Wageningen page on Facebook facebook.png Like


pixel.png?p=mozilla&v=3.11.21&t=1354282685120&u=d2aa0d2a0c4ca423

woensdag 28 november 2012

Ticketsysteem, maak er gebruik van

Beste klanten,

dewebmeester.nl is in samenwerking met cheap-web.nl een eigen ticket en help systeem begonnen. Dit betekent dat vragen van klanten in het vervolg zoveel mogelijk via dit ticketsysteem of via het forum behandeld zullen worden. Natuurlijk blijft het mogelijk om mij of ons direct via email te benaderen maar voor het overzicht is het echt beter om dit ticketsysteem te gebruiken.

Voordelen:
- Via accountbeheer heeft elke klant altijd inzicht in eerder gestelde vragen en ontvangen antwoorden
- De klant kan aangeven welke vraag prioriteit verdient boven de andere
- Dit ticketsysteem is gekoppeld aan de service van dewebmeester.nl en de actuele aanbiedingen (waaronder elke dag ook gratis opties) van cheap-web.nl
- Het is mogelijk om andere toegang te geven tot het ticketsysteem en zo mee te laten doen in het zoeken naar oplossingen

Hoe te gebruiken:
Ga naar www.cheap-web.nl en ga naar "login of registreer" via menu "contact". Daarna kan direct een nieuw ticket aangemaak worden. In deze fase betreft het een open ticketsysteem wat betekent dat iedere bezoeker hier gebruik van kan maken maar in de toekomst zal dit een besloten ticketsysteem worden bedoeld voor klanten van dewebmeester.nl met een abonnement en ondersteunings periode.
[gallery]

Offerte systeem:

Binnen www.cheap-web.nl (http://cheap-web.nl/index.php/aanbiedingen/krijg-hier-direct-uw-offerte ) wordt gewerkt om het offerte systeem van www.dewebmeester.nl te integreren. Dat betekent het volgende:

- Bij elk product kunt u kiezen voor een bijpassende offerte

- Vervolgens kunt u binnen die offerte bepaalde zaken naar eigen wensen aanpassen

- U slaat de offerte op (save), op de eigen computer en stuur de offerte naar info samen met een lijstje wensen

- Vervolgens krijgt u een definitieve offerte

- Elke offerte is geheel vrijblijvend en niet bindend. Er ontstaat pas eeen verpliching na betaling (50% aanbetaling bij bedragen boven de 200 Euro)

- Het is aan te bevelen om ook een offerte aanvraag te laten lopen via het ticketsysteem zodat besproken offertes bewaard blijven binnen uw account en altijd makkelijk zijn terug te vinden (door u en door dewebmeester.nl)

maandag 26 november 2012

Mobiele Joomla website

Ik heb al eerder geschreven over de mogelijkheid om een html - css website om te bouwen naar een mobiele website (zodat de website makkelijk te lezen is op het kleine schermpje van de smartphone) maar nu ook aandacht aan een Joomla (php) website. Het grote verschil: dit is een dynamische website en het is dus niet mogelijk de website in blokje op te delen en om te bouwen. Het resultaat is dan ook niet een pakketje files die samen een mooie mobiele website vormen en dat als pakketje makkelijk te verhuizen is of waaraan makkelijk een extra domeinnaam te koppelen is. Hier een begin van mijn zoektocht naar de Joomla mogelijkheden.

1) De website waarvoor een mobiele weergave nodig is, betreft www.projektduga.nl . Daarvoor is een Rockettheme template gebruikt (Momentum) en dat template maakt gebruikt van het template systeem "Gantry". Gantry heeft in zichzelf de optie om de mobiele weergave aan en uit te zetten. Het werkt op zich wel maar het menu wordt niet zichtbaar. Ik heb het nog niet opgegeven wat betreft Gantry maar voorlopig wel even wat betreft deze mobiele optie voor deze website.

2) Het is mogelijk (en aan te raden) om te beginnen met een "Responsive" Joomla template. Maar dat is natuurlijk niet handig als je al een volgroeide website hebt.
3) Er zijn slechts enkele componenten op de markt die het mogelijk maken een bestaande (niet responsive) Joomla website om te zetten naar een mobiele website. De eerste die ik probeer is Apptha. De gratis versie. Lang ben ik hoopvol maar na een halve dag knutselen ben ik blij dat er nog een andere component bestaat.

4) Mobile Joomla. Dat is de optie waar ik het meest positief over ben op dit moment. Component lijkt uitgebreider dan Apptha en biedt meer mogelijkheden om te kiezen tussen verschillende mobiele templates. Er is een optie om voor elk type mobiele apparaten een aparte template te kiezen. Maar mijn conclusie is dat het algemeen gebruik van de iPhone template het beste werkt (dus ook voor Android apparaten). Vervolgens kies ik niet voor de standaard iPhone template opties maar ga ik eerst kijken welke modules ik van de originele website zichtbaar wil maken op de homepagina van de mobiele website. Dat is bijvoorbeeld de module waarin de Social Media iconen getoond worden. Die module staat op positie top-c. Vervolgens kan ik in de Mobile Joomla component aangeven dat de mobiele module positie "header", de positie top-c moet weergeven van de originele website. Vervolgens worden de iconen zichtbaar binnen de mobiele website. Dus: als ik dit handmatig aanpassen oversla, dan worden de modules niet goed weergegeven of worden we helemaal niet weergegeven. Dat geldt dus ook voor het menu. Die staat in position-7 en binnen de Mobile Joomla component geef ik dus aan dat Header2 verwijst naar position-7. En ja hoor, het mene verschiijnt.

5) Er zijn online omvormers. Die lijken een dynamische website moeilijk te vangen. Wel is het mogelijk om bijvoorbeeld de homepagina van de Joomla website op te slaan als complete html pagina om die pagina vervolgens via FTP als html pagina op de server te zetten direct in de root van de Joomla installatie en te koppelen aan de bestanden binnen de root. Dat truukje heb ik eerder toegepast om een Joomla website de nodige versnelling mee te geven.

Tot zover. Ga met de smartphone naar www.projektduga.nl om het resultaat te bekijken.

vrijdag 23 november 2012

Een mooie mobiele website, de mogelijkheden deel 1

Nee, ik ga nu niet in de rij staan van al degenen die beweren hoe levensbelangrijk het is om uw website toegankelijk te maken voor mobiele apparaten zoals ipads, ipods, android telefoon en andere tablets of smartphones. Ik weet het niet hoe belangrijk dat is. Ik ken de statistieken niet. Mogelijk is het wel belangrijk om daar later eens bij stil te staan en daar een aparte blogpost aan te wijden. Nee, vandaag ben ik bezig geweest met dit onderwerp vanuit het oogpunt van de webdesigner. Het is gewoon een leuke uitdaging om van elke bestaande website ook een mobiele website te kunnen maken. Wat betreft www.dewebmeester.nl is dit vandaag aardig gelukt:

1) Ik heb een mobiele versie gemaakt van de website en
2) Deze wordt zichtbaar (automatisch) zodra iemand met een smartphone www.dewebmeester.nl probeert te bekijken.

Vanavond ga ik weer even terug naar www.dreamtemplate.com, de supermarkt van html / css designs en ik begin met de meest recente: ZOOMTEG. Deze template heb ik eerder gebruikt om te laten zien hoe je van een html / css design een Joomla 2.5 template kunt maken.
20111120134610_1.jpg
Ik denk er over om een winkel aan te maken waarin alle dreamtemplate.com templates besteld kunnen worden als Joomla 2.5 design en tegelijkertijd als mobiele website. Maar laat ik eerst een aantonen hoe mooi een mobiele website, uitgaande van de dreamtemplate.com design templates, kunnen zijn.
Uitgangspunt is dus: http://decmsmeester.nl/dreamtemplate/zoomteg/html/
- template opdelen in stukjes
- stukjes invullen
- samenstellen in een mobiele template
Als die mobiele template en de puzzelstukjes online zijn gezet (en dus een url hebben gekegen) is het nodig dat als bezoekers de website bezoeken via een mobiel apparaat, dat zij automatisch worden doorgelinkt naar de mobiele website. Code:

<script type="text/javascript" src="http://www.ginwiz.com/mobileDetectionScript/redirection_mobile.min.js"></script> <script type="text/javascript">SA.redirection_mobile({noredirection_param: "noredirection",mobile_url: "decmsmeester.ginwiz.com",cookie_hours: "2",keep_path: "true"});</script>
Nu nog even een makkelijkere domeinnaam zodat website ook via mobiel apparaat makkelijk bezocht kan worden. Het wordt: www.dreamtemplates.tk En: als je via je desktop naar deze site gaat, krijg je de dreamtemplate.com versie maar als je via je smartphone naar deze website gaat, krijg je de mobiele versie van dewebmeester.nl

Ziet u ook een mooi design op www.dreamtemplate.com wat u zoudt willen laten ombouwen tot een mobiele website? Dat kan. Vanaf 20 Euro per webpagina via dewebmeester.nl ; Neem contact op of laat hieronder een reactie achter.

dinsdag 13 november 2012

Aanpassen achtergrond van JCE popup Joomla

Deze blog post is voor mijn persoonlijk archief want dit probleem verwacht ik nog vaker tegen te komen en het viel niet mee te juiste oplossing te vinden.

Probleem:
Bij aanmaken van een popup link (na klikken op de link, opent de gevraagde informatie zich in een "popup") via de JCE editor in Joomla, wordt het artikel dat binnen de popup getoond wordt (werkt dus prima), weergegeven met een donkere achtergrond. Dat is de standaard achtergrond van de gebruikte template en die willen we niet aanpassen. Tekst (ook donker) wordt daardoor moeilijk leesbaar.

Oplossing:
In de template.css file plaats ik code:

/* jcemediapopup */
#jcemediabox-popup-ajax {

background-color: white !important;

}

Ik had natuurlijk direct een oplossing verwacht maar de popup achtergrond blijft zo zwart als roet. Maar ik ben op de goede weg. Wat nog nodig is: bij aanmaken van de JCE popup (in JCE editor) moet het type aangepast worden. Dat kan via "toggle editor" en in de link target het type="text/html" te plaatsen. Voorbeeld van goed html (te testen via "toggle editor"):

<a target="_blank" rel="title[De voetbalhistorie!];width[800]" type="text/html" href="index.php?option=com_content&amp;view=article&amp;id=133:voetbal-historie-van-projekt-duga&amp;catid=42:activiteiten">Voetballen</a>

type="text/html" heb ik hier handmatig geplaatst. Dit kan ook worden gedaan door bij aanmaken van de link te kiezen voor type "interne link".

Deze codes zijn ook te vinden op dewebmeester.nl snippets websites:
http://shortcodes.tk/
http://hetkladblok.tk/
http://kladblokje.tk/

Groeten!

maandag 12 november 2012

Marktplaats of Speurders website deel 2

Deze blogpost is een vervolg op blogpost: http://dewebmeester.wordpress.com/2012/11/07/een-marktplaats-nl-website-de-mogelijkheden-prijzen-en-andere-adviezen/ (deel1)

Idee: marktplaats.nl is een populiare website en een populair website idee. Bezoekers kunnen hier niet alleen spullen kopen (= webwinkel / webshop) maar kunnen ook zelf spullen plaatsen en verkopen. De beheerder van de website verdiend niet met de verkoop van spullen maar met de verkoop van advertentie mogelijkheden. Kortom: de bezoeker doet het werk en de beheerder krijgt automatisch verdiensten. Maar welke mogelijkheden zijn er (= biedt dewebmeester.nl) om zelf zo'n website te hebben en te beheren?

Deel 2: Marktplaats/ Speurders website binnen Joomla
De test en demonstratie website: http://decmsmeester.nl/speurders/
Op deze website heb ik "simpelweg" een marktplaats component geinstalleerd. Om die component zichtbaar te maken op de voorpagina (zodat bezoekers er mee kunnen werken), is er een apart menu aangemaakt (ads menu) waarbij de linken koppelen naar de verschillende mogelijkheden van dit marktplaats script.
Zie afbeelding:
[gallery]

Daaronder een extra menu item in Main Menu met de optie "Buy Credits". De bezoeker kan Credits kopen om zo advertenties te mogen plaatsen. Het verdienen kan beginnen. Verder zijn er natuurlijk allerlei modules verwerkt om de producten leuk en mooi zichtbaar te maken op de voorpagina. Mogelijk belangrijk voor u:
Mocht u een eigen Speurders.nl of Marktplaats.nl website hebben? Dan kan dit makkelijk geintegreerd worden in elke bestaande Joomla website. Daarvoor hoeft u niet een nieuwe Joomla website te laten ontwerpen. Dat kan wel. Op http://www.dewebmeester.nl/joomla-design.html heeft u de keus over honderden zeer professionele Joomla designs voor een kleine prijs. Integratie van het marktplaatsscript in een Joomla website kost via dewebmeester.nl 99 Euro.
Reageren kan via deze blogpost (te vinden op www.dewebhulp.nl) of via email: info@dewebmeester.nl

De volgende blogpost over dit onderwerp gaat over integratie van een marktplaats script in een Wordpress website.

donderdag 8 november 2012

Testen website voor wide screen en aanpassen achtergrond afbeelding

Bij het maken van een website moet de website getest worden in meerdere browsers maar ook binnen meerdere schermresoluties. Nu heeft de ontwikkelaar niet altijd de beschikking over een rij computers of monitoren en dat is natuurlijk ook geen makkelijk optie. Wat betreft het testen binnen verschillende monitoren zijn de volgende mogelijkheden beschikbaar:

  1. Firefox addon "Firesizer": Niet handig omdat de computer monitor een limiet heeft (bijvoorbeeld 1280px) en testen in widescreen daarmee onmogelijk is.

  2. De webdeveloper extensie "resize" van Firefox: zelfde probleem als onder 1

  3. De Ctrl + en Ctrl - knoppen: simpele en meest effectieve optie wat mij betreft. Zo vergroot ik de monitor weergave niet maar verklein ik de website weergave en daardoor krijg ik de website toch te zien zoals hij op een wide screen getoond wordt.


Vervolgens kan ik de grootte van de background image aanpassen en testen. Natuurlijk wil ik een dynamische grootte. Oftewel: grootte wordt gepaald door de monitor waarmee de bezoeker de website bezoekt. Achtergrond afbeelding moet getoond worden over hele scherm. Of dit scherm nu 800px x 600px of 2400px breed is. Uitgangspunt is gebruikte css. De nieuwe standaard laat volgende code toe:
background-size: cover;

Maar helaas, als ik die vermelding plaats binnen huidige css file dan werkt dat niet. Wat wel werkt:
Website openen in Firefox en element inspecteren met Firebug. [background-size: cover;] toevoegen aan css binnen Firefox en resultaat bekijken via Ctrl+. Als het goed is werkt het nu wel. Vervolgens kopieer is de gehele achtergrond vermelding naar de vermelding binnen originele css file:
#footer {
background-attachment: scroll;
background-clip: border-box;
background-color: #0A546B;
background-image: url("../images/footer.jpg");
background-origin: padding-box;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
clear: both;
color: #FFFFFF;
margin: -50px 0 0;
min-width: 1200px;
overflow: hidden;
padding: 80px 0 0}

Firefox heeft de hele achtergrond / background css vermeldingen voor de positie #footer aangepast aan de browserstandaard en daarmee is volgens mij Firefox / Firebug de beste (en gratis) html editor die er bestaat. Toch?
Wilt u de layout van uw website laten aanpassen? dewebmeester.nl rekent per "tweak" 10 Euro maar soms kunt u gebruik maken van speciale acties waardoor "tweaks" te koop zijn vanaf 5 Euro. Volg dewebmeester.nl om op de hoogte te blijven:

Ir. Meindert A. Jorna (Msc.)

Savornin Lohmanstraat 45

6702BN Wageningen

☎ 0317 795149

Mob. 06 412 86716

☒ info: www.dewebmeester.nl

My profiles: facebook.png Facebook linkedin.png LinkedIn flickr.png Flickr twitter.png Twitter

pixel.png?p=mozilla&v=3.11.21&t=1352372387225&u=dbb866711fc9370a

Aanpassen layout Joomla module

Het aanpassen van de layout van een Joomla module lijkt een eenvoudige zaak met Firebug. Maar bij aanpassen van de css file behorende bij de module, is de kans groot dat ook de layout van andere modules aangepast worden terwijl dat mogelijk niet te bedoeling is. Dat is zeker het geval als de css verwijzingen verstopt zitten in bijvoorbeeld een style.css file of template.css file. Als de module een eigen css file heeft, dan is het inderdaad niet moeilijk om de layout aan te passen.

De makkelijkste manier
Het makkelijkste lijkt mij op dit moment om in "advanced options" binnen modulebeheer (binnen Joomla administrator) de "Module Class Suffix" aan te passen.
Dat gaat als volgt:
Ga naar modulebeheer in Joomla en open de module waarvoor de layout aangepast moet worden.
Open de stylesheet waarnaar deze module verwijst (via Filezilla en Notepad+)
Kijk via Firebug welke layout verwijzing aangepast moet worden
Ga terug naar de geopende stylesheet (css file) en zoek via "search" naar de verwijzing
Kopieer de div class en plaats die daar direct onder; Bijvoorbeeld:
#footer .moduletable h3.mod-title {
color: #800040;}

#footer .moduletable h3.mod-title {
color: #800040;}

Nu passen we de tweede verwijzing aan en maken een nieuwe div class. Bijvoorbeeld:
#footer .moduletable h3.mod-title {
color: #800040;}

#footer .moduletable2 h3.mod-title {
color: #FFFFFF;}

We schakelen weer terug naar de geopende module in modulebeheer en plaatsen aan de rechterkant onder "advanced options" in de "Module Class Suffix" de div class: moduletable2 en slaan de module op. Zie afbeelding:


Resultaat is dat de header van de bewuste module een h3 grootte hebben (dat hadden ze al) en dat de kleur is veranderd naar wit. Nu is het makkelijk om voor elke module de header aan te passen in wit.
Tot zover. Wilt u ook de layout van uw Joomla website laten aanpassen? Vraag info@dewebmeester.nl naar mogelijkheden.
Groeten!

dinsdag 6 november 2012

Een Marktplaats(.nl) website, de mogelijkheden, prijzen en andere adviezen

Als u bij deze blogpost terecht bent gekomen dan bent u waarschijnlijk op zoek naar een website "zoals marktplaats.nl". Deze website is enige jaren geleden voor miljoenen Euro's (of waren het nog guldens?) verkocht en dat heeft veel mensen op het idee gebracht om ook te starten met een eigen marktplaats website. Deze wensen en mensen komen ook bij dewebmeester.nl terecht (, een website die over enkele jaren mogelijk ook miljoenen gaat opleveren....).

Wat wilt u precies?
"Een marktplaats website" is mogelijk een te vaag begrip. Het helpt om uw wensen te verduidelijken. De vraag moet zijn:
- Welke functionaliteiten wilt u binnen uw website?

Bij een marktplaats website kunt u denken aan de volgende mogelijkheden:


  1. Mogelijkheid om advertenties te plaatsen door een (al dan niet geregistreerde) bezoeker

  2. Daarbij kiest de bezoeker uit een categorie (bijvoorbeeld: auto's, boten, computers e.a.)

  3. U moet zich afvragen of u wilt dat de bezoeker ook subcategorieen kan kiezen voor zijn producten (dat kan op marktplaats.nl)

  4. Moet de bezoeker betalen voor het plaatsen van een advertentie?

  5. Zijn er "opval" mogelijkheden? (Bovenaan plaatsen, opvallende opmaak, speciale categorieen, geplaatst op de homepagina e.a.; zie marktplaats.nl)

  6. De bezoeker kan 1 of meerdee productafbeeldingen uploaden

  7. De bezoeker kan via zijn eigen account op een later tijdstip de geplaatste advertenties beheren en aanpassen

  8. Bezoekers kunnen zoeken naar een gewenst product

  9. De bezoeker kan direct betalen via de website (dat kan bijvoorbeeld niet via marktplaats.nl)

  10. Er is een geintegreerde Google maps integratie waarop alle producten van een bepaalde categorie te vinden zijn (niet aanwezig op marktplaats.nl)

  11. Social media (twitter, facebook, linkedin) geintegreerd?

  12. Andere zaken



Mogelijkheden
dewebmeester.nl blijkt in het archief nog een "oude" en complete website te hebben die enigszins de mogelijkheden heeft zoals hierboven genoemd. Het betreft een Joomla website en heeft daarmee dus direct "Joomla mogelijkheden" (kijk even rond op dit blog naar Joomla mogelijkheden). Dat betekent bijvoorbeeld dat alle functionaliteiten van die website ook gebruikt kunnen worden binnen een andere Joomla website met een totaal andere layout. Wat zijn die functionaliteiten? De website heb ik geplaatst op www.decmsmeester.nl/marktplaats

Ten aanzien van:
1) Er kunnen advertenties geplaatst worden door een al dan niet geregistreerde bezoeker. Zie afbeeldingen:


Vrij eenvoudig: de bezoeker ziet een menulink met "new ad" en natuurlijk kan daar ook net zo goed "plaats advertentie" staan.
2) Vervolgens krijgt de bezoeker de kans om een categorie te kiezen (net als op marktplaats.nl). Zie afbeelding:


3) Ook kan er gekozen worden voor een subcategorie. Daarna opent zich ene uitgebreid formulier wat er zo uitziet als de afbeelding hieronder. En zoals u ziet: dit is een website zoals marktplaats.nt ; Kosten? Vanaf 199 wordt de complete website geleverd. Natuurlijk heeft u nog extra wensen en ook daarvoor kunt u contact opnemen met info


Maar hoe zit het met:
4) De mogelijkheid om degene die een advertentie plaatst te laten betalen? Dat kan via een extra component. Daarvoor bent u dan (helaas) 99 Euro extra kwijt. Vervolgens kunt u verschillende betaalmodules aanmaken en betaalopties hanteren en beginnen met het verdienen. Op zich klinkt het wel makkelijk: u laat anderen een advertentie plaatsen, u heeft een compleet systeem waarmee de bezoeker zelf makkelijk overweg kunt en u krijgt bijna automatisch enige inkomsten (die in geval van marktplaats.nl opliepen tot enkele miljoenen).
5) En de extra "opval" mogelijkheden? Ja ook die zijn geintegreerd in de extra component die hierboven genoemd wordt. "Vetgedrukt" of "Speciaal" zijn mogelijkheden waarvoor u de adverteerder eventueel extra kan laten betalen. Zo kunt u er dus ook voor kiezen om het plaatsen van een advertentie gratis te laten zijn terwijl de opvalmogelijkheden extra betaald moeten worden. Dat is zo ongeveer het oude marktplaats.nl systeem en zo werkt speurders.nl in grote mate nog steeds.
6) De adverteerder kan meerdere productafbeeldingen uploaden (zie afbeelding hierboven).
7) Accountbeheer is mogelijk (zie "my ads" in de afbeelding hierboven) en is uit te breiden via de extra component die genoemd is onder 4 en 5 en die u daar al heeft aangeschaft. Nu kan de marktplaats website en het plaatsen en beheren van advertenties ook geintegreerd worden in Jomsocial.
8) Een uitgebreide zoekmogelijkheid is ook aanwezig maar Joomla kent natuurlijk ook extra en externe zoekextensies indien nodig. Maar hieronder de afbeelding van de vele zoekopties:


9) Wilt u dat de bezoeker via uw website direct kan betalen voor een product? Dan moet u zich afvragen of u wilt dat de bezoeker aan u betaalt (dan heeft u meer aan een webwinkel dan aan een marktplaats website) of dat de bezoeker aan een adverteerder betaalt (die u alleen betalen voor het plaatsen van een advertentie). In dit tweede geval heeft u een community component als JomSocial nodig of CB (CommunityBuilder) waarbinnen adverteerders een eigen profiel kunnen onderhouden en verder allemaal een eigen "mini" webwinkel hebben binnen uw marktplaats website. Houdt rekening met een investering van enkele honderden euro's extra om dit mogelijk te maken.
10) De optie van een uitgebreide Google Maps integratie is niet te vinden op de demonstratiewebsite van www.decmsmeester.nl/marktplaats maar niet getreurd: die kan via een andere component eventueel wel worden geintegreerd. Zie www.dewebhulp.nl (klik op een voorbeeld advertentie en zie onderaan een Google Map; zie afbeelding hieronder):


Hier zien we nu slechts 1 "pointer" maar dat komt omdat ik slechts 1 advertentie geplaatst heb.
11) Integratie van Social Media zoals Twitter, Facebook en Linkedin is altijd mogelijk via "share" of "like" buttons maar ook via allerlei extra (vaak gratis) modules en plugins.
12) Andere zaken krijgen in een volgende blogpost aandacht. Hier volsta ik even met de voorlopige conclusie: Het is zeer goed mogelijk om zelf een website te hebben zoals marktplaats.nl; U kunt hier vanaf 199 Euro al eigenaar van worden en hoeft daar zeker geen duizenden euro's voor te betalen. Daarbij kunt u alle kanten op wat betreft layout en ook functionaliteiten zijn zeer goed uit te breiden zodat zowel layout als functionaliteit van uw website, die van marktplaats.nl overstijgt.
Voor informatie altijd contact opnemen met info en wie weet: bent u binnenkort ook de trotse beheerder van een echt marktplaats website. Uzelf hoeft dan voorlopig in ieder geval niet meer te betalen voor het plaatsen van een advertentie.
Groeten!
Meindert A. Jorna

zondag 4 november 2012

Verhuizen Wordpress website van lokale (localhost) naar online server

Dat bleek weer eens veel ingewikkelder dan ik dacht. En uiteindelijk is het mogelijk ook weer veel makkelijker dan het lijkt (leek). Hierbij mijn ervaring:

Adviezen op Google duiden vaak op de noodzaak om binnen phpmyadmin in bijvoorbeeld de wp_options tabel zaken aan te passen en daarnaast de site url binnen wp-config.php aan te passen. Dat lijkt logisch maar dit alles raad ik u nu even af. Het makkelijkste lijkt mij op dit moment:

  1. Alle bestanden binnen wordpress installatie op computer in te pakken in een zip bestand

  2. Zip bestand uploaden naar server en uitpakken binnen gewenste folder bijvoorbeeld http://www.uwwebsite.nl/wordpress1

  3. Binnen hostingaccount nieuwe mysql database aanmaken en gebruikersnaam en wachtwoord noteren.

  4. Ga naar phpmyadmin van localhost (op uw computer) en exporteer het bijbehorende database bestand als .sql bestand

  5. Open dit .sql bestand in Notepad+ en zoek naar http://127.0.0.1:serverport/folder (:serverport is bijvoorbeeld :4001 en /folder de folder waarbinnen de wordpresswebsite lokaal geinstalleerd staat; Deze gegevens zijn ook makkelijk binnen .sql bestand te vinden door gewoon naar beneden te scrollen en te zoeken binnen bijvoorbeeld wp_posts tabel omdat alle urls van de posts beginnen met http://127.0.0.1 :.... etc. ); Vervang deze urls door de nieuwe url op de live site (bijvoorbeeld: http://www.decmsmeester.nl/snippets ) via de "replace" functie binnen Notepad+

  6. Importeer dit nieuwe .sql bestand via phpmyadmin binnen de nieuwe mysql database

  7. Verwijder de wp-config.php file binnen de files op de server

  8. Open de live link naar uw nieuwe website (in mijn voorbeeld http://www.decmsmeester.nl/snippets) en u krijgt de melding dat wp-config.php niet aanwezig is en dat nieuwe installatie nodig is. Volg gewoon de stappen en vul de database gegevens in. Nadat u aankomt bij de button "install" krijgt u de melding dat er al een installatie is gedetecteerd. Prima. Gewoon alles in tact laten. De wordpress website is nu verplaatst of eerder: gekopieerd.


Reacties, vragen en wensen doorgeven hieronder als "reactie" maar u kunt mij ook direct schrijven naar info@dewebmeester.nl

 

zaterdag 3 november 2012

php begrijpen en aanpassen.in Virtuemart categorie weergave

PHP is echt zo'n geheimtaal die duidelijk maakt dat woorden kracht in zich hebben. PHP taal zet zaken in beweging en daarom zijn webpagina's die opgemaakt zijn met PHP "dynamische websites". Een Joomla website dus ook en daarmee ook de Joomla component Virtuemart. Wat we zien binnen Virtuemart wordt bepaald door de PHP code. Vandaag heb ik binnen die code wat moeten aanpassen om gehoor te geven aan de wens van een klant.

De wens: bij de categorieweergave (alle producten binnen 1 categorie), openen de afbeeldingen zich in een lightbox popup. Onder elke afbeelding staat ook een link en daaronder een button en als je daar op klikt opent zich de product details pagina van het betreffende product. Teveel verschillende acties wat betreft de klant. De klant wil het omdraaien: bij klikken op een product afbeelding moet de klant doorverwezen worden naar de bijbehorende product details pagina en die link en button onder de afbeelding wil hij weghalen.

HTML ten opzichte van PHP: Hier wordt het grote verschil in karakter duidelijk wat betreft de taal "HTML" en de taal "PHP". Binnen een HTML pagina zouden we gewoon een hyperlink plaatsen om de afbeelding heen en die link en button daaronder weghalen. Klaar. Dat lijkt simpel maar dat is niet simpel als je dit voor duizend artikelen handmatig moet doen. Daarvoor bestaat PHP. Je past 1 maal de PHP code aan en elke keer als een product categorie pagina wordt opgevraagd door de bezoeker, wordt die automatisch aangepast.

Maar hoe?
Originele PHP code (snippet) wat betreft het tonen van de miniatuurafbeelding en openen van de afbeelding in een lightbox popup:
<?php /** @todo make image popup */
echo $product->images[0]->displayMediaThumb ('class="browseProductImage" border="0" title="' . $product->product_name . '" ', TRUE, 'class="modal"');
?>

Duidelijk: php is de taal, wordt die aangeroepen dan is de respons (de echo): "laat wat betreft het product ($product) een image zien en van die image alleen de verkleinde afbeelding (displayMediaThumb) en wel op deze manier (class): graag geen "border", de titel is weggelaten maar kan worden ingevuld, met mogelijkheid het product ppnieuw te tonen maar nu ook de naam van het product en wel op deze manier (class):via een popup (gedefinieerd in css class "modal"). Deze mpgelijkheid kan je aanzetten (TRUE) of uitzetten (FALSE). Dus mijn eerste stap was om deze popup mogelijkheid op FALSE te zetten. Resultaat: nog steeds een overzicht van alle productafbeeldingen binnen een categorie maar achter de afbeelding zit nu geen link en geen popup mogelijkheid meer.

Maar ik wil wel een link achter de afbeeldingen en dat doe ik door de code aan te passen:
Nieuwe PHP code (snippet) wat betreft het tonen van de miniatuurafbeelding waarbij de bezoeker kan klikken op de afbeelding waarna de product details afbeelding van bijbehorend product geopend wordt:
<?php /** show image and link to product details page */
echo JHTML::link ($product->link, $product->images[0]->displayMediaThumb ('class="browseProductImage" border="0" title="' . $product->product_name . '" ', FALSE, 'class="modal"'));
?>

In gewoon Nederlands: de taal is php en bij opvragen is de respons (echo): maak een link (JHTML::link) en toon het product als zijnde een link ($product->link) maar ook de afbeeldingen op zo'n manier dat alle product afbeeldingen van een categorie als thumb worden afgebeeld. Belangrijk hierin zijn de "haakjes" (); De snippet moet hier afsluiten met een dubbele )) want het betreft een wens binnen een wens (of eerder een opdracht binnen een opdracht). De link die aangemaakt moet worden betreft alles wat tussen de haakjes staat terwijl de tweede set haakjes betrekking heeft op hoe de afbeelding die deze hyperlink omvat, getoond moet worden.

Afronding:
Vervolgens is het makkelijk om de bestaande link en button te verwijderen. Ik besluit de code tussen <!-- en --> te zetten en daarmee te deactiveren. Zo kan die link en button makkelijk weer geactiveerd worden.
Vervolg:
Ik zal een aparte (Wordpress) website opmaken waarin in alle "snippets" plaats die genoemd worden op dit blog zodat ze altijd makkelijk zijn terug te vinden. Nieuws volgt als die website online gaat. Groeten en stuur vragen op naar info@dewebmeester.nl
Meindert Jorna

p.s.: Inmiddels is de Snippet website aangemaakt en is te bekijken via www.decmsmeester.nl/snippets

p.s.: Snippets die genoemd worden binnen dit blog kunnen nu ook gevonden worden op www.kladblokje.tk of www.hetkladblok.tk

donderdag 25 oktober 2012

Review Joomlashack Joomla premium templates

Vandaag ben ik lifetime developer geworden bij Joomlashack. Hier mijn eerste indrukken en ervaring.
1) De bestellingen worden prima (automatisch) afgehandeld. Downloaden en account onderhoud functioneert prima en is transparant.
2) Na het downloaden en uitpakken van de template bestanden ben ik teleurgesteld dat er geen demo sql bestand te vinden is binnen het pakket. Jammer dat het zip pakket niet een"quickstarter" pakket is. Dat betekent dat ik alle modules behorende bij de template handmatig zal moeten instellen.
3) Tijd voor een installatietest en ik test daartoe de "one page website" template met de naam N6. Na de gebruikelijke template installatie (en na instellen van template als standaard template), lijkt de website toch gelijk al enigszins te lijken op demonstratie website bij Joomlashack. Maar ik mis een menu.
4) Binnen de download sectie van mijn account bij Joomlashack vind ik onder elke template link ook een link naar documenatie betreffende instellingen van het Joomla theme. Oftewel: elk design is bij Joomlashack als demo website geinstalleerd en binnen deze demonstratie websites vind ik de benodigde informatie betreffende het betreffende design. Wel overzichtelijk (al klinkt dat mogelijk niet zo?).
5) Ik werk stapsgewijs alle aanwijzingen af en dat heeft twee gevolgen: de website begint steeds meer te lijken op wat oorspronkelijk de bedoeling is (= de voorbeeld website zoals getoond op Joomlashack ) en wat zeker zo belangrijk is (zo niet belangrijker): ik krijg inzicht in het functioneren van de template. Dat ontbreekt bij het werken met een "quickstarter" pakket.

Eerste indruk is positief: Via Joomlashack lijkt je te krijgen wat je besteld en zo kun je voor ongeveer 39Euro (voor de template licensie) plus een portie geduld en Joomlakennis een prachtige en complete Joomla website bouwen binnen een relatief korte tijd (binnen 24 uur).
Tot zover.

woensdag 24 oktober 2012

Aanpassen menu stijl / layout / css van weebly design

Dit is een vervolg op een vorige blogpost over het importeren van een html website in de online Weebly website builder. Dit importeren is prima gegaan en vervolgens heb ik een aantal zaken aangepast. Heel belangrijk: de {menu} en {content} tags zijn geplaatst en menu en content worden op de juiste plaats weergegeven. Maar wat te doen als ik de layout (stijl) van het menu wil aanpassen? Genoemde voorbeelden hebben betrekking op http://timmerbedrijfstraatman.weebly.com/ , de website die ontstaan is vanuit een PSD file die klant heeft aangeleverd. Zie link.
1) Waarbinnen staat de tag {menu}? In mijn geval binnen een <div id=""> container die betrekking heeft op de achtergrond afbeelding (afbeelding die achter het menu zichtbaar is. Helemaal ok want deze div container bepaald de positie van de afbeelding (div container is geimporteerd bij importeren van het html / css design) en door de {menu} tag binnen deze container te plaatsen (in de index.html file) wordt het menu weergegeven op dezelfde positie als de afbeelding en is de afbeelding dus een achtergrond afbeelding geworden.
2) Wens van de klant is om menu rechts uit te lijnen. In de main_style.css file van weebly
3) Conclusie is dus: de {menu} tag heeft geen eigen stijl definiering en moet een unieke <div class=""> of <div id=""> krijgen om aanpassingen te kunnen doen. Ik ga daartoe naar weebly.com, log in en ga naar de te bewerken website. Kies "all themes" en kies een design waar de menu weergave enigszins overeen komt met de gewenste weergave. Ik bekijk de css / html en kopieer alle relevante css en html code naar Notepad+; Interessant is dat de index.html file slechts 1 menu verwijzing kent terwijl de css file 9 #pietjepuk stijl definities laat zien. Maar alleen de #avmenu definiering is terug te vinden in de index.html file via
<div id="avmenu">{menu}</div>

4) Deze code plak ik in oorspronkelijke design (waarvan ik de menu layout wil aanpassen). Oftewel: <div id="avmenu">{menu}</div> plaats ik waar nu alleen nog {menu} staat en de nieuwe css verwijzingen plak ik in de main_style.css file (via weebly.com dus eerst weer terug schakelen naar het aan te passen design.). Gebruikte code:
/* side-nav
--------------------------------------------------------------------------------*/

#avmenu {
clear: left;
float: left;
width: 200px;
margin: 0;
font-size: 17px;
}

#avmenu ul {
list-style: none;
width: 200px;
margin: 0;
padding: 0;
}

#avmenu li {
list-style: none;
padding: 0 0 4px;
}

#avmenu li a {
line-height: 1;
text-decoration: none;
color: #878787;
font-family: "Glegoo", "Myriad Pro", Arial, Helvetica, sans-serif;
font-size: 14px;
display: block;
padding: 10px 5px 12px 22px;
border: none;
}

#avmenu li#active a,
#avmenu a:hover {
color: #fff;
background: #8fc563;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

/* Navigation Drop-Down Menu Customization
--------------------------------------------------------------------------------*/

#wsite-menus > .wsite-menu-wrap {
margin-left: -20px !important;
}

#wsite-menus .wsite-menu li a {
padding: 6px 15px 7px 15px;
background: #8fc563;
border: none;
border-bottom: 1px solid #abd986;
text-decoration: none;
font-family: Tahoma, Geneva, sans-serif;
color: #fff;
}

#wsite-menus .wsite-menu li a:hover {
color: #fff;
background: #6ca33f;
}

5) Perfect. Nu heb ik een menu wat enigszins overeenkomt met het gewenste menu maar belangrijker: ik heb nu een menu wat volledige is aan te passen via de stylesheet (main_style.css). Oftewel: nu kan ik aanpassingen doen door bijvoorbeeld via Firefox en Firebug de code te bekijken en in Notepad+ aan te passen.
Groeten en laat weten of dit helpt of als je aanvullingen hebt.

zondag 21 oktober 2012

Geheimen van dewebmeester.nl, goedkoop maar professioneel. Hoe?

Nee, helaas, ik ga niet alle geheimen van dewebmeester.nl vrijgeven. Maar om vertrouwen te winnen kan ik niet anders dan toch een aantal uit te leggen. Hoe kan je goedkope en tegelijkertijd ook professionele websites aanbieden? Meestal krijg ik te maken met ongeloof als ik uitleg dat dewebmeester.nl voor 300 Euro een complete website kan realiseren met applicaties die `normaal´ meer dan 1500 Euro of zelfs 3000 Euro kosten. Een geheim is: voorraden aanleggen.

Net zoals Jozef 7 jaar lang voorraden aanlegde in betere tijden om te kunnen voorzien tijdens de daarop volgende 7 magere jaren, heeft dewebmeester.nl de afgelopen 7 jaar veel voorraden aangelegd. Dat betreft heel veel professionele websites en designs. Vandaag een extra tipje van de sluier nadat ik opnieuw een aankoop heb gedaan. Gewoon als voorbeeld: Via MightyDeals koop ik vandaag voor 18 dollar (= 15 Euro) een compleet CMS systeem. Een soortgelijk CMS systeem kan ook voor enkele honderden Euro worden aangeschaft. Een paar dagen geleden kocht ik op Flashmint een twintigtal responsive website designs die (als je slim bent) ook ingezet kunnen worden voor zeer professionele mobiele websites. Kosten, 27 Euro. Nog geen 1.50 Euro per design.

Leuk om te bedenken hoe een ontwerper maanden heeft zitten sleutelen aan het ontwerp van zijn CMS. Hij haalt er de kosten echt wel uit. Ik haal daar meer dan kosten uit. Linken naar de laatste aanbiedingen op MightyDeals.com kunnen worden gevonden op www.cheap-web.nl Onderaan is ook elke dag een link te vinden naar een gratis applicatie of software. Goed voor de voorraad.

Dit is deel 1 van "de geheimen van dewebmeester.nl"
Groeten!
Meindert A. Jorna

vrijdag 19 oktober 2012

Weebly website design aanpassen of importeren?

Vandaag werk ik aan een eenvoudige opdracht. Tenminste, zo lijkt het. Ik krijg een heel eenvoudig design toegestuurd van de klant in PSD formaat en hij wil dit design graag plaatsen binnen de weebly.com website builder. Het probleem is dat het simpeler lijkt dan het is. Ik heb in ieder geval nodig om de mogelijkheden op een rijtje te zetten en dat ga ik nu (weer) doen. Ik heb dit eerder gedaan in andere blogposten en mogelijk is het verstandig om daar eerst naar te kijken. Maar nu een nieuw lijstje dat ik schrijf terwijl ik aan de opdracht werk:
1) PSD zet ik om naar een html / css website. Resultaat is een platte website met een structuur van afbeeldingen. Deze afbeeldingen hebben nog geen hyperlink gekregen en ze linken dan ook nog nergens naar toe.
2) Ik maak een account aan op weebly.com
3) Kies via de tab "design" voor een design wat enigszins lijkt op het gewenste design. Mijn uitgangspunt is: het menu moet dezelde orientatie hebben (in dit geval "verticaal") om niet teveel code te hoeven aanpassen.
4) Ik begin vervolgens te werken aan het design "van boven naar beneden" en dan valt me als eerst op dat de klant een brede header wil over de hele pagina en dat Weebly dat niet biedt. Dat ga ik eerst aanpassen.
5) Ik plak de html code behorende bij het design in Notepad+ en sla het bestand locaal op als een html file om zo de code kleuring binnen Notepad+ te laten werken. Daarmee wordt duidelijker welke blokken <div>'s er bij elkaar horen. In dit geval:

<div id="banner">
<div class="wsite-header"></div>
</div>
Dit verplaats ik naar boven tot binnen de "border_top" omdat de daargebruikte "class" wel schermbreed is. Vervolgens blijkt dit niet helemaal te werken omdat de afbeelding binnen een "wrap" staat van Weebly waar ik niet bij kan.
6) de main_style.css sla ik ook locaal op via Notepad+; Via Colorcop zoek ik de kleurcode van het huidige design en binnen de Notepad+ css file ga ik op zoek naar die code. Zonder resultaat. Die kleurcodes zijn niet 100% op elkaar afgestemd? Vreemd.
7) Na aanpassen van de css en html blijk ik de hele layout in de war te hebben gegooid en overnieuw te moeten beginnen. Conclusie: de css structuur van een bestaand Weebly design is niet flexibel genoeg en biedt niet alle mogelijk aanpassingen want: css wordt geladen via externe css files die niet aanwezig zijn binnen de Weebly webbuilder maar wel meedraaien bij aanroepen van de website. "Overrides" zijn hierin een te ingewikkelde optie.
8) Ik besluit om mijn html / css template te importeren in Weebly en in te stellen als standaard. Dat levert een verbazend goed resultaat op (op het eerste gezicht). De layout is nu goed maar nog niet de Weebly functionaliteit. Die moet ik nu handmatig aanbrengen binnen het design.
9) Eerst ga ik werken aan de Weebly functionaliteit van het menu. Klant wil pagina's aanmaken en menu moet dan automatisch worden aangepast. En er moet natuurlijk gewoon een clickable menu zijn en niet een image. Daartoe moet ik de volgende code plaatsen binnen het design:

<div id="navigation">
{menu}
<div class="clear"></div>
</div>
Dat werkt prima. Het menu wordt direct zichtbaar. Het probleem is op dit moment dat de klant aan achtergrond wil voor het menu en dat lukt me even niet. Maar:

DE VOORLOPIGE CONCLUSIE:
Het is makkelijker om zelf een goede html / css website te maken en vervolgens te importeren binnen Weebly dan om een bestaand Weebly design aan te passen volgens bepaalde layout wensen.

maandag 15 oktober 2012

Weebly design geheugensteuntjes: tags, structuur, html en css

Voorbeeld: De klant wil een Weebly website en levert een afbeelding in. Zo moet hij er uit gaan zien.


  • - Binnen Weebly kan ik kiezen voor het design dat er het meeste op lijkt

  • - Css en html binnen Weebly aanpassen

  • - Ik kan html en css ook als aparte bestanden op computer opslaan en binnen desktop programma opmaken

  • - De webpagina ziet er dan wel heel anders uit omdat hij vanaf mijn computer los van de Weebly motor functioneert

  • - Als ik de aangemaakt html pagina link aan de aangemaakt css file (via: <link rel='stylesheet' type='text/css' href='main_style.css' title='weebly-theme-css' /> ) dan krijg ik een een simpel overzicht te zien binnen de browser:

    met tags binnen { } haken zoals {logo} {content} {menu} {footer} {search} {social} en {phone:text} Deze tags zijn allemaal netjes terug te vinden binnen de html en gelinkt aan de css file. Wat opvalt is dat deze tags binnen een tabel geplaatst zijn en die tabel bepaald dus de positie binnen het template.

  • Voorbeeld:



<table>
<tr>
<td class="nav">{menu}</td>
<td class="search">{search}</td>
</tr>
</table>

Zo zet de html de css in beweging die de Weebly motor aanstuurt. Kortom: door tags te verplaatsen binnen de html wordt de structuur aangepast in het layout.

Caching fijn-tunen van Joomla website

Een kort bericht als vervolg op mijn vorige blogpost over "Page Speed". Onderstaande afbeelding laat zien hoe ik inmiddels voor www.projektduga.nl een Page Speed heb bereikt van 95/100 en daarmee is deze uitgebreide Joomla website bijna net zo snel als Google.

Dat had ik niet verwacht van Joomla. De "Clue" in dit alles is het gebruik van caching en van compressie. Dat moet op de juiste wijze gebeuren. Caching betekent het tijdelijk opslaan van bestanden die bij de website horen op een server waarbij de computer van elke gebruiker ook een soort "server" is. Compressie is het samenvoegen en verkleinen van meerdere bestanden tot pakketten.

Waar op te letten:

1) Joomla kent een eigen cache en compressie systeem. Het is een goed idee daarmee te beginnen via algemene instellingen    -----> server en ook ------ > system. Om dit goed te laten werken moet via pluginbeheer de cache plugin geactiveerd worden.

2) De template heeft mogelijk een eigen cache systeem. Ik gebruik voor www.projektduga.nl het Gantry systeem (daar draaien bijvoorbeeld de rockettheme.com templates op). Via tab Advanced kom je bij de cache instellingen voor Gantry en voor de template. Aanzetten is een goed idee.

3) Rocketheme biedt een aantal zeer goede cache plugins (gratis) zoals RokGzipper en Rokbooster. Ik heb RockGzipper aangezet en alles lijkt versnelt goed te werken. Totdat een collega me de volgende doorgeeft dat de layout door elkaar ligt. Met name de fonts zijn anders (groter). Na legen van de cache is alles weer normaal. (Daar kom ik dan ook pas een uur later achter hoor). Geen goede zaak omdat het niet handig is om elke dag de cache te moeten legen en daarmee schakel ik de cache dus eigenlijk uit.

4) Fijn tunen: Advies via Google en Rockettheme forum levert op dat het verstandig is de Gantry cache uit te zetten als Rokbooster (wat ik dan nog niet gebruik) gebruikt wordt. Ik test eerst even door (alleen) de Gantry cache te legen (button rechtsboven binnen Gantry in template manager), browsercache legen en website opnieuw te laden. Ja, de website is dan ook in orde terwijl Joomla cache nog steeds niet geleegd is.

5) Installeren van Rokbooster levert vervolgens alleen maar problemen op.
Kortom de conclusie voor www.projektduga.nl is:     Joomlacache aan, Joomla Gzip aan, Rokzipper aan, Gantry cache en Gantry Gzip uit en Rokbooster uit.

Zolang de website een Page Speed van 95/100 heeft, ben ik tevreden.

Ook een Page Speed van 95/100 nodig? Neem even contact op met dewebmeester.nl via info@dewebmeester.nl (Ja dat emailadres bestaat echt. Bij de Gouden Gids leken ze daar niet in te geloven.....)

zaterdag 13 oktober 2012

Overleg en stappenplan dewebmeester.nl

Het probleem: De klant ziet door de bomen het bos niet meer
Oplossing: Een duidelijk stappenplan

Uitleg van het probleem
De meeste klanten van dewebmeester.nl hebben een eigen onderneming of bedrijf. Die onderneming is gespecialiseerd in een product of dienst en dat is in het algemeen niet "webdesign, webbeheer en webdevelopment". Die klant schakelt dewebmeester.nl in om dit gedeelte van de bedrijfsvoering over te nemen. Oftewel: u als klant wil een website, met een professioneel uiterlijk, het liefste compleet opgemaakt met alle benodigde functionaliteiten, inclusief een systeem om ook zelf de website makkelijk te kunnen beheren. Maar u wilt en kunt niet teveel betrokken worden bij het proces omdat u daarvoor noch de tijd noch de kennis heeft. Hoe nu toch de juiste keuzes te maken? Hoe komt u tot de beste web oplossing met de minste inspanning, tijdsinvestering en frustratie en het beste resultaat met het beschikbare budget? Het volgende stappenplan moet u daarbij helpen.

1) Kies het systeem wat u wilt gaan gebruiken.
Dewebmeester laat u kiezen uit a) Wordpress of b) Joomla of c) de CMS van decmsmeester.nl Is het de bedoeling dat uw website meer wordt dan het visitekaartje van uw bedrijf? Dan kiest u voor Wordpress of Joomla. Wilt u alleen een mooie website met informatie over uw bedrijf, enkele mooie productillustraties en een contactformulier? Dan kiest u altijd voor de CMS van decmsmeester.nl . Hieronder een tabel om u inzicht en overzicht te verschaffen. (wordt binnenkort geplaatst) Kijk ook even rond op www.dewebhulp.nl voor meer informatie over de verschillende systemen en ga niet naar stap 2 totdat u een keus gemaakt heeft en stap 1 kunt afronden.

2) Kies een design
Bij dewebmeester.nl kunt u kiezen uit alle denkbare ontwerpen. Wat als een liefdebetoon aan webdesign is begonnen is uitgegroeid tot het grootste denkbare aanbod op het gebied van webdesign wat klanten zou kunnen afschrikken. Dus ook hier krijgt u een stappenplan. U kiest

a) Een kant en klaar professioneel design op grond van een thema (bijvoorbeeld "interieur" of "blauw" of "eenvoudig"). U bladert door de mogelijkheden (rechterkolom binnen template shop van de webmeester.nl), bekijkt de "live preview" en maakt een keus. Niet uw gewenste design gevonden? Ga dan naar de volgende stap. Maar dewebmeester.nl raadt u altijd aan om vooral te proberen een beschikbaar design te kiezen. Elk design is tenslotte verder aan te passen aan uw voorkeuren.

b) U stuurt een schets op en laat u vrijblijvende adviseren door dewebmeester.nl

3) Maar een lijstje en stuur dat op naar info
In dat lijstje geeft u aan:
- welk systeem en design u gekozen heeft
- welke functionaliteiten u terug wilt zien. Denk daarbij aan mogelijkheden als: webwinkel, forum, sociale netwerken, formulieren, chat en andere zaken.
- aanpassingen in het design - layout die u wilt laten doorvoeren. Denk daarbij aan structuur en kleuren.
- het lijstje sluit u af met de vraag naar een vrijblijvende offerte en binnen 24 uur kunt u een offerte verwachten (op werkdagen).

4) Maak afspraken voor overleg en verdere ondersteuning
U kunt daarbij de volgende mogelijkheden overwegen:
a) Eerste gratis advies gesprek met dewebmeester.nl (Meindert A. Jorna). Beschikbaar in heel Nederland. U vergoedt alleen reiskosten.
b) U koopt overlegmomenten in. Voorbeeld: tot 10 uur kost een vervolg advies gesprek 30 Euro per uur exclusief BTW en reiskosten. Van 10 tot 30 uur kosten vervolg advies gesprekken 25 Euro per uur en voor 30 uur of meer wordt 20 Euro per uur gerekend. Dit is een prepaidsysteem: u betaald vooraf en bepaald zelf wanneer u gebruik gaat maken van de ingekochte uren. Elk ingekocht overleg moment is 12 maanden geldig vanaf datum aankoop. U bepaalt altijd zelf het thema van het overleg moment. Deze optie is ook

c) U koopt een abonnement Webbeheer van 20 of 50 Euro per maand. Daarmee ontvangt u digitale ondersteuning, adsvisering en onderhoud van uw website inclusief een backup systeem en beveiliging en maandelijkse aanpassingen in webteksten, illustraties en layout. Zie de tabel hieronder voor de verschillende mogelijkheden.

d) U schrijft zich in voor een Workshop van dewebmeester.nl. Vroege inschrijvers betalen 30 Euro voor een complete avondworkshop van 2 uur. Tot twee weken voor de start van een workshop kost een workshop 50 Euro. De workshops worden aangeraden voor iedere klant van dewebmeester.nl en geven inzicht betreffende zaken als vindbaarheid, zoekmachines, CMS systemen zoals Joomla en Wordpress en geven extra aandacht aan layout, tips, bekendheid, sociale media en online verkoop.

e) U schrijft zich in voor de nieuwsbrief, het twitterkanaal en facebook updates van dewebmeester.nl

5) Ook na het doorlopen van deze 4 stappen blijven er mogelijkheden en verantwoordelijkheden over. Hieronder een overzicht van zaken waar u blijvend aandacht aan zult moeten geven:
a) Vindbaarheid en zoekmachine optimalisatie. Standaard wordt uw website geleverd met webteksten, titels, tags en megatags en andere zaken die vindbaarheid ondersteunen. Maar uw concurrentie zit niet stil en u dus ook niet. Om blijvende vindbaarheid te garanderen is een continue onderhoud van uw website nodig. Om die vindbaarheid te garanderen, schakelt u dewebmeester.nl in voor de langere termijn.

b) Uw bedrijf runt u niet geheel alleen. Er zijn altijd medewerkers, collega´s, kennissen of andere betrokkenen die ook zouden moeten weten hoe de website te onderhouden. Daartoe kunt uzelf een workshop organiseren en de webmeester.nl uitnodigen een presentatie te geven.

Dit stappenplan zal verder worden ontwikkeld. Ook zullen er de nodige linken en tools in geplaatst worden om het proces van besluitvorming te vergemakkelijken.
Groeten,
Meindert A. Jorna

woensdag 10 oktober 2012

Wordpress is fantastisch zegt de webmeester.nl!! Multi sites optie

Gisteravond heb ik een blogpost geschreven waarin ik enkele positieve zaken wilde uitleggen betreffende Wordpress. Dewebmeester.nl geeft aandacht aan Wordpress en werkt met Wordpress maar mogelijk wat te weinig. Want: ik ben opnieuw erg enthousiast! Hieronder een paar extra redenen:

Multisite opties
Het begon weer met frustraties. Ik heb een prachtige Wordpress site onder www.dewordpressmeester.nl ; Nu ben ik voor onze stichting (zendingsproject in Kroatie voor jongeren en ouderen) bezig om een soort "Gebedsmuur" te installeren binnen de bestaande Joomla website: www.projektduga.nl . Ik zal te "knoeien" met de "Joomlaxtc contactwall" maar die werkte niet zoals ik wilde en het werd een lang verhaal om de html en css en js van deze module zo in te stellen dat het zou doen wat ik wilde. Toen bedacht ik me dat www.dewordpressmeester.nl een prachtig design is voor zo'n gebedsmuur: gewoon allemaal plaatjes en korte blogposten netjes naast en onder elkaar. Net zoals een muur. Maar: deze wordpress website wordt dus gebruikt voor andere doeleinden (voor promotie van de Wordpress dienstverlening door dewebmeester.nl.

En zo stuitte ik als eerste op de beperkingen van Wordpress. Ik kan wel een extra pagina aanmaken binnen Wordpress maar dan kan ik die niet dezelfde layout geven als de voorpagina. Vreemde zaak. Ik kan ook de homepagina niet kopieeren en vervolgens een nieuwe inhoud geven aan deze nieuwe pagina. Vreemd. Ik kan wel een aparte categorie aanmaken ("Jongeren"), daarin posts plaatsen en vervolgens een menu item aanmaken waardoor de categorie "Jongeren" geopend wordt binnen de bestaande home pagina maar dan is de pagina titel niet aangepast en zijn ook de Social Buttons niet aangepast. Dat is wel nodig. In Wordpress kan ik ook niet een widget toewijzen aan een bepaalde pagina zoals in Joomla met modules wel kan. En zo was ik al begonnen om een extra Wordpress installatie te doen om daarin vervolgens een nieuwe website te maken met dezelfde layout en functionaliteit als www.dewordpressmeester.nl

En toen stuitte ik op "Multi sites"....... Oftewel: een netwerk binnen Wordpress. Dat heb ik geinstalleerd binnen www.dewordpressmeester.nl en vervolgens heb ik daarin een nieuwe website aangemaakt, met een nieuwe gebruiker, nieuwe site titel, zelfde theme maar andere inhoud. Resultaat:
http://dewebman.nl/wordpress1/gebedsmuur/ verwijst naar de nieuwe gebedsmuur website
http://dewebman.nl/wordpress1/ is de oorspronkelijke website van www.dewordpressmeester.nl

Haleluja!

Stappenplan voor installatie Multi Sites in Wordpress
Zie vooral ook: http://codex.wordpress.org/Create_A_Network
1) Backup config.php en .htaccess
2) Open config.php in Notepad+ en plaats volgende code boven
/* That's all, stop editing! Happy blogging. */
/* Multisite */
define('WP_ALLOW_MULTISITE', true);

3) Ververs browser en onder tools zie je nu Netwerk setup en daar gebeurt het verder allemaal.

Zoals altijd geldt: dewebmeester.nl kan de informatie zoals hier weergegeven ook toepassen binnen uw website project tegen gegarandeerd lage prijzen die passen bij uw budget. Stuur even een mailtje met vragen naar info@dewebmeester.nl

dinsdag 9 oktober 2012

Wat vind je van Wordpress?

Het is al laat maar ik ben enthousiast en dat wil ik graag even opschrijven. Na een dag teleurstellend "aanrommelen" (kon maar geen inspiratie vinden) heb ik de dag toch afgesloten met motivatie. En deze keer betreft dat: Wordpress. Ik heb al vrij vaak vragen gehad zoals: "Wat vind je van Wordpress?" en "Doen jullie ook iets met Wordpress?". In deze blog post mijn eerste reactie op die vragen:

Wat vind dewebmeester.nl van Wordpress?
Basaal, eenvoudig. Dat kan een reden zijn om er niet aan te beginnen. Dat zou heel erg jammer zijn. Wordpress is een kleine, snelle sportwagen. Een soort "Porsche". Joomla is meer een "Hummer". Bij openen van de motorkap van Wordpress (admin panel) zie je mogelijk niet direct de kracht en de mogelijkheden. Maar die zijn er wel degelijk. Bij Joomla lijken klanten bij het openen van "Administrator" vaak overweldigd te worden door de mogelijkheden. Een lijstje; wat vind dewebmeester.nl van Wordpress (ten opzichte van Joomla):
- Snel. Vooral het admin panel opent snel en ik ben vooral enthousiast over de button "Save" die je overal tegenkomt en die de aangepaste gegevens zo snel opslaat dat ik soms me wat onzeker voel. Is het nu echt opgeslagen of word ik voor de gek gehouden? Joomla ververst de hele pagina na iedere "Save". Vraag me af wanneer ze dat gaan aanpassen.
- Simpel. Joomla kent componenten (uitgebreide toepassingen), modules (zichtbare eenheden aan de buitenkant), plugins (onzichtbare code) en content (de artikelen). Wordpress kent "Posts", "posts", "posts" en dan nog een paar plugins en versleepbare widgets.
- Drag en drop. Daar ben ik een voorstander van. Gewoon omdat dit prettig is. Ook daarbij geldt: dat gaat snel. Gewoon slepen naar de juiste plaats en de widget en aanpassingen hoeven vervolgens niet eens opgeslagen te worden. Na het slepen is de aanpassing al doorgevoerd.
- Snelle uitbreiding mogelijk. Het pluginbeheer is uniek in verhouding tot Joomla (al denk ik dat dit in Joomla ooit aangepast gaat worden). Plugins geven iets extra's aan de website. Ik had vanavond een contact formulier nodig. Ik ga naar "plugins" en daat zie ik een zoekbalk. Kijk, bij Joomla ontbreekt dat. Daar moet ik eerst naar Google en aan meneer Google vragen of er ergens in de wereld een Joomla extensie bestaan die te gebruiken is binnen mijn idee en concept. Maar Wordpress heeft gewoon zijn eigen geintegreerde zoekfunctie. Ik type "Contact form" em jawel, ik zie een twintigtal mogelijkheden die ik met enkele klikken kan integreren in mijn website. 1) zoeken, 2) installeren 3) activeren en 4) slepen naar de juiste positie. Snel geleerd en nog leuk ook.

Doet de webmeester.nl ook aan Wordpress?
Jazeker! Ik onderhoud een vrij populair blog wat te vinden is via www.dewebhulp.nl (dewebmeester.wordpress.com ). O ja, dat wist u al want dat is het Wordpress blog waar u zich nu bevindt. Elke dag vinden tientallen mensen hier antwoorden op hun vragen. Ook biedt de webmeester.nl via de website een overzicht aan Wordpress mogelijkheden en designs (http://dewebmeester.nl/wordpress.html ). Verder zijn er in het verleden verschillende acties geweest betreffende Wordpress sites (zie: https://twitter.com/dewebmeester/status/243573824753385472 ). Maar ik heb vanavond sterk het gevoel dat we te weinig aandacht hebben gegeven aan Wordpress in verhouding tot de aandacht die Joomla bij ons heeft gekregen. Beide systemen hebben zo hun voor- en nadelen en ik zal daar in andere blog posts meer aandacht aan geven. Reacties gewenst!

P.s.: Bijna vergeten te vermelden maar www.dewebmeester.nl heeft zich verbonden aan het concept www.dewordpressmeester.nl ; Daarmee is denk ik wel duidelijk gemaakt hoe dewebmeester.nl Wordpress wardeert. Positief! Neem ook even een kijkje op www.dewordpressmeester.nl (Wordpress website van dewebmeester.nl).

maandag 8 oktober 2012

Statistieken dewebhulp.nl en belang van blog vanwege vindbaarheid

Hierbij een leuke illustratie betreffende aantal keren dat dit blog van Spiderman Webdesign bezocht wordt door een nieuwe bezoeker. Duidelijk is dat bezoek toeneemt. Waarom? Gewoon omdat ik blijf schrijven en blijkbaar steeds vaker gevonden wordt. Ziedaar het belang van het hebben en onderhouden van een kwaliteits Wordpress blog zoals de vinden via www.dewebhulp.nl

[caption id="attachment_374" align="alignleft" width="570"]statistieken Spiderman Webdesign blog Statistieken Spiderman Webdesign Wordpress blog[/caption]

Snelheid (Joomla) website

Dit weekend heb ik weer getest met de laad snelheid van enkele Joomla websites. Het blijft een beetje een onafgemaakt verhaal en een zoektocht en vandaar een blog post hierover. Het begon dit weekend met een opmerking van een kennis dat www.projektduga.nl wel erg traag was en dat daardoor mogelijk mensen waren afgehaakt. Even op een rij waarom pagina laad snelheid belangrijk is:
1) (en dat is ook echt prioriteit nummer 1): Bezoekers vinden het onprettig als ze moeten wachten op het openen van een pagina. Dat ergert (toch?). Daardoor haken ze af of komen minder vaak of helemaal niet meer terug bij uw website. U gaat failliet!
2) Hiermee verbonden: Google gaat u straffen voor een langzame website. Want zo redeneert men bij Google: al is de pagina nog zo goed zoekmachine vriendelijk gemaakt (tags, megatags, content e.a.), dan is het toch beter dat een bezoeker deze pagina niet te zien krijgt.
3) De Alexa ranking daalt. Die houdt tenslotte rekening met aantal keren dat pagina bezocht wordt.
4) Deze drie zaken hebben invloed op elkaar en een website zit dan ook ALTIJD in een negatieve of een positieve spiraal. Zie illustratie:


Meten van de laad snelheid van uw website
Daarvoor bestaan verschillende "tools"; Bijvoorbeeld:
1 - de firebug extensie "Pagespeed". Te installeren als addon in Firefox na installatie Firebug in Firefox. Vervolgens wordt Pagespeed als een aparte tab weergegeven binnen Firebug. Dat betekent: Firebug activeren na opvragen pagina, klikken op tab "Pagespeed" en vervolgens op "Analyse website" en er volgt een getal tussen de 0 en 100 waarbij 100 sneller dan het licht betekent (en sneller dan Google bijvoorbeeld), 0 tot 50 dat er nog veel werk te doen is en dat u kans loopt op straf van Google en dat bezoekers zich ergeren aan de traagheid van uw website, 50 tot 70 dat er nog veel te verbeteren valt, 70 tot 80 dat de snelheid in orde is maar beter kan, 80 tot 90 dat u de maximum snelheid bereikt hebt. Google zit op 98. www.projektduga.nl zal op 57.
2 - Android applicatie Pagespeed. Aan te raden. Iedereen heeft wel een smartphone tegenwoordig en dat is wel zo snel werken. Gewoon de applicatie installeren en url intypen en getal verschijnt. Ok, nu krijg je niet de lijst met adviezen de de Firebug extensie wel biedt maar toch, het is de snelste manier van werken.
Maar: de Android extensie en de Firebug extensie leveren niet dezelfde getallen. Testen van www.dejoomlameester.nl levert bij -1 - een snelheid van 33 (!!!) en bij - 2 - een snelheid van 57. Niet best alle twee. Daar ga ik tijdens het schrijven van deze blogpost wat aan doen.

Hoe snelheid te verbeteren?
Daar heb ik al aandacht aan besteed in een vorige blogpost. Maar dat was niet voldoende. Ik probeer opnieuw wat mogelijkheden.
In geval van een Joomla website is het volgende mogelijk:
1) Inschakelen cache in de algemene instellingen onder "Server"
2) Inschakelen Gzip compressie in algemene instellingen onder "Systeem"
Nadat ik dit gedaan heb voor www.dejoomlameester.nl , verbetert de score binnen Firefox / Firebug van 33 naar 42. Nog steeds erg slecht. Hiermee ook nogmaals de opmerking dat Joomla websites in het algemeen trager zijn dan "gewone" html/css websites en dat Joomla websites dus extra aandacht nodig hebben (altijd) om de snelheid van een pagina te optimaliseren. www.dewebmeester.nl zit direct op een score van 83 zonder dat ik daar ooit extra aandacht aan heb gegeven (gewonen html / css website).
3) Binnen de plugin manager van Joomla zoek ik op "cache" en schakel de plugin "System cache" in. Pagespeed geeft vervolgens nog steeds als advies om compressie in te schakelen terwijl snelheid niet is toegenomen wat me het idee geeft dat het toch wel even duurt voordat pagina snelheid anders geindexeerd gaat worden.
4) Ik schakel de plugin "RokGantry cache" in. Oftewel: je moet even kijken binnen welk template systeem de Joomla site draait en kijken of dit systeem cache opties biedt.
5) Ik ga via template beheer naar de gebruikte template die binnan Gantry draait en klik op "Advanced" en schakel ook daar de Gantry cache in. Ondertussen blijf ik overigens testen of webpagin wel normaal weergegeven wordt.
Tussenstand: 37 / 100!!! Vreselijk!! Het lijkt allemaal alleen maar trager te worden!! Maar geen nood. Dit weekend heb ik www.projektduga.nl volgens dit schema aangepast en dat leverde een verbetering op van 54 naar 84! Dus houdt goede moed! (Vandaag staat ww.projektduga.nl op 77/100 wat ok is.)
6) We kunnen ook gebruik maken van externe extensie. Als eerste denk ik dan aan de gratis extensie "Icespeed" van icetheme.com . Daarbij opgemerkt dat ik niet erg goede ervaringen heb met deze plugin. Maar anderen wel en dus wil ik het blijven proberen. Problemen met deze plugin: het is me nog niet gelukt de plugin te installeren en activeren op een Joomla 2.5 website zonder grote problemen te krijgen. De plugin gooit de layout soms in de war en is vrij "stevig" wat betekent dat aanpassingen binnen de website mogelijk gewoon lange tijd niet zichtbaar worden. De cache moet dan ook herhaaldelijk handmatig opgeschoont worden tijdens het aanpassen van de website. Maar: de plugin biedt een handig tooltje: een kwastje rechtsboven, je klikt erop en je cache wordt opgeschoont. Nu heb ik de plugin geinstalleerd binnen een Joomla 1.5 website (www.dejoomlameester.nl) en als ik dan direct het resultaat meet dan is het antwoord: 42 / 100 ; Nog steeds niet veel verbetering.......
7) Ik wacht en laat over enige tijd de nieuwe resultaten weten. Overigens: de website www.projektduga.nl heeft een veel betere page load index dan www.dejoomlameester.nl (op dit moment) terwijl de website veel meer tijd nodig lijkt te hebben om te laden dan www.dejoomlameester.nl ; de ervaring van de bezoeker kan dus een andere zijn dan de ervaring van Google?
Tot zo.

Update; een uurtje later. Er is geen verandering in snelheid van zowel www.projektduga.nl als www.dejoomlameester.nl ; Google geeft aan dat ik de compressie aan moet zetten (Enable Compression) maar dat is dus al aangepast in de algemene instellingen. Ik kom tot de ontdekking dat:

8) het nodig is op Gzip ook op de server (hostingabonnement) te activeren. Nu draait www.projektduga.nl gedeeltelijk op een cloudserver en het is maar de vraag of die Gzip kan afhandelen.

9) Evaluatie. What happened!!!! De website is op speed load beland en is nu bijna net zo snel als Google zelf! Zie illustratie:

pagespeed in firefox en firebug Geweldig toch? 91 / 100 ! Dat heb ik nog nooit beleefd. En dat voor een Joomla website! Maar hoe komt dit nu? Ik heb net:

10) de .htaccess file aangepast. Er bleek een oude redirect in de oude .htaccess file te zitten. Ik heb deze hele file vervangen door een .htaccess file uit een 2.5.7 Joomla pakket. Maar verder heb ik daarin de volgende code geplaatst om de melding "Leverage browser caching" te voorkomen:

<IfModule mod_headers.c>
Header unset ETag
Header unset Last-Modified
</IfModule>
FileETag None
<FilesMatch "\.(ico|gz|JPG|jpg|jpeg|png|gif|js|css|swf)$">
Header unset Cache-control
Header set Expires "access plus 1 month"
</FilesMatch>


Maar zoals de illustratie hiernaast laat zien: dat heeft op zich niet veel opgelost (melding krijg ik nog steeds). Conclusie is: een redirect via .htaccess file leidt tot vertraging! (Toch? Of is dit een foute conclusie? Reactie gewenst!) Wat verder opvalt (en dat is de reden volgens mij van de snelheid van de website) is dat "Enable compression" en "Combine images into CSS sprites" ineens een rood driehoekje hebben gekregen en niet meer een rode bol voor zich hebben.

Dag 2

pagespeed dejoomlameester.nlVerassing!! De page speed van www.dejoomlameester.nl is binnen 24 uur verbetert van 33/100 naar 91/100!! Ja, ik was ook verrast toen ik vandaag de nieuwe test deed. Blijkbaar hebben sommige plugins en instellingen tijd nodig om effect te scoren. Zie afbeelding.

(Externe) plugins die ik heb gebruikt:

- System Cache plugin

- RokGantry cache plugin

- RokGzipper plugin

Extra mogelijkheden (niet geactiveerd voor deze site):

- JCH optimize plugin

- Rokbooster

woensdag 26 september 2012

Just to inform: Icetheme templates binnen Template Selector!

Als vervolg op mijn vorige blogpost: Na een dagje knutselen is het me gelukt om twee designs van icetheme.com vrij netjes weer te geven via de Template Selector op http://decmsmeester.nl/joomla2.5/ . Ga naar deze site, bekijk de Template Selector (aan de linker- of de rechterkant, afhankelijk van gekozen template) en kies "Icetheme Veranda" of "Icetheme Serena" en klik op "switch". Ja, dat werkt mooi. Zelfs de chatmodule is zichtbaar en de sigplus gallery plugin.
Extra:
- Iceslideshow: die staat op positie "iceslideshow" en die positie is alleen vindbaar binnen templates van Icetheme
- Sigplus plugin: geinstalleerd en vervolgens worden via die plugin images geladen in een artikel
- Chatoptie: omdat die staat binnen position-1 en omdat position-1 niet aanwezig is binnen Icetheme themplate, heb ik eenvoudig de module gekopieerd en deze kopie gepubliceerd op positie "block" wat een positie is die alleen te vinden is binnen deze Icetheme templates.

Bugs: na installatie en activatie van de template Icetheme Serena, werkte de Template Selector niet meer, noch de chatoptie. Kortom: opnieuw een jquery conflict. Nu had dit te maken met code die geladen wordt door de template en niet door een plugin (dat probleem had de jqueryeasy plugin wel opgelost). Kortom: terug naar de template via templatebeheer en de functie uitschakelen die eventueel met jquery te maken heeft. In dit geval: de social media icons slider aan de rechterkant. Ja dit klinkt mogelijk simpel maar ik had er wel een uurtje voor nodig om dit uit te zoeken.

Ik ben voorlopig tevreden. Maar ook gek van het zitten en de ideeen. Te moe en nog steeds wat te weinig klanten. Voel me soms met een Picasso die pas na zijn dood gewaardeerd gaat worden.....
Maar beste lezer: succes met je website project!
Groeten,
www.dewebmeester.nl

jquery en Joomla extensions (plugins)

Binnen 5 minuten opgelost! Dat is een blogpost waard. Vandaag ben ik verder gegaan met de "Template Selector" op http://decmsmeester.nl/joomla2.5/ . Die leek gisteren te werken voor de geinstalleerde templates (zie de blogpost van gisteren). Dus wilde ik een stapje extra: opmaken van de standaard content (artikelen op de voorpagina) zodat de website ook nuttige informatie zou hebben (naast een leuk design). Artistiek als ik ben ben ik daartoe begonnen door de Easy Image Gallery van Joomlaxtc (zeer kwalitatief aanbod!) te installeren. Ik houd het op de plugin die hierbij hoort zodat ik via een simpele code illustraties kan laden binnen een artikel.

Probleem:
Het lijkt allemaal te werken maar na laden van de pagina zie ik wel dat de plugin de illustraties probeert te laden maar er verschijnen geen foto's. Vervolgens probeer ik via de Template Selector een nieuwe template. Er verschijnen dan wel illustraties maar vervolgens blijkt de Template Selector niet meer te werken. Kortom: de plugins zijn met elkaar in conflict. 1 + 1 = ook hier 2 en dit betekent dat we een Jquery conflict hebben. Waarschijnlijk worden de Jquery files dubbel geladen binnen 1 pagina. Dat is eventueel te controleren via "view page source" in de webbrowser.

Oplossing:
Nog een plugin installeren. In dit geval de plugin plg_jqueryeasy (heb even niet de tijd de link op te zoeken want mijn vrouw wacht op me om te ontbijten bij de Hema). Activeer de plugin en kies voor de optie "jquery en IUquery", opslaan, pagina opnieuw laden en ik val bijna van mijn stoel: het werkt.......
Dit is een fantastische plugin die binnen elke Joomla installatie thuishoort omdat elke Joomlainstallatie uiteindelijk plugins zal kennen die met elkaar in conflict zullen zijn. Ik denk niet dat deze plugin al die conflicten kan oplossen maar vandaag heb ik goede hoop.
Succes met de website!
www.dewebmeester.nl

dinsdag 25 september 2012

Template chooser, picker, selector binnen Joomla 2.5

Resultaat van deze dag is te bekijken op http://decmsmeester.nl/joomla2.5/

Nou, vandaag ben ik weer druk geweest met het oplossen van raadsels en na zo'n dag is het verstandig om bevindingen op te schrijven in een blogpost. Ik ben niet de enige met deze wens:
- Een Joomla website waarbinnen verschillende designs / templates zijn geinstalleerd en waarbij de bezoeker zelf kan kiezen tussen deze designs.
Na bladeren op Google lijken vele anderen met deze wens rond te lopen. Toch lijken weinigen hierin echt wat gerealiseerd te hebben.

Waarom?
Omdat ik websites verkoop en elke bezoeker aan mijn website(s) deze gelegenheid wil bieden. De toekomstige klant kan zo "live" en online een design bekijken en uitproberen.

Probleem?
Ja. Het lijkt makkelijk. Ik kan bijvoorbeeld een tien- twintigtal Joomla installaties plaatsen op de server en binnen elke installatie een nieuwe website plaatsen met elke een origineel design en layout. Maar: dat neemt serverruimte in beslag, dat neem database ruimte in beslag en boven alles: de bezoeker moet wel erg veel geduld hebben want elke keer als hij een ander design wil bekijken moet hij wachten totdat de hele website geladen is. Dat is traag. Te traag.

Oplossing?
Mogelijk. Na een dagje werken heb ik in ieder geval een paar antwoorden. De rest laat ik aan u over. Ik ben begonnen met de Joomla extensie "Template Selector" (deze link zou u direct naar deze extensie moeten leiden.) Het betreft een module en een plugin en beiden moeten geactiveerd worden. Als alleen de module gepubliceerd wordt en de plugin niet geactiveerd, dan wordt de template selecter wel zichtbaar (wel leuk, bezoeker ziet in ieder geval screenshots van de templates en dat biedt een miniatuur template gallery!) maar bij klikken op "switch", gebeurt er niets. Maar bij activeren van de plugin, zie je niet alleen de geinstalleerde templates maar is het dus ook mogelijk te "switchen". Het werkt. Ben ik nu klaar? Nee, nog lang niet.

Problemen en oplossingen
Ik wil dat de bezoeker kan kiezen uit tenminste 100 designs. Dan moet ik dus eerst 100 Joomla templates installeren. Dat is niet een probleem. Binnen de module Template Selector, klik ik aan welke van die 100 designs zichtbaar en verkiesbaar moeten worden. Ik kies ze allemaal. Vervolgens naar de frontend (voorpagina) en ik kies een willekeurig design. Daarbij zal ik direct ontdekken dat ik naast "Stijl" (css, style, kleuren, fonts) ook rekening moet houden met "Structuur" (layout, module posities). Het eerste (stijl) lijkt niet het probleem. Dat werkt prima. Maar bij kiezen voor een andere template, wordt de structuur door elkaar gegooid. Meest makkelijke oplossing: alleen templates installeren die allemaal de zelfde structuur hebben. Bijvoorbeeld: ik gebruik alleen templates van DiaBloDesign ; Die zijn allemaal volgens hetzelfde concept opgemaakt. Hetzelfde geldt voor een webbedrijfje als "Globbersthemes". Ook bedenk ik me dat het bekende software programma Artisteer altijd dezelfde structuur produceert en ik besluit daar wat mee te werken.

Ik probeer het met Artisteer versie 3.1 ; Nieuw design, exporteren als Joomla 1.7 design met standaard module posities (position-1, position-2....etc.), installeren als nieuwe template en binnen de module "Template Selector" aangeven dat ook dit design erbij hoort. Naar voorpagina, kiezen voor dit design en klikken op "switch" en......een totaal andere structuur........; Natuurlijk, ik was tenslotte al begonnen met designs van DiaBloDesign en enkelen van Template Monster ("Architect" en "Traveller"). Die werkten redelijk. Artisteer templates lijken toch anders in elkaar te zitten.

Even een stapje terug: De eerste twee templates waren van Template Monster. Die switchen redelijk goed. Daarna installeer ik drie templates van DiaBloDesign en die tonen redelijk goed maar het topmenu ontbreekt. Vreemd. Nee, toch niet. Template Monster templates plaatsen main menu op positie "navigation" en die ontbreekt binnen DiaBloDesigns en ook binnen de Artisteer designs. Oplossing: main menu module kopieren en publiceren op positie "position-1". Dat werkt natuurlijk alleen als "position-1" op de juiste plaats aanwezig is binnen de nieuwe designs en niet aanwezig is binnen de al geinstalleerde templates. Dat is (vreemd genoeg) het geval. Indien "position-1" ook aanwezig is binnen de templates die ook "navigation" hebben, dan zou het resultaat zijn dat er twee main menu's getoond worden. Dat kan eventueel opgelost worden door "Advance Module Manager" te installeren van "No Number" en daarin te kiezen dat deze extra main menu module niet getoond moet worden binnen bepaalde templates.

Dit verhaal wordt vervolgd want op dit moment heb ik "slechts" 8 templates naar tevredenheid geinstalleerd binnen de Template Selector en ik ga voor die 100. Nu maar hopen dat ik hierdoor klant krijg........