Artisteer video handleiding

De nieuwe Viking heeft een reeks video’s samengesteld over Artisteer.
Helaas heeft hij de Engelstalige versie als uitgangspunt gebruikt, en daardoor ook veel Engelstalige termen.
De nieuwe Viking concentreert zich ook voornamelijk op Joomla!. Maar de werking van Artisteer blijft voor Joomla! of WordPress gelijk.

 

Artisteer - WordPress Theme Generator
Artisteer aanschaffen?

Dat kan via de advertentie die hiernaast staat.
Ik verdien bij aanschaf er een beetje aan, en je kan dan per mail eventueel vragen erover aan mij stellen.

 

 

Wat is Artisteer?

De interface van Artisteer

Ontwerpideeën

Website en export

Kleuren

Fonts en typografie

Design layout

Layout van de bladzijde

Werken met kolommen

Werken met blokken

Inhoud bewerken

Styling

Vormgeving en font

Werken met paragrafen

Metadata

De achtergrond

Patroon of afbeelding

Lichteffecten

Vorm van de bladzijde

Instellingen

De header

Vormgeving

Achtergrond

Een afbeelding op de achtergrond

Invoegen

Een slideshow in de header

Artisteer biedt de mogelijkheid om een slider te implementeren in de header. Binnen het programma kan je dat echter ook overal doen waar een afbeelding staat. Echter de praktijk wijst uit dat tijdens het exporteren van de sliders deze niet worden meegenomen. Dat wil zeggen dat de inhoud niet wordt meegenomen op het moment dat je het gezipte bestand via Thema’s uploaden binnen probeert te halen. Het werkt wel als je via bijvoorbeeld Filezilla het thema binnenhaalt.

Echter een slider in de widgetruimte werkt niet.

Flash inhoud

Let op dat Flash inhoud niet op alle apparatuur weergegeven kan worden.

Menu

Waar komt de navigatie?

Verschillende stijlen

Menu

Submenu

Blokken

Inhoud van blokken

Het verticale menu

Layout en stijl

Menu

Item

Subitem

Besturingselementen

Knoppen

Controle

Social icons

Footer

Layout

Stijlen

Kolommen, rijen en cellen

Het toevoegen van inhoud

Bij WordPress vanaf versie 3.8 wordt de mogelijkheid om inhoud toe te voegen bij activering van het thema niet meer weergegeven.

Het opmaken van cellen en rijen

Het exporteren van het thema

In bovenstaande video laat men de broncode zien. Je kan de broncode oproepen door op de website met je rechtermuisknop te klikken op een leeg stukje. Kies dan in het snelmenu voor: Paginabron weergeven.

Na het exporteren van het thema, moet het nog naar de WordPress installatie gebracht worden.

Dat kan je doen door òf het thema in te zippen en via de achterkant van WordPress via Weergave ->Thema’s->Nieuwe toevoegen, òf door het via een externe ftp programma te uploaden.

 

 

