Verschillende stylesheets voor verschillende pagina’s in WordPress

WordPress is nog steeds het meest gebruikte website CMS systeem ter wereld. Verreweg. Maar WordPress is niet flexibel wat betreft layout. Zeker niet in vergelijking tot Joomla. Om layout naar eigen wensen in te vullen, zijn vaak “hacks” nodig in theme bestanden. Daarbij is het dan handig om “snippets” (stukjes code) bij de hand te hebben. Probleem: WordPress gebruikt voor elke pagina hetzelfde theme en daarmee dezelfde stylesheet. Dat is anders in Joomla. Daar is het heel eenvoudig om aan te vinken welke template voor welke pagina of menu items gebruikt moet worden. Een groot gemis in WordPress. Zo zou je bijvoorbeeld voor elke pagina een andere achtergrond afbeelding willen gebruiken of andere kleuren of zoals in mijn geval: een andere “border class” voor de content. Hier een oplossing. Plaats de volgende snippet vlak boven  <?php wp_head(); ?>  binnen header.php file. Snippet: <?php if (is_page(‘contact’)) { ?> <link rel=”stylesheet” href=”<?php bloginfo(‘template_url’); ?>/new-styles.css” type=”text/css”> <?php }; ?> Waar ‘contact’ staat, moet de pagina “slug” worden ingevuld. Om die te achterhalen moeten permalinks op “naam” gezet worden en vervolgens is de slug

Verder lezen

Kerstpakketten website met 80 producten op frontpage

Een nieuwe uitdaging. Er morgen moet de eerste serieuze versie online zijn en bruikbaar voor de eerste kopers. Dit zijn de wensen: Via de website kunnen kopers zelf een kerstpakket samen stellen Zij moeten op de voorpagina direct een compleet overzicht krijgen van de beschikbare producten. Dat betekent dat er 80 tot 100 producten zichtbaar moeten worden. Elk product heeft en product afbeelding, korte beschrijving, prijsweergave, een selector om aantal te bestellen producten te kiezen en een button om het product in de winkelwagen (of: in het kerstpakket) te stoppen. Vanaf de voorpagina wordt dus direct besteld. Aan de zijkant moet zichtbaar worden welk producten er in het kerstpakket geplaatst zijn. Om dit gedaan te krijgen inventariseer ik eerst de uitdagingen. Dat zijn de zaken die moeilijker zijn en waar ik nog geen complete oplossing voor heb en waar ik dus voor morgen een oplossing voor moet hebben. Dit zijn de uitdagingen: Ik moet een mooie weergave ontwikkelen waarmee 80 tot 100 producten op een nette manier weergegeven worden op 1 webpagina. Dat Ik moet een selector installeren op de

Verder lezen

Bootstrap: een zeer snelle, hoog kwalitatieve en heel erg goedkope website!

Als lezer van dewebkrant.nl bent u waarschijnlijk al veel eerder geconfronteerd met het verschijnsel “Bootstrap”. Hieronder een definitie uit Wikipedia: [box title=”Boostrap” style=”glass”]Bootstrap is a free collection of tools for creating websites and web applications. It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions.[/box] Maar hier wil ik niet teveel ingaan op de technische kanten wat betreft Bootstrap, maar wil ik even snel laten zien hoe makkelijk, ook u een zeer goedkope en tegelijkertijd een hoog kwalitatieve website kunt krijgen vanwege Bootstrap. Wat me vooral opvalt bij een bootstrapped website is dat hij enorm snel geladen wordt in de browser en ik denk dat dit een eerste aandachtspunt moet zijn bij een website. Mensen surfen steeds vluchtiger en lijken steeds minder tijd te willen investeren om zich werkelijk ergens in te verdiepen, laat staan dat ze tijd willen geven aan het wachten op een website die pas na 30 seconden verschijnt. Hier een link naar een demonstratie website van dewebmeester.nl: http://dewebmeester.nl/demo/bootstrap-html-5500/ Zoals u zult zien, wordt de

Verder lezen

Backup, hosting, overload, cdn servers….. oefffff….

