Scripts

scripts, gebruik scripts, voorbeelden, download

CMSJoomlaLayoutScriptsTweaksWordpressWordpress design

Verschillende stylesheets voor verschillende pagina’s in WordPress

html source codesWordPress 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 … Lees verder.

Lees meer
ComponentenJoomlaJoomshoppingScriptsVirtuemartWebwinkels

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:

  1. Via de website kunnen kopers zelf een kerstpakket samen stellen
  2. 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.
  3. 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.
  4. Vanaf de voorpagina wordt dus direct besteld.
  5. Aan de zijkant moet zichtbaar worden welk producten er in het kerstpakket geplaatst zijn.

Om dit gedaan te krijgen inventariseer ik eerst de … Lees verder.

Lees meer
dewebmeester.nlGratisHostingScriptsSnelheid website

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]

bootstrap-html-template-00Maar 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 … Lees verder.

Lees meer
BeveiligingBeveiliging JoomlaBeveiliging websiteGratisHostingJoomlaScriptsSnelheid websiteWebsite onderhoud

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 – … Lees verder.

Lees meer
AdverterenInvoegtoepassingenOnline marketingScriptsVerdienenWordpressWordpress plugins

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 … Lees verder.

Lees meer
InvoegtoepassingenJoomlaModulesScriptsSnelheid website

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, … Lees verder.

Lees meer
BeveiligingBeveiliging JoomlaBugsdewebmeester.nlInvoegtoepassingenLayoutScriptsSnelheid websiteWebsite onderhoud

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 … Lees verder.

Lees meer
CSSLayoutScriptsTweaks

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 … Lees verder.

Lees meer
Backup websiteBeveiligingBeveiliging JoomlaBeveiliging websiteBugsdewebmeester.nlJoomlaScriptsSnelheid websiteTweaksWebsite onderhoudWerkwijze

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 … Lees verder.

Lees meer
BugsInvoegtoepassingenJoomlaScripts

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:

  1. Lightbox is te verkrijgen als WordPress plugin of Joomla extensie maar ook kan je het script zelf plaatsen binnen elke website.
  2. Daartoe download je het Lightbox script. Een pakketje met wat css files, js files en wat images. Klik hier om het script te downloaden.
  3. 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.
  4. Ik wil dat de afbeeldingen van een
Lees verder. Lees meer