18 gedachten over “Artisteer video handleiding

  1. Duidelijk en rustig, daardoor goed te volgen.
    Wat ik niet begreep was wat er gedaan werd om de broncode te bekijken o.a in de video nr 44.

    Vriendelijke groet Ger Kaim

  2. Ik wil diverse subsites van Koningshaven overzetten naar Joomla 3.4, maar kan nergens een goede handleiding vinden hoe ik om moet gaan met de headers om die responsive te maken.
    De website http://www.cenakel.net heb ik al responsive gemaakt maar de header verdwijnt op gsm.
    Hebt u hier een oplossing voor?
    Ik heb totaal geen ervaring met programmeren (html-codes etc).
    Alvast bedankt voor de moeite.
    Groetjes, Agnes

    1. Dag Agnes,
      Ik heb inderdaad ook al de ervaring gehad van verdwijnende headers in responsive weergave. Je zou het volgende eens kunnen proberen.
      Ga naar het tabblad Headers in Artisteer.
      Klik op Effecten in blok Achtergrond.
      Klik op Uit bestand… en kies je header afbeelding.
      Via Textuuropties… kom je in de Header-opties en kan je eventueel nog de positie, schaal en transparantie instellen.
      Als het goed is, dan is nu wel je afbeelding te zien in responsive weergave.
      Succes!

    1. Nog niet alle browsers werken volgens de nu geldende standaarden. Internet explorer was daar in het verleden een heel expliciet voorbeeld van. Microsoft stapt ook af van de Internet Explorer en is bezig (buiten Edge) met een opvolger. De meeste mensen gebruiken de volgende browsers: Google Chrome, FireFox, Safari. Daarnaast wordt ook met Opera gewerkt, en natuurlijk met Internet Explorer. De meeste webdesigners kijken naar de top 3.
      Het is dus eigenlijk niet een typisch probleem van Artisteer, maar meer van de browsers.

      1. Bedankt voor je snelle reactie. Weet je misschien ook of er een oplossing voor is, zodat templates van Artisteer wel in alle browsers te zien zijn, zoals header en dropdown menu?

        1. Natuurlijk is er een oplossing, maar dat gaat veel te ver. Heb je een paar dagen? Je zult dan namelijk moeten gaan programmeren. Artisteer wordt trouwens niet meer actief bijgehouden, het is verouderd. Tegenwoordig zijn de meesten overgegaan op Themler (van dezelfde makers).
          Als het voor jou van belang is om een thema te hebben die praktisch door elke browser goed wordt weergegeven, dan ontkom je er niet aan om een thema aan te kopen. Tegenwoordig zijn er al heel wat aardige templates die je goed kunt aanpassen, al dan niet met behulp van een sitebuilder. Echter een garantie dat de website echt door alle browsers goed wordt weergegeven is niet mogelijk.
          Waar je trouwens wel naar kunt kijken, je hebt het over een header en dropdownmenu, is of je gebruikt maakt van de flash mogelijkheden binnen Artisteer. Je weet wel, in de header zie je dan bewegend beeld. Flash is een veiligheidsrisico en daarom door steeds meer browsers niet meer ondersteund.

  3. Heb ik eerst ook altijd gedaan een template aanpassen voor Joomla, maar omdat ik steeds meer websites ging beheren heb ik Artisteer gekocht. Ben ik daar net aan gewend, stopt deze met updaten. En het is een gezoek om de juiste template te vinden, dus liever zelf eentje maken. Tegenwoordig zitten we vast aan responsive design en lijken alle websites op elkaar, alles heel groot en veel slideshows. Dus ik zal eens kijken wat het beste voor me is, het moet wel leuk blijven om te doen. Het wordt qua leeftijd ook steeds moeilijker om mee te blijven doen.

    1. Dat klinkt me bekend in de oren 😉
      Maar als ik je dan een tip mag geven? Concentreer je op één aangekochte thema en pas het uiterlijk enigszins aan met de vaak meegeleverde opties. Daardoor kun je vaak toch weer een unieke look voor je website krijgen. Kijk eens naar sitebuilders, die kunnen je daarmee ook helpen. Het voordeel van een aangekochte thema is dat het door de maker vaak goed wordt bijgehouden. Je koopt één licentie per website. Dat zijn voor je klanten de kosten niet. Sitebuilders zijn als plugin al gratis binnen WordPress te installeren.
      Het is niet voor niets dat alle websites qua vormgeving steeds meer op elkaar lijken. De leesbaarheid voor de diverse doelgroepen, en het feit dat we meer met beelden hebben dan met teksten spelen daarin mee.

  4. Geweldig idee, daar ga ik goed over nadenken. Ik raak altijd het plezier kwijt als ik templates moet gaan zoeken 🙂
    Er is geloof ik voor Joomla ook een sitebuilder, kan ik ook nog gaan uitproberen.
    Weet je misschien ook nog een website waar je mooie templates kunt kopen/krijgen voor joomla?

    1. Eerlijk gezegd ben ik meer voor WordPress. In Joomla heb ik me ooit in het verre verleden verdiept, maar omdat het zo slecht was bij te gehouden op het gebied van updates en veiligheid én ik persoonlijk WordPress veel fijner vond om mee te werken (ook voor mijn klanten), heb ik me vanaf toen alleen nog maar met WordPress bezig gehouden.
      Maar ik denk dat Google je beste kameraad zal zijn in deze 😉
      Succes!

  5. Oke, zo ben ik al 9 jaren met Joomla bezig. Maar ik ken WordPress wel, heb wel themes aangepast voor iemand anders.
    Daar kon ik niet aan wennen, alles zit daar niet zo logische in elkaar als bij Joomla, maar dat kan ook aan mij liggen.
    Templates zoeken met google is een ramp, je komt steeds dezelfde troep tegen.
    Verder mis ik wel om met collega’s zo nu en dan eens over het “vak” te praten 🙂
    Bedankt voor je hulp en je aandacht!!

  6. Ik heb net artisteer gekocht en volg uw video handleidingen.

    Nu heb ik een template gemaakt met 5 pagina’s en ik heb de videohandleiding lay out van de bladzijde bekeken.
    Wel mooi dat je kolommen zo kunt toevoegen. Er is echter wel een vraag waar ik mee zit. Als ik een lay out heb gekozen met bijv. 3 kolommen, dan geldt die indeling voor alle pagina’s in de template.

    Ik wil niet dat alle 5 pagina’s dezelfde kolommen lay out hebben.
    Bijv op pagina 1 wil ik 2 kolommen, op pagina 3 wil ik drie kolommen en met een andere indeling.

    Het zal toch niet zo zijn, dat als ik in een pagina een kolommen lay out heb gemaakt, dat die indeling dan verplicht is voor alle andere pagina’s in de template.

    Ik hoop dat u mij kunt helpen hier mee.

    1. Hallo John,

      Het leuke van Artisteer is dat je pagina’s in verschillende layouts kunt maken. Tenminste met verschillende kolommen. Als je een nieuwe pagina aanmaakt via het menu Home -> Nieuwe Pagina, dan kan je door te klikken op de tekst Nieuwe Pagina, het aantal kolommen kiezen.

      Maar de kans is groot dat je niet kolommen bedoeld, maar de zijbalken. In dat geval geldt het volgende:
      Het aantal zijbalken kies je door in het menu naar Layout te gaan en dan op de knop Kolommen te kiezen. De zijbalken leg je inderdaad voor alle pagina’s vast. Dat is niet te omzeilen.
      Wil je op de ene pagina een linkerzijbalk hebben en op de andere pagina een rechterzijbalk, kies dan in de layout binnen Artisteer voor een linker- én een rechterzijbalk. Ga dan in de backend van WordPress naar de widgets toe en kies welke widgets je in de linkerbalk wilt hebben en welke in de rechterbalk. Wil je op bladzijde A bijvoorbeeld geen rechterzijbalk, geef dat bij de widgets in de rechterzijbalk aan dat ze niet vertoont moeten worden op pagina A. Alleen dan blijft de gehele rechter zijbalk onzichtbaar op pagina A.
      Het is niet mogelijk om de breedte van de zijbalken te variëren bij elke afzonderlijke pagina.
      Dat zou je ook eigenlijk niet moeten willen. De eenheid van de uitstraling van de website gaat er op die manier aan en de website wordt dan erg onrustig. Probeer zoveel mogelijk eenheid te creëren.
      Ik hoop dat ik hiermee jouw vraag heb beantwoord.

      1. Beste Websitebegeleiding,

        Hartelijk dank voor uw snelle reply. Ik ga er eens mee stoeien. De tip over de eenheid van de pagina’s in de website neem ik graag ter harte. Is voor een bezoeker heel overzichtelijk.

        Ik kom terug met een reactie.

Geef een reactie