Oeefffff, dat was schrikken. Dewebkrant.nl was gisteren uit de lucht samen met 76 andere websites van dewebmeester.nl ; Reden: deze websites (werden) gehost via een reseller account bij Versio en daar heeft een computer een – Overload – geconstateerd op de database van één van de websites (niet: dewebkrant.nl) en vervolgens werd, zonder ons te informeren, de complete hosting – van alle websites en van alle klanten onder dit reseller account op non-actief gezet. Meest vervelende was nog niet eens dat websites onbereikbaar waren maar vooral dat bezoekers het zeer interessante bericht te zien kreeg: this website is suspended, hosting account suspended en vervolgens nog wat nutteloze en kwetsende en onjuiste informatie. Even voor de volledigheid: Versio had mij – volgens hen – wel op de hoogte gebracht en dat hebben ze gedaan precies op het moment dat alle websites uit de lucht gehaald werden zodat ik die email niet meer kon ontvangen en ook geen tijd zou hebben een vermeend probleem op te lossen. Kortom, nee, ik ben niet tijdig op de hoogte gebracht. [spoiler title=”Vraag [email protected] om hulp

Verder lezen

Affiliate marketing: levert het nog wat op? Nieuwe plugin.

Goede vraag, geen idee.  Vandaag probeer ik in deze blogpost een nieuwe plugin waarmee de bezoeker (u die dit leest) in tabellen kan zoeken naar de meest actuele en geschikte mobiele telefoon aanbieding. Ik dacht al: als je als bedrijf wilt dat anders via hun website je producten verkopen, dan moet je als bedrijf wel even de moeite tonen om met leuke tools en prachtige banners te komen. Want ook als het niets oplevert en er niemand ook maar iets koopt via een advertentie binnen mijn krant, dan wil ik dat mijn digitale krant er leuk uitziet en mogelijk extra bezoekers krijgt door de leuke tools die de affiliate marketeer aanbiedt. Dus, vandaar deze tool. Test hem even uit en laat even weten of het iets toevoegt aan een website. Mocht u deze tool ook geinstalleerd willen hebben op uw website, neem dan even contact op. [daisycon_telecom mediaid=”199925″ amount=”10″ subid=””]

Verder lezen

Uitgebreid contactformulier in Joomla 3, plugin, module of anders?

Via www.dewebmeester.nl ben ik bezig met een nieuw concept: www.logoloket.nl ; De naam zegt wel waar het hier over gaat. Na de eerste voorbeeld logo’s geplaatst te hebben, is het belangrijk om het bestel systeem te optimaliseren. Het is belangrijk dat het een prettige bezigheid wordt voor een bezoeker om een logo uit te zoeken, te bestellen en te betalen (al is betalen eigenlijk nooit prettig natuurlijk). Het systeem ziet er ongeveer als volgt uit: [tabs][tab title=”Stap 1″]Kies logo, kies kleuren, vul logo tekst in, vul slogan in, plaats bestelling.[/tab] [tab title=”Stap 2″]Plaats bestelling, ga naar winkelwagen, check out, vul gegevens in.[/tab] [tab title=”Stap 3″]Stuur ons de afbeeldings file die verwerkt moet worden in logo.[/tab][tab title=”Stap 4″]De bestelling afronden, betalen, bevestiging.[/tab][/tabs] Deze blogpost gaat over stap 3: Tijdens het bestelproces moet het mogelijk zijn voor de klant om een file toe te sturen aan de webbeheerder van www.logoloket.nl (dat ben ik). Dus probeer ik een aantal contact formulieren extensies van Joomla. aiContactsafe kent deze optie maar is niet klaar voor Joomla 3. Logoloket.nl wel. Na wat zoeken kom ik er

Verder lezen

Website onderhoud deel 2, voorbeeld website www.dewebmeester.nl

Gisteren heb ik een kort artikel geschreven over het onderhouden van een website. De conclusie was en is: het kost gewoon veel tijd om een website goed te onderhouden. Dit artikel is een vervolg op dit betoog en een illustratie. Laat ik eens opnoemen wat ik gisteren allemaal heb gedaan om de website www.dewebmeester.nl te optimaliseren. Controle en verkenning In mijn vorige artikel ga ik al aan dat een belangrijke stap bij het onderhouden van een website is: het bezoeken van de website. Dat klinkt nogal logisch maar helaas, veel klanten van me lijken hier juist de plank mis te slaan. Ze vergeten om hun eigen website dagelijks te bekijken, te testen en te controleren. Dat moet. Een contact formulier moet getest worden, een facebook button, twitter share, chat functie, enzovoorts, moet getest worden. Doet u dat? Ook moet een website gewoon bekeken worden, de laadtijd getest en de layout in de verschillende browsers getest worden. En dat niet alleen bij de oplevering van de website maar juist ook daarna. Browsers worden geupdate en websites moeten in die nieuwe omgeving

Verder lezen

Twitter bootstrap, css en structuur

Vandaag een korte introductie betreffende het gebruik van Twitter bootstrap. Om te starten heb je de bootstrap files nodig die eenvoudig zijn te downloaden via deze link. Vervolgens worden de files in de root van de website geplaatst en wordt er een verwijzing naar die files geplaatst in de head-sectie van de website. Wat betreft structuur gebruiken we (bijvoorbeeld) de volgende html: <div id=’content’ class=’row-fluid’> <div class=’span9 main’> <h2>Main Content Section</h2> </div> <div class=’span3 sidebar’> <h2>Sidebar</h2> </div> </div> Deze code geeft aan dat de main content 9 kolommen breed is en door de main content op te delen in kolommen, kunnen we ook een sidebar plaatsen. Dat is gedaan via de <div class=’span3 sidebar’> <h2>Sidebar</h2> </div> code. Dit alles betekent: van de 9 kolommen zijn er 3 een sidebar. Kortom 1/3 deel is sidebar. Bij gebruik van de code is het belangrijk om op te merken dat de sidebar code in zijn geheel na de main-content code komt en dus niet is opgenomen in de main-content. De sidebar maakt geen onderdeel uit van de main-content structuur maar staat er dus

Verder lezen

Website onderhoud

Het vraagt heel veel tijd om een website (goed) te onderhouden. Ik verbaas me daar zelfs dagelijks over. Ik verbaas me over mezelf dat ik dat nog steeds niet goed in de gaten heb en me nog steeds laat verassen door de enorme hoeveelheid werk die het onderhouden van een website met zich meebrengt. Mogelijkheden en aandachtspunten In deze webkrant heb ik al vaker aandacht gegeven aan het onderhoud van een website. De onderwerpen – backup – en – veiligheid – hebben extra aandacht gekregen. Maar deze twee onderwerpen verdienen nog veel meer aandacht (helaas). Maar daarnaast heb ik wat betreft eigen websites en wat betreft websites van klanten vooral te maken met conflicten in scripts en dan met name de conflicten in de javascripts. De twee websites waar ik de laatste jaren echt het meeste tijd aan heb gegeven om dit soort problemen op te lossen zijn www.dewebmeester.nl (Joomla 3, bedrijfswebsite) en www.projektduga.nl (Joomla 2.5, website van stichting). Overeenkomsten: ze zijn gebouwd met Joomla en maken gebruik van een veelheid van extensies die gebruik maken van een jquery script

Verder lezen

Lightbox, onmogelijk in Chrome. Firefox en IE in orde.

Ik dacht een positief artikel te schrijven over het oplossen van jquery conflicten voor gebruik van Lightbox binnen verschillende browsers maar dat valt dus even mooi tegen. Overzicht van problemen, oplossingen en ideeen: Lightbox is te verkrijgen als WordPress plugin of Joomla extensie maar ook kan je het script zelf plaatsen binnen elke website. Daartoe download je het Lightbox script. Een pakketje met wat css files, js files en wat images. Klik hier om het script te downloaden. Nu pas ik dit toe op een Joomla website. Ik plaats daartoe de javascript files in de templates/my-tempate/js folder en de css files in in de template/my-template/css folder en de images in de root/images/ folder. Ik wil dat de afbeeldingen van een bepaalde module (Front Page Slide Show van Joomlaworks in dit geval) geopend worden met Lightbox effect. Daartoe plaats ik binnen de mod_fpss/templ/default.php op de juiste plaats: rel=”lightbox”. Vervolgens open ik index.php van de template en plaats in de head de verwijzingen naar lightbox.css en lightbox.js ; Het resultaat is dat dit prima werkt in Firefox maar niet in Chrome en

Verder lezen