tag:blogger.com,1999:blog-21025155878260416052024-03-08T03:13:19.837-08:00dewebmeester.nl op blogger.comOverzicht advies webdesign, web ontwikkeling en web applicaties met veel aandacht voor Joomla, Wordpress, SEO, CMS. Vanuit Wageningen. AI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.comBlogger121125tag:blogger.com,1999:blog-2102515587826041605.post-44141900940654118372018-03-30T09:55:00.001-07:002018-03-30T09:55:45.089-07:00SEO ranking club Wageningen 2018<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/m7ILwY-piuU" width="480"></iframe>AI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-35165778101821908732013-04-04T03:03:00.000-07:002013-04-05T00:52:03.363-07:00Geld verdienen met adverteren (AdSense van Google)Vanaf vandaag ga ik geld verdienen. Nu deed ik dat natuurlijk al maar gek genoeg heb ik als webbeheerder nog nooit gebruik gemaakt van AdSense. AdSense is de tegenhanger van AdWords waar ik wel al gebruik van maakte: ik betaal voor de aantal keren dat er op een advertentie van mij geklikt wordt. Maar ik wil ook wel verdienen doordat anderen klikken op advertenties die binnen mijn website getoond worden. Dat is AdSense.<br/><br/><strong>Interessant voor u?</strong><br/>Nu bedacht ik me vandaag: dit kan wel eens interessant zijn voor mijn klant. Ik maak websites. Die maak ik op zon manier dat ze zeker aan de vereisten van Google voldoen. Vervolgens plaats ik binnen die website advertenties waar de klant achter kan staan en ook zelf interessant vind. Ik koppel die advertenties aan een AdSense account van Google van de klant en het resultaat: de klant koopt via info Hartelijke groeten!AI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-42209599818838456152013-04-01T15:00:00.000-07:002013-04-05T00:52:03.358-07:00Meerdere gebruikers, 1 website, verschillende opties (Wordpress)Dit is een belangrijk concept en iets dat een webdeveloper in veel situaties nodig heeft: een website die de mogelijkheid biedt aan andere gebruikers (klanten) om zelf een website te onderhouden of te bouwen. Nu lijkt dat makkelijk te realiseren met een (open source) CMS maar algemene probleem lijkt mij dat medegebruikers standaard dezelfde mogelijkheden hebben als de administrator en de andere gebruikers. Bijvoorbeeld: zowel bij Joomla als Wordpress hebben mede gebruikers beschikking over dezelfde templates en thema's als de andere gebruikers. Het is nog niet zo makkelijk om verschillende gebruikers binnen 1 website, verschillende websites te laten bouwen en te onderhouden. Dewebmeester.nl onderzoekt de mogelijkheden en de beste worden op de markt gebracht. Deze week is dat het concept van http://www.mobilewebbuilder.nl : een website waar verschillende gebruikers allemaal verschillende mobiele websites kunnen maken en onderhouden.<br/><br/>In mijn vorige blogpost heb ik aandacht gegeven aan een mogelijkheid om een Wordpress plugin beschikbaar te stellen aan andere gebruikers zonder hen toegang tot thema's of posts van anderen te geven. Dat kan werken voor bepaalde plugins maar zal niet voor alle plugins even makkelijk werken. En in het geval van http://www.mobilewebbuilder.nl (www.mobielesitebuilder.nl) leidde dit niet tot een afdoende oplossing. Want de bedoeling is dat een gebruiker een unieke mobiele website maakt en onderhoudt, via de CMS publiceert en dat die website door een andere gebruiker uiteindelijk niet te bewerken is. En indien elke gebruiker toegang krijgt tot dezelfde plugin (een Mobiele Site Builder plugin), dan zijn die websites door alle andere gebruikers binnen de dashboard via de plugin te benaderen en aan te passen. Dat moet niet.<br/><br/><strong>De oplossing (en ook voor veel andere gelijkende problemen)</strong><br/><br/>De oplossing heeft "Multisite". Deze optie kan tijdens de installatie van een Wordpress geactiveerd worden of eventueel later (zie bijvoorbeeld <a title="WordPress is fantastisch zegt de webmeester.nl!! Multi sites optie" href="http://dewebmeester.wordpress.com/2012/10/10/wordpress-is-fantastisch-zegt-de-webmeester-nl-multi-sites-optie/">deze blogpost</a>). De Mulisite optie lost eigenlijk al onze problemen op zoals hierboven uitgelegd. Deze optie maakt ook de "Hack" zoals genoemd in de vorige blogpost onnodig. Dat is mooi omdat we nu geen files hoeven aan te passen (en opnieuw moeten aanpassen na elke update van de plugin). Maar we hebben nu wat andere problemen.<br/><br/><strong>Wat is opgelost:</strong><br/><ol><br/> <li>elke gebruiker heeft een eigen dashboard en geen toegang tot dashboard van andere gebruikers</li><br/> <li>dus elke gebruiker heeft alleen toegang tot posts van zichzelf en niet van anderen</li><br/> <li>elke gebruiker heeft toegang tot plugins.</li><br/></ol><br/><strong>Nieuwe problemen:</strong><br/><ol><br/> <li>elke gebruiker heeft toegang tot alle templates en thema's en dat lijkt me wat teveel luxe.</li><br/> <li>elke gebruiker heeft toegang tot alle geactiveerd plugins en ook dat is wat teveel luxe.</li><br/></ol><br/>Vandaag los ik alleen dit eerste probleem op: ik wil binnen de hoofdwebsite (http://www.mobilewebbuilder.nl) een mooi premium design installeren en kies hiervoor WowWay. Maar vervolgens kan elke medegebruiker (elke klant) ook gebruik maken van dit thema zonder deze template te hoeven kopen en dus zonder een gebruikers licentie te hebben. Nee, dat wil ik niet. De oplossing is de volgende code in wp-config.php:<br/><blockquote>define('WP_DEFAULT_THEME', 'wowway');</blockquote><br/>Vervolgens activeer ik de template voor het hele netwerk, ga naar dashboard van eigen website en activeer dit thema. Daarna ga ik teru gnaar Network dashboard en deactiveer ik het thema voor het netwerk. Probleem opgelost: mijn eigen site heeft een mooi design, de andere gebruikers hebben niet de beschikking gekregen over dit thema maar kunnen wel aan het werk met de Mobiele Sitebuilder.AI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-44721736461547624172013-03-31T15:17:00.000-07:002013-04-05T00:52:03.352-07:00Gecontroleerde en beperkte toegang voor gebruik plugin in WordpressDit was een nieuwe avontuur voor me. Ik ben bezig met een nieuw concept voor dewebmeester.nl: een online website builder tool waarmee klanten zelf een mobiele website kunnen maken of onderhouden. Dat concept is al aardig uitgewerkt maar hoe geef ik klanten nu beperkte toegang tot het gebruik van deze Wordpress plugin?<br/><br/>Situatie:<br/><ul><br/> <li>Ik heb een Wordpress website met verschillende thema's, plugins, pagina's enzovoorts.</li><br/> <li>Nu wil ik 1 plugin beschikbaar stellen voor gebruik aan klanten van dewebmeester.nl</li><br/> <li>Wordpress biedt standaard eigenlijk maar twee mogelijkheden wat betreft gebruikers: 1) Een gebruiker is een administrator en heeft toegang tot alles of 2) een gebruiker is geen administrator en heeft al dan niet toegang tot de content (blog posts) van de website.</li><br/> <li>Kortom: Wordpress biedt standaard niet de mogelijkheid om een gebruiker beperkte toegang te geven tot back -end (dashboard). Je hebt of helemaal toegang, of helemaal niet.</li><br/></ul><br/>Het heeft me wel enige uren geduurd voor ik de oplossing gevonden heb en hem verschillende plugins geprobeerd zoals: - s2members -, - members - en - user role editor - maar die bieden allemaal niet de mogelijkheid om administrators (degenen die toegang tot dashboard hebben) verschillende permissies te geven. De scheiding blijft: of wel, of geen toegang tot dashboard. Maar ik wil een gedeeltelijke toegang tot dashboard.<br/><br/>De oplossing:<br/><br/>Elke plugin definieerd voor zichzelf de toegangs permissies. En Wordpress plugins maken allemaal standaard gebruik van de Wordpress settings: alle administratoren hebben toegang tot alle plugins. Hier stappenplan om tot andere situatie te komen:<br/><ol><br/> <li>Download de complete plugin folder naar de harde schijf</li><br/> <li>Open deze plugin folder met het programma EditPadPro en zorg dat het programma alle files uit de subfolders opent (geweldig dat EditPadPro dit kan!)</li><br/> <li>Zoek vervolgens naar alle verwijzingen naar - manage_options - binnen deze files en:</li><br/> <li>Om Editors toegang tot de plugin te verlenen, verander 'manage_options' in 'edit_pages'.<br/>Om Authors toegang tot de plugin te verlenen, verander 'manage_options' in 'publish_posts'.<br/>Om Contributors toegang tot de plugin te verlenen, verander 'manage_options' in 'edit_posts'.<br/>Om Subscribers toegang tot de plugin te verlenen, verander 'manage_options' in 'read'.</li><br/></ol><br/>Ik heb in de options.php file van de plugin - manage-options - verandert in - edit_pages - en elke gebruiker die Editor is krijgt vervolgens onderstaand dashboard te zien na inloggen:<br/><br/><a href="http://dewebmeester.files.wordpress.com/2013/03/mobilesitebuilder1.png"><img class="alignleft size-full wp-image-635" alt="mobilesitebuilder1" src="http://dewebmeester.files.wordpress.com/2013/03/mobilesitebuilder1.png" width="570" height="358" /></a><br/><br/>Netjes toch? De Editor heeft toegang gekregen tot de Mobile Site Builder van www.mobilesitebuilder.nl maar kan geen enkele post aanpassen die hijzelf niet eerst gemaakt heeft. Zelfs tools zijn niet beschikbaar (behalve Press This). De Editor kan de Mobiele Site Builder gebruiken, zijn eigen posts aanpassen en eventueel wat gegevens in zijn profiel aanpassen. Ik ben blij.AI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-51106628832484711272013-03-23T08:10:00.000-07:002013-04-05T01:16:41.934-07:00Stijgende populariteit van Spiderman Webdesign Wageningen<a href="http://www.dewebhulp.nl/"><img alt="Stijgende populariteit van Spiderman Webdesign Wageningen" class="size-full" height="260" src="http://dewebmeester.files.wordpress.com/2013/03/stijgende-populariteit-spiderman-webdesign.jpg" width="640" /></a><br />
<br />
Bezoekers aantallen van blog van Spiderman Webdesign Wageningen: www.dewebhulp.nlAI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-16316538954113919822013-03-18T16:25:00.000-07:002013-04-05T00:52:03.339-07:00Foto album met preview afbeeldingen bij mouse on hover zoals op
Facebook.....Nou, deze blogpost lijkt mogelijk op Arabisch meer de functie is dat ik hier mijn gedachten en ideeen probeer weer te geven betreffende een opdracht in de hoop dat ik dit opdracht succesvol zal kunnen uitvoeren:<br/><br/>Opdracht: klant heeft Wordpress website en een leuke gallery via een gallery plugin. Nu is hij daar niet tevreden mee. Hij wil extra functionaliteit. De home pagina van de gallery toont een aantal categorieen. Die kunnen we beschouwen als fotoalbums over een bepaald onderwerp. Hij wil dat als de bezoeker met zijn muis over de voorkant van dit fotoalbum beweegt, dat dan automatisch, achter elkaar, een preview getoond wordt van de afbeeldingen binnen dat fotoalbum. Nee, niet onmogelijk. Maar wel moeilijk. Om het nog leuker te maken heeft hij een voorbeeld: de weergave van de fotoalbums in Facebook.<br/><br/><strong>Spioneren van de code binnen Facebook</strong><br/>Dat doe ik meestal: even spieken binnen de code van de website waar de klant het voorbeeld gevonden heeft. Facebook in dit geval. Wat zie ik:<br/><blockquote><div id="u_0_3b" class="_30l"><span id="u_0_2f" aria-label="Photo" class="uiMediaThumb _30m uiMediaThumbMedium" style="opacity: 0;"><i class="uiMediaThumbImg" style="background-image: url(<a href="http://sphotos-a.ak.fbcdn.net/hphotos-ak-ash3/p206x206/530465_10151320424569284_27191678_n.jpg)">http://sphotos-a.ak.fbcdn.net/hphotos-ak-ash3/p206x206/530465_10151320424569284_27191678_n.jpg)</a>;"></i></span><span id="u_0_2g" aria-label="Photo" class="uiMediaThumb _30m uiMediaThumbMedium" style="opacity: 0;"><i class="uiMediaThumbImg" style="background-image: url(<a href="http://sphotos-d.ak.fbcdn.net/hphotos-ak-snc6/p206x206/603007_10151320424504284_10063898_n.jpg)">http://sphotos-d.ak.fbcdn.net/hphotos-ak-snc6/p206x206/603007_10151320424504284_10063898_n.jpg)</a>;"></i></span><span id="u_0_2h" aria-label="Photo" class="uiMediaThumb _30m uiMediaThumbMedium" style="opacity: 0;"><i class="uiMediaThumbImg" style="background-image: url(<a href="http://sphotos-f.ak.fbcdn.net/hphotos-ak-ash4/p206x206/318068_10151320424509284_1098475204_n.jpg)">http://sphotos-f.ak.fbcdn.net/hphotos-ak-ash4/p206x206/318068_10151320424509284_1098475204_n.jpg)</a>;"></i></span><span id="u_0_2i" aria-label="Photo" class="uiMediaThumb _30m uiMediaThumbMedium" style="opacity: 0;"><i class="uiMediaThumbImg" style="background-image: url(<a href="http://sphotos-c.ak.fbcdn.net/hphotos-ak-ash3/p206x206/582526_10151320424494284_1473985989_n.jpg)">http://sphotos-c.ak.fbcdn.net/hphotos-ak-ash3/p206x206/582526_10151320424494284_1473985989_n.jpg)</a>;"></i></span><span id="u_0_2j" aria-label="Photo" class="uiMediaThumb _30m uiMediaThumbMedium" style="opacity: 1;"><i class="uiMediaThumbImg" style="background-image: url(<a href="http://sphotos-b.ak.fbcdn.net/hphotos-ak-prn1/p206x206/47666_10151320427084284_424829715_n.jpg)">http://sphotos-b.ak.fbcdn.net/hphotos-ak-prn1/p206x206/47666_10151320427084284_424829715_n.jpg)</a>;"></i></span></div></blockquote><br/>Mooie code maar de vraag is nu waar die naartoe verwijzen. Oftewel: in welke file of binnen welk script staat bijvoorbeeld het volgende gedefinieerd?:<br/><blockquote>class="uiMediaThumb _30m uiMediaThumbMedium"</blockquote><br/>Nee, lijkt me op zich niet erg relevant. Dit is tenslotte verwijzing naar css code en betreft niet een script. Code geeft alleen de output weer van het script. Maar welk script genereert deze output? Maar even googlen op: "load preview images mouse on hover". Geen succes. Of: "how to have images load on mouse over in wordpress plugin". Veel informatie, nog geen antwoorden.<br/><br/><a href="http://jsfiddle.net/thewebmaster/v9tsE/" target="_blank">Mijn test op jsfiddle.com</a>AI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-64712487110634528092013-03-18T14:06:00.000-07:002013-04-05T00:52:03.332-07:00Positioneren van elementen binnen webpaginaDit is kort en basic: het positioneren van elementen binnen een webpagina is een steeds terugkerende bezigheid en iedereen met een website heeft hier mee te maken. Binnen dit blog is informatie te vinden over positioneren binnen Joomla via het plaatsen van een extra module positie of via het gebruik van een module suffix. Maar meest belangrijk is om eerst de basis wat betreft html op een rij te hebben.<br/><br/>Gisteren moest ik vanwege een opdracht via <a href="http://tweaky.com">tweaky.com</a> een bug oplossen binnen een menu. Een scrollend menu. Na klikken scrollt te pagina naar beneden. Maar dit werkte niet. Na herstel van de .js file was dit opgelost. Behalve voor 1 menu item. Want dit was gelinkt aan een externe url. Na klikken zou de bezoeker moeten worden doorverwezen naar een andere webpagina. Maar nee, dat bleek ineens niet meer te werken. Dat had ik nog niet eerder meegemaakt: bij "hover-over" met de muis werd de url zichtbaar (linksonder binnen de browser) maar als ik dan klikte, gebeurde er niets. Een conclict tussen het javascript en de css file. De oplossing leek om dit menu item uit het menu te tillen, en apart te plaatsen. Ja, nu werkte het. Het enige wat nu nog nodig was, was het postioneren van dit menu item zodat het opnieuw op exact dezelfde plaats zou verschijnen als eerder. En eerder maakte het deel uit van een lijst (<ul><li></li></ul>) en nu niet meer......<br/><br/>Oplossing<br/>Volgens mij is stap 1 bij positionering eigenlijk altijd het plaatsen binnen een <div></div>. Een div met een identiteit: <div id="identiteit"> zodat het layout gedrag binnen deze div gedefinieerd kan worden binnen de css file.<br/>Stap 2 zou volgens mij ook bijna altijd hier op moeten lijken: kijken via Firebug welke css stijlen er al gebruikt worden en kopieren. Maar dan wel als zijnde een eigen identiteit. Oftewel: in mijn geval werd <div id="navtop"> gebruikt voor het menu en de nieuwe div werd dus <div id="navtop2"> en vervolgens kopieer ik alle bijbehorende verwijzingen naar navtop binnen de css file en noem die navtop2. Er onstaat zo een blokje met een layout identiek aan de gebruikte die apart te postioneren is binnen de html.<br/>Stap 3: trial and error. Gewoon de <div>menu item</div> verplaatsen binnen de html en kijken waar ik deze het beste kwijt kan. Dit is de groffe positionering. Nu ben ik in de buurt.<br/>Stap 4: fijnstemmen. En dat kan bijvoorbeeld via:<br/><br/><blockquote>position:"relative"; right="300px";<br/></blockquote><br/>Vervolgens wordt het menu item 300 px ten opzichte van rechter grens van website getoond. Firebug helpt hier natuurlijk om live te kunnen zien welke getallen hier precies gebruikt moeten worden.AI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-50105918444933976822013-03-12T15:46:00.000-07:002013-04-05T00:52:03.326-07:00Test zenden foto's vanuit email naar Wordpress.com websiteVandaag probeer ik 4 foto's te plaatsen binnen de wordpress website onder www.dewebhulp.nl; Ik ben benieuwd.<br/><br/>Ashampoo Photo Mailer<br/>Delen van foto's via e-mail eenvoudig gemaakt.<br/>Vraag uw gratis 40-dagen probeerversie:<br/>Hier klikken: <a href="https://www.ashampoo.com/photomailer">https://www.ashampoo.com/photomailer</a><br/>[gallery]AI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-78995791737731885062013-02-27T05:14:00.000-08:002013-04-05T00:52:03.321-07:00Toegang beheer online tools op eigen website (bijvoorbeeld: Create
Clickable Map online)Gisteren helemaal gespannen de dag afgesloten. Teveel klanten? In ieder geval teveel vragen. Vandaag besluit ik dan ook om even wat aandacht te geven aan mijn eigen website. Dat is ontspannend. <a href="http://www.dewebmeester.nl">www.dewebmeester.nl</a> ; Het doel: ik wil een aantal online tools aanbieden voor klanten van <a href="http://dewebmeester.nl">dewebmeester.nl</a>. Dat hebben ze verdiend. Ik begin met het plaatsen van een iMap / Clickable Map Creator. Over dat onderwerp heb ik al eerder een blogpost geschreven overigens.<br/><strong><br/>Doel: Login en gebruikersbeheer waardoor ik een bepaalde groep mensen toegang verleen tot een aantal online tools. </strong><br/><br/><ol><br/><li>Ik neem als uitgangspunt het Joomla 3.0 gebruikers beheer systeem. Via "Usermanager" vink ik aan dat gebruikers zich kunnen aanmelden op de website maar dat ik als administrator dat moet goedkeuren en daar een email over krijg.</li><br/><li>In het hoofdmenu maak ik een link aan met "Login||Toegang tot de online tools". Maar daaronder maak ik submenu's aan voor elke online tool afzonderlijk. Dus "Login voor toegang tot Clickable Map".</li><br/><li>Nee, nu ben ik niet klaar. Ja, registratie en inloggen werkt maar waar wordt men vervolgens naartoe verwezen? Binnen menubeheer kan ik voor elk Login(sub)menu aangeven waar een succesvolle login naartoe moet verwijzen. Dat moet een interne pagina zijn. Die moet ik dus eerst aanmaken.</li><br/><li>Dat doe ik opnieuw via menubeheer waar ik een extra menulink aanmaak in het menu "Gebruikers menu". Dat menu is alleen zichtbaar voor geregistreerde gebruikers. Kortom: menu en menulinken zijn niet zichtbaar voor een willekeurige bezoeker. Dit menuitem noem ik "Clickable maps" en krijgt een bepaalde alias mee. Deze alias bepaalt via welke url de pagina is op te vragen. Dit menu item is van het type "Wrapper" en daarbinnen wordt via een iframe de online tool geladen.</li><br/><li>Terug naar de menu link in hoofdmenu (Login voor toegang Clickable maps) en daar geef ik aan dat een succesvolle login moet verwijzen naar de index.php/alias van de aangemaakt "pagina".</li><br/></ol><br/><br/>Gelukt. Ook hulp nodig bij toegangsbeheer in Joomla? Neem even contact op.<br/><br/>Hartelijke groeten,<br/><br/>Meindert A. JornaAI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-19406392151268338352013-02-26T02:44:00.000-08:002013-04-05T00:52:03.315-07:00Dubbel Blog op Shopify.comShopify is een aardig populair web platform waar je een webwinkel kunt beheren. Nu is de goedkoopste optie 29,90 per maand dus het is niet de goedkoopste optie. Ik zou eerder kiezen voor een Joomla / Virtuemart of Wordpress/ Woocommerce optie om zo het beheer op de server geheel in eigen hand te hebben en niet vast te zitten aan maandelijkse kosten. Maar zoveel mensen zoveel wensen en zo ga ik een klant bij Tweaky.com proberen te helpen om binnen de Shopify webwinkel 2 blogs te laten verschijnen. Niet: twee blogposten. Nee, twee afzonderlijke blogs.<br/><br/><strong>Review Shopify</strong><br/>Als eerste een korte review betreffende Shopify. Ja, 29,90 per maand zijn vervelende maandelijkse kosten. Maar het goedkoopste telefoonabonnement kost ook al zoveel en in het geval van Shopify heb je wel een complete webwinkel. Wat me vooral op is gevallen tijdens het werken met Shopify is de snelheid van de templates. Ze hebben alleen de meest nodige code meegekregen en de bijbehorende files zijn zeer klein. Het is wel een geheel uniek systeem wat betreft codering. Html kennis of php kennis is niet voldoende. Nee, Shopify code kennis lijkt erg nodig om te kunnen sleutelen aan de layout. Dan ben je al snel aangewezen op een webdesigner (en vandaar dat we bij <a href="http://tweaky.com">tweaky.com</a> aardig wat aanvragen binnenkrijgen betreffende Shopify).<br/><br/><strong>Implementeren van (extra) Blog in Shopify</strong><br/>Het einge dat ik hier kan doen is het plaatsen van de code die ik uiteindelijk heb gebruikt om een extra Blog te plaatsen. Daarna zal ik nog wat uitleg geven.<br/><br/><blockquote> <div class="clearfix homerow"><br/><div id="blog_module" class="clearfix"><br/><h2><a href="#">News and Articles</a></h2><br/>{% if settings.featured_blog != "" %}<br/>{% for article in blogs[settings.featured_blog].articles limit:2 %}{% if forloop.rindex == 2 or forloop.length == 1 %}<br/><div class=""><br/><h3>News</h3><br/>{% for article in blogs.extra-blog.articles limit:2 %}<br/><p class="bm_date">{{ article.created_at | date: "%b" }}<span>{{ article.created_at | date: "%d" }}</span></p><br/><h3><a href="{{ article.url }}">{{ article.title }}</a></h3><br/>{% if article.excerpt.size > 0 %}{{ article.excerpt }}{% else %}<br/><p>{{ article.content | strip_html | truncatewords:72 }}</p><br/>{%endif%}<br/><p><a href="{{ article.url }}" class="button_right">Read more</a></p><br/>{% endfor %}<br/><!---<p><a href="{{ <a href="http://working-space-silver.myshopify.com/blogs/extra-blog">http://working-space-silver.myshopify.com/blogs/extra-blog</a> }}">See articles from Extra Blog</a></p>---><br/>{% else %}<br/><div class=""><br/>{% endif %}<br/><br/><h3>Articles</h3><br/><p class="bm_date">{{ article.created_at | date: "%b" }}<span>{{ article.created_at | date: "%d" }}</span></p><br/><h3><a href="{{ article.url }}">{{ article.title }}</a></h3>{% if article.excerpt.size > 0 %}<br/>{{ article.excerpt }}{% else %}<p>{{ article.content | strip_html | truncatewords:72 }}</p>{%endif%}<br/><p><a href="{{ article.url }}" class="button_right">Read more</a></p><br/></div>{% endfor %}<br/>{% else %}<br/><p>You must select a featured blog.</p><br/>{% endif %}<br/></div><br/></blockquote><br/>Er is een hoofd Blog: {% if settings.featured_blog != "" %} waarvan de basiswaarden geladen worden bij de start van de Blog module. Die code laat ik staan. Vervolgens maak ik een extra Blog aan binnen Shopify en let erop hoe de url er uit gaat zien. Blog heet "extra-blog" en dus begint die code met:<br/>{% for article in blogs.extra-blog.articles limit:2 %} wat duidelijk maakt de er twee artikelen geladen worden uit dit blog binnen deze module. Vervolgens wordt de datum van artikel gepubliceerd, artikel titel en url, de exerpt en / of inhoud. En als laatste een "Read more" button. Gekke code, wel logisch.<br/><br/>Ook een aanpassing laten maken in Shopify? Neem contact op via info)AI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-29880426162000584542013-02-25T03:49:00.000-08:002013-04-05T00:52:03.309-07:00Openen video's van youtube in Lightbox binnen Wordpress sliderVandaag bijt ik mijn tanden in een nieuwe opdracht van <a href="http://tweaky.com">tweaky.com</a>: De klant wil dat video's geopend worden in een Lightbox binnen dezelfde pagina. Het probleem lijkt me dat de video al geintegreerd is in een slider en niet in een bericht. Mijn stappenplan:<br/><ol><br/> <li>- plugin lightbox video installeren (<strong>WP Video Lightbox)</strong></li><br/> <li>- testen binnen een Wordpress bericht</li><br/> <li>- code controleren en kijken of dit te integreren is in slider. Deze slider is overigens onderdeel van de template en heeft een eigen beheerspanel en de klant wil natuurlijk het beheer over deze video's binnen dit beheerspanel behouden. Kortom: ik moet niet teveel in de broncode gaan veranderen maar zoveel mogelijk werken binnen bestaande admin panel van Wordpress.</li><br/></ol><br/>Na stap 1 ga ik eerst naar de support pagina van deze plugin: <a href="http://www.tipsandtricks-hq.com/wordpress-video-lightbox-plugin-display-videos-in-a-fancy-lightbox-overlay-2700#!prettyPhoto">http://www.tipsandtricks-hq.com/wordpress-video-lightbox-plugin-display-videos-in-a-fancy-lightbox-overlay-2700#!prettyPhoto</a> . Daar vind ik een demonstratie van de werking van de plugin en kijk via Firebug naar de code (mogelijk kan ik stap 2 overslaan?) en dan zie ik dit:<br/><blockquote><!---<a title="" href="[youtube http://youtube.com/w/?v=G7z74BvLWUg?width=640&height=355]" rel="wp-video-lightbox"><img class="video_lightbox_anchor_image" alt="" src="<a href="http://www.tipsandtricks-hq.com/wp-content/uploads/2010/08/wp-video-lightbox-demo.png">http://www.tipsandtricks-hq.com/wp-content/uploads/2010/08/wp-video-lightbox-demo.png</a>"></a>---></blockquote><br/>Deze code plak ik in een Notepad+ document om te bestuderen.<br/><br/>Binnen de slider applicatie is een mogelijkheid om aan te geven welke image getoond moet worden en waar die image bij klikken naartoe moet leiden. Image laat ik staan en als link plaats ik de YouTube video link. Vervolgens moet ik de rel="wp-video-lightbox" nog ergens plaats. Ik probeer die te plaatsen naast de link binnen de slider applicatie maar zonder succes. In Firebug houd ik bij hoe de code verandert en ja, ik zie de link en zelfs rel= maar code wordt toch steeds weer door elkaar gegooid door de slider applicatie. Toch maar naar de broncode van de slider?<br/>Ook dat probeer ik. Dat had moeten werken maar kan niet goed bepalen waar ik de -- rel="wp-video-lightbox" --moet plaatsen.<br/><br/><strong>De oplossing</strong><br/>Tjonge wat ben ik dan weer blij als het lukt. Deze keer heeft het me 2 uur gekost. Oplossing lijkt simpel: bij de slider is er een optie om een "Caption" te plaatsen. Met een beetje geluk betekent dit dat er plaats is om html te plaatsen. En dus plaats ik de hele link, inclusief rel="wp-video-lightbox" in de Caption (de titel, of eventueel in de beschrijving). Dat ziet er zo uit:<br/><blockquote><a href="[youtube http://youtube.com/w/?v=XXXXXXXXX?width=640&amp;height=355]" rel="wp-video-lightbox"> <em><font face="times new roman,times,serif" size="6">Click to Play</font></em></a></blockquote><br/>Het resultaat is een mooie link onderaan de foto die getoond wordt met de titel "Click to Play" en bij klikken hierop wordt de video geopend in een mooie Lightbox overlay. Zie: <a href="http://www.speedvertu.com">http://www.speedvertu.com</a><br/>Hartelijke groeten.<br/>Ook interesse in het openen van video's in Lightbox? Neem even contact op me:--- info ---AI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-64100245290610394052013-02-22T15:58:00.000-08:002013-04-05T00:52:03.304-07:00debugmeester.nl, dewebmeester repareert via tweakweb.nlSinds een week ben ik als ontwikkelaar werkzaam bij tweaky.com. Een grappige uitdaging gezien het feit dat ik tweaky.com op mijn eigen website benoem als concurrent met 3 maal zo hoge tarieven als dewebmeester. (Zie: <a href="http://www.dewebmeester.nl/index.php/tarieven-overzicht-van-opties" target="_blank">http://www.dewebmeester.nl/index.php/tarieven-overzicht-van-opties</a>) Hun werkwijze spreekt mij echter erg aan en ook na afronding van de eerste opdrachten ben ik erg te spreken over het idee achter tweaky.com.<br/><br/>Idee: iedereen met een website heeft zo nu en dan een ontwikkelaar nodig om kleinere aanpassingen of reparaties te doen. Dan wil men niet direct teveel uitgeven maar heeft ment nog wel 39 Euro over voor zo'n aanpassing. Zo'n aanpassing heeft een Tweak en ik ben dus een Tweaker. Daarom begin ik direct met een eigen concept en dat heet <a href="http://tweakweb.nl" target="_blank">tweakweb.nl.</a><br/><br/>Via de opdrachten die bij tweaky.com binnenkomen (en waar je dus 3 maal zoveel betaald om vervolgens door dezelfde persoon - "dewebmeester"- geholpen te worden), is veel te leren. Elke opdracht is een ontdekkingstocht. Dus dacht ik: laat ik nou eens uitleggen via dit blog hoe ik als dewebmeester tot oplossingen kom. Omdat ik ongeveer elke werkdag 1 tot 2 tweaks afhandel, kan dat leiden tot 1 a 2 extra blogposten per dag. Naar mijn verwachting betreft het problemen en bugs waar heel veel anderen mee te maken krijgen die een eigen website beheren. En zo wordt dewebhulp.nl (dit blog) mogelijk nog meer een webhulp. Even een lijstje met tweaks die ik ben tegengekomen:<br/><ol><br/> <li>uitlijnen van widget in Wordpress</li><br/> <li>validatie volgens W3 en errors oplossen</li><br/> <li>lightbox laten werken in Wordpress, en dan ook voor de video's</li><br/> <li>plaatsen Facebook button</li><br/> <li>aanpassen kleuren</li><br/> <li>plaatsen tekst binnen Shopify theme</li><br/> <li>maken clickable map</li><br/> <li>contactformulier repareren</li><br/> <li>4ormat website layout aanpassen</li><br/> <li>update problemen Wordpress</li><br/> <li>tot en met 1001: alle frustraties waar u zelf tegen aan loopt bij het werken aan een website.</li><br/></ol><br/>Bedenk hierbij dat een tweak geen 39 Euro hoeft te kosten. Diezelfde tweak kan ook 9,90 kosten. Maar dan wel alleen via een abonnement van <a href="http://www.dewebmeester.nl" target="_blank">www.dewebmeester.nl</a><br/><br/>Hartelijke groeten,<br/><br/>Meindert A. JornaAI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-40218478897628458712013-02-21T02:41:00.000-08:002013-04-05T00:52:03.298-07:00Autosave Joomla artikelen?Dit overkomt ons allemaal wel eens: je schrijft een artikel en de stroom valt uit of de telefoon gaat en ondertussen wordt je automatisch uitgelogd of je koffie valt over je toetsenbord of.... Hoe dan ook, het probleem kennen we: je had net wat leuks en goeds geschreven en nu is alles voor niets en moet je opnieuw beginnen.<br/><br/>In Word hebben we het wel opgelost. Dan heet het "Autosave". Vandaag verbaas ik me er dan ook over dat zoiets niet lijkt te bestaan voor Joomla. Toch schrijf ik meer Joomla artikelen dan dat ik berichten schrijf in Word. Ja, ik kom 1 autosave plugin tegen op internet maar die werkt niet voor Joomla 3.0 (niet aan te raden om al met Joomla 3.0 te beginnen overigens) en ook in Joomla 2.5 heb ik er problemen mee. Toch te gek voor woorden......?<br/><br/><strong>Oplossing van de dag</strong><br/>Er vanuit gaande dat een beetje serieuze webbouwer met Firefox werkt als standaard browser (naast andere browsers natuurlijk), is het aan te raden om enkele extra Addons te installeren. In dit geval kunnen de volgende Addons ons helpen:<br/><br/><ol><br/><li>Lazarus Form Recovery</li><br/><li>Form History Control</li><br/></ol><br/><br/>De eerste blijkt in mijn geval echter geen backup te hebben gemaakt tijdens het typen van een Joomla artikel. De tweede Addon heeft niet een backup voor het formulier maar wel voor de verschillende tekstvelden. Het enige nadeel is dat de html is opgeslagen als zijnde tekst en bij het terugplaatsen krijg ik de html code als tekst. Dat is vrij makkelijk handmatig op te schonen. Gelukt.<br/><br/>Ook problemen met autosave in Joomla? Laat het even weten aan infoAI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-19756130707550974202013-02-20T11:02:00.000-08:002013-04-05T00:52:03.292-07:00Javascript toevoegen aan blog posts (berichten) en pagina's WordpressNee, dat is standaard niet mogelijk volgens Wordpress. Zie bijvoorbeeld: <a href="http://codex.wordpress.org/Using_Javascript">http://codex.wordpress.org/Using_Javascript</a> Ja, het is blijkbaar toch mogelijk en daarvoor is niet eens een aparte plugin nodig. Stel ik ga naar een bericht of ik maak een nieuw bericht aan in Wordpress en vervolgens schakel ik naar html view, plak het script (chat, webshop API of in dit geval: een javascript clickable map) binnen de html code, sla bericht op en bekijk bericht. Resultaat is: niets..... Want alle javascript code wordt gefiltert en geschrapt door de Wordpress editor. Maar vandaag ontdek ik een simpele oplossing:<br/><br/><strong>Script plaatsen in html widget en html code in bericht of page code</strong><br/>Ik plaats een nieuwe html widget binnen (bijvoorbeeld) de sidebar en plak daarin het script. Ja, nu werkt het wel maar wordt de code mogelijk niet op de juiste plaatst geactiveerd. Nee, we willen echt binnen een bericht de code laten zien. Geen nood. Na activeren van deze html widget (inclusief <head> script) plaats ik de html code die bepaalt hoe en waar mijn applicatie getoond moet worden, binnen de html van het nieuwe (of oude) bericht en vervolgens publiceer ik dit. En ja, nu verschijnt de javascript applicatie binnen het bericht. Logisch: de code uit de widget (sidebar) is oproepbaar binnen de pagina en kan niet door de editor gestript worden.<br/><br/>Niet simpel? Wilt u liever dewebmeester.nl dit laten doen? Stuur dan even een email naar info@dewebmeester.nl<br/>Groeten!AI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-23256423529246513972013-02-20T05:56:00.000-08:002013-04-05T00:52:03.284-07:00Updaten Wordpress en pluginsHet updaten van een Wordpress (zelf gehost) naar de nieuwste versie (op dit moment 3.5.1) en de bijbehorende plugins lijkt vaak makkelijker dan het is. Na klikken op "Update now" krijg je vaak een melding als " unable to remove the old plugin" of "no access" of "impossible....." . Heel erg frustrered. Vandaag een simpele oplossing die in veel gevallen zal werken en waarvoor niet geprutst hoeft te worden met file permissies:<br/><br/>1. Aanpassen htaccess file door plaatsen:<br/><br/><blockquote> <Files wp-config.php><br/>order allow,deny<br/>deny from all<br/></Files></blockquote>(Dat is alleen ter bescherming en mogelijk niet nodig)<br/><br/>2. Aanpassen wp-config.php file door plaatsen van server informatie en domein root informatie zoals:<br/><br/><blockquote>define('FS_METHOD', 'ftpsockets');<br/>define('FTP_BASE', '/domains/UWDOMEIN/public_html/SUBMAPVANWEBSITE/');<br/>define('FTP_CONTENT_DIR', '/domains/UWDOMEIN/public_html/SUBMAP/wp-content/');<br/>define('FTP_PLUGIN_DIR ', '/domains/UWDOMEINpublic_html/SUBMAP/wp-content/plugins/');<br/>define('FTP_USER', 'GEBRUIKERSNAAM');<br/>define('FTP_PASS', 'WACHTWOORD');<br/>define('FTP_HOST', 'FTPSERVER');</blockquote><br/><br/>Vervolgens blijkt het bij mij bijna allemaal te lukken op een enkele plugin na.<br/>Hulp nodig bij updaten wordpress? Mail infoAI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-84882173411093852772013-02-15T04:01:00.000-08:002013-04-05T00:52:03.278-07:00Facebook, twitter, linkedin buttons binnen Joomla, veel opties weinig
mogelijk?<p>Vandaag bezig om op de nieuwe website van http://www.dewebmeester.nl Facebook en Twitter like buttons te plaatsen. Ja, dan wil je natuurlijk direct Google plus meenemen en Linkedin. Makkelijk? Opnieuw ja en nee. Niet als ik me bedenk dat ik daar nu een uur mee bezig ben en veel van de aangeboden mogelijkheden gewoon niet goed werken binnen dit Joomla 3.0 design. Kort overzicht van mijn pogingen:</p><ol><li>Plugin: easylikeandshare2.99, gratis optie, ik mis Facebook, layout past niet.</li><li>Plugin: plg_itpsocialbuttons_v2.0-J2.5 en plg_itpsharepoint_v1.4-J2.5, veel te ingewikkeld of het werkt gewoon niet. Lijkt er leuk uit te zien, veel opties, maar probleem zit in "advanced options" waar aangegeven moet worden binnen welke component plugin geactiveerd moet worden. Welke opties ik ook probeer, er wordt niets zichtbaar.</li><li>Module: joomla-twitter-module-v-1, installatie fout.</li><li>Plugin: plg_socialsharebuttons_v1.1-J25. Die blijkt direct te werken.</li></ol>AI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-86423028077420146152013-02-11T05:37:00.000-08:002013-04-05T00:52:03.272-07:00Vindbaarheid in Google? gewoon hard werken.Vandaag zit ik wat te mopperen. Dat werken aan websites is vermoeiend. En dan heb je niets aan aanbiedingen als "49 Euro per maand en gegarandeerd boven aan in Google". Nee beste mensen zo werkt dat niet.<br/><br/>Of? Ja mogelijk werkt dit wel zo. Je betaalt iemand (in Pakistan of India meestal) en die stopt je professionele website in een zeer onprofessioneel online tool als "backlink builder" en het is mogelijk dat er tijdelijke winst behaald lijkt te worden. Maar het zal niet lang duren of ook uw website (na de website van enkele zeer gerenommeerde bedrijven) door Google gestraft wordt en helemaal niet meer vindbaar is. Los daarvan: u wilt niet door iedereen gevonden worden. U wilt gevonden worden door potentiele klanten. En daarvoor moet er gewerkt worden.<br/><br/>In deze korte blogpost geen overzicht van alles dat u zou moeten doen. Nee, wel een kort overzicht van alles dat ik doe om een website op de juiste wijze vindbaar te laten zijn. Als voorbeeld: <a href="http://www.decmsmeester.nl">www.decmsmeester.nl</a> hoeft niet vindbaar te zijn op allerlei dubieuze websites om zo ook gevonden te worden in Google. Ja, mogelijk staat de verwijzing naar <a href="http://decmsmeester.nl">decmsmeester.nl</a> bovenaan in Google. Maar de volgende 3 vragen zijn hierbij belangrijk:<br/>1) De vraag wie die bovenste plaats gaat vinden. Degene die "crack, free, download, hack, backlink creator" intikt of degene die "Joomla, advies, Wordpress, CMS" intikt.<br/>2) Vraag 2: <a href="http://decmsmeester.nl">decmsmeester.nl</a> staat bovenaan voor Joomla, advies, Wordpress, CMS, dan is de vraag welke link van <a href="http://decmsmeester.nl">decmsmeester.nl</a> bovenaan staat. De homepagina of de link op <a href="http://freewhatisforbiddenandwrong.com">freewhatisforbiddenandwrong.com</a> ?<br/>3) De derde vraag die belangrijk is: welke andere websites staan vlak boven of vlak onder deze verwijzing naar <a href="http://decmsmeester.nl">decmsmeester.nl</a>? Want: als bedrijf moet je er voor oppassen in welk gezelschap je gevonden wordt. Kijk even hieronder op de afbeelding. <a href="http://decmsmeester.nl">decmsmeester.nl</a> staat bovenaan, voor de zoekwoorden Joomla, Wordpress, advies en CMS, in gezelschap van twee gelijkwaardige web bureau's. Prima gezelschap. Dat geeft aan dat deze website vindbaar is voor de juiste bezoekers.<br/><a href="http://dewebmeester.files.wordpress.com/2013/02/joomla-wordpress-advies-cms.png"><img class="alignnone size-full wp-image-578" alt="" src="http://dewebmeester.files.wordpress.com/2013/02/joomla-wordpress-advies-cms.png" width="570" height="353" /></a><br/><br/>Voor de duidelijkheid: dit was niet mogelijk geweest via een advertentie truuk en een gratis online backlink creator. Ook niet als u daar 49 Euro per maand voor betaald aan een vage Indiër of Pakistaan. Wel als u heel veel tijd gaat geven aan:<br/>1) Het schrijven van een eigen blog over een topic waar u wat van af weet en wat ook het thema is van uw website natuurlijk.<br/>2) Als u samenwerkt met andere eerlijke bedrijven die graag op de juiste wijze gevonden willen worden op internet en waar u een verwijzing naar uw website kunt organiseren.<br/>3) Als u wekelijks de content van uw website aanpast en up to date houdt.<br/>4) Als u een duidelijk SEO rapport laat opstellen en dat laat uitwerken door <a href="http://dewebmeester.nl">dewebmeester.nl</a><br/>5) Als u uw Google analytics account en gegevens bijhoudt en onderhoudt.<br/>6) Als u bereid bent toch die 49 Euro per maand te betalen aan dewebmeester.nl om zo punten 1 tot en met 5 grotendeels uit handen te geven. Vraag info@dewebmeester.nlAI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-38681672260702689102013-02-10T14:47:00.000-08:002013-04-05T00:52:03.265-07:00Importeren van groot aantal producten in Virtuemart 2.0 via export
vanuit Virtuemart 1.1[caption id="" align="alignleft" width="300"]<a href="http://commons.wikipedia.org/wiki/File:Virtuemart_slogan_blue.png" target="_blank"><img class="zemanta-img-inserted zemanta-img-configured" title="English: VirtueMart Logo with slogan" alt="English: VirtueMart Logo with slogan" src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Virtuemart_slogan_blue.png/300px-Virtuemart_slogan_blue.png" width="300" height="89" /></a> English: VirtueMart Logo with slogan (Photo credit: Wikipedia)[/caption]<br/><br/>Het is gelukt: een groot aantal producten plaatsen binnen een nieuwe Virtuemart webwinkel via het importeren van een enkele database bestand. Even kort: Virtuemart is het meest bekende webwinkel systeem (ecommerce solution) van Joomla. En we zijn er inmiddels aan gewend dat Joomla van het ene systeem op het andere overstapt (van 1.5, 1.7 naar 2.5 en direct door naar 3.0) en zo heeft Virtuemart dat ook eenmaal gedaan: de stap van 1.1 naar 2.0 Dus mocht een uitgebreide webwinkel hebben in Virtuemart en u wilt upgraden naar versie 2.0 dan is deze blogpost mogelijk interessant.<br/><br/>Mijn wens was niet om te upgraden. Ik was gewoon bezig een nieuwe Joomla / Virtuemart website te maken en ben ook daarover een blogpost begonnen. <a title="Icetheme template en e-store Virtuemart getest" href="http://dewebmeester.wordpress.com/2013/02/06/icetheme-template-en-e-store-virtuemart-getest/" target="_blank">Kijk hier</a>. Het uitgangspunt is een template van icetheme: store4. Na de installatie ziet de website er wel mooi uit maar de inhoud komt dan natuurlijk totaal niet overeen met de gewenste inhoud. Omdat het een nieuwe website betreft, gaat het in dit geval om een Joomla 2.5.9 website met Virtuemart 2.0.18. Mijn oude website daarentegen is dan wel een Joomla 1.5 website met Virtuemart 1.1.9, maar die zit wel vol met designs en producten die ik ook werkelijk te beiden heb. De nieuwe website is te vinden via: <a href="http://www.detemplatewinkel.nl" target="_blank">http://www.detemplatewinkel.nl</a> (het actuele resultaat) en de oude via <a href="http://www.cheap-web.nl/" target="_blank">http://www.cheap-web.nl/ (ook een resultaat).</a><br/><br/><strong>Wat heb ik geprobeerd wat niet werkte?</strong><br/><br/>Niet onbelangrijk: opschrijven wat niet lukte zodat ik in de toekomst geen zaken onnodig dubbel ga uittesten.<br/><ul><br/> <li>De component "Import images as products" waar ik eerst nog zo enthousiast over was. <a title="Snel plaatsen producten Virtuemart: import images component" href="http://dewebmeester.wordpress.com/2012/04/05/snel-plaatsen-producten-virtuemart-import-images-component/" target="_blank">Kijk daarvoor hier.</a> Maar nee, de component blijkt veel bugs te hebben en gewoon niet te werken zoals ik wil. Kijk hier voor mijn forum berichten hierover: <a href="http://joomdonation.com/79-virtuemart-import-images-as-products/25066-more-bugs-joomla-1.5-and-joomla-2.5.html" target="_blank">http://joomdonation.com/79-virtuemart-import-images-as-products/25066-more-bugs-joomla-1.5-and-joomla-2.5.html</a>. Toch zal ik een mogelijkheid moeten vinden om snel een aantal producten toe te voegen aan mijn nieuwe webwinkel. Handmatig werken is veel te tijdrovend en dat zal voor velen van ons gelden. Na drie dagen proberen en testen zie ik af van het gebruik van deze component.</li><br/> <li>De component CSVi die door velen wordt aangeraden. Ja, als je gaat zoeken op Google naar "importeren van producten in Virtuemart" dan kom je zeker ook deze component tegen. Geen goede component? Vast wel maar veel te ingewikkeld in mijn situatie. Want: ik wil dus producten vanuit een Virtuemart 1.1 exporteren en importeren in Virtruemart 2.0</li><br/> <li>Dat leidt me tot het idee (ja, ik weet het is "de idee" maar 90% van Nederland is het met mij eens dat dit niet klinkt en dus moet het "het idee"worden" volgens mij), het idee, om te werken met phpmyadmin. Wat NIET werkt is direct exporteren en vervolgens importeren. Ja, dit werkt prima, maar er komen zo alleen geen nieuwe producten in de nieuwe webwinkel. Want: de tabellen van Virtuemart 1.1 zijn anders dan de tabellen van Virtuemart 2.0</li><br/></ul><br/><strong>Wat werkt wel</strong><br/><ul><br/> <li>Wat mogelijk blijkt te zijn (en dat was nieuw voor mij) is om Virtuemart 1.1 te upgraden naar 2.0. Gewoon via een patch. Maar belangrijk is om eerst: 1) alle Virtuemart plugins en modules te deinstalleren en 2) de oude Virtuemart mappen in administrator/components en components/ te hernoemen of te verwijderen. Vervolgens installeer ik de patch evenals de aio upgrade patch.</li><br/> <li>Daarna ga ik naar het nieuwe Virtuemart control panel via componenten (fouten negeren, gewoon doorgaan) en daar ben ik al in Virtuemart 2.0 aangekomen. De oude website heeft inmiddels zijn layout wel verloren. maar daarvoor later aandacht. Via Configuration en Shop vink ik "Enable database Update tools" aan en ga vervolgens naar Tools en Tools&Migration en klik op Migration. Ik pas niets aan en klik direct op Start migration en zo worden er automatische nieuwe database tabellen aangemaakt die een Virtuemart 2.0 structuur hebben maar de oude inhoud van de Virtuemart 1.5 website.</li><br/> <li>En nu ga ik fluitend naar phpmyadmin, zoek deze oude database op, selecteer de nieuwe jos_virtuemart tabellen en exporteer deze allemaal in 1 sql bestand naar mijn computer. Vervolgens ga ik naar de database (via phpmyadmin) van de nieuwe website en importeer dit sql bestand in de nieuwe database. Resultaat: nog steeds niets. Logisch.</li><br/> <li>Want jos_ is niet de tabel prefix van de nieuwe Joomla 2.5 installatie. Laten we zeggen dat die thgk_ is. Ik selecteer alle thgk_virtuemart_ tabellen, scroll naar beneden en kies voor "add prefix". Die tabellen blijven nu bestaan maar worden voor de website niet gelezen. Ik selecteer vervolgens alle jos_virtuemart_ tabellen die ik heb geimporteerd en kies voor "change prefix" en verander jos_ in thgk_ ; resultaat? Alle categorieen en producten van de oude Joomla 1.5 website worden nu getoond in de nieuwe Joomla 2.5 website.</li><br/> <li>Nee, nu ben ik nog niet klaar. Belangrijk is om alle productafbeeldingen via Filezilla van de oude naar de nieuwe website te verplaatsen en dat binnen de mappen onder images/stories/virtuemart en vervolgens klik ik binnen Tools&migration op "synchroniseer alle media met Virtuemart". En dan worden alle afbeeldingen ook netjes getoond.</li><br/></ul><br/>Nawoord: Mooi, bijna te mooi om waar te zijn en eigenlijk makkelijker dan ik dacht. Maar: mijn oude website wilde ik niet weggooien en nog even gebruiken (www.cheap-web.nl) en de layout is aardig in de war gegooid. Ik heb nu twee opties: 1) alle Virtuemart 1.1 modules upgraden naar Virtuemart 2.0 modules en die activeren op de juiste plaats en 2) een backup terugplaatsen. Ik kies voor optie 1 en zo heb ik onverwacht, als neveneffect van mijn test, mijn oude website geupgrade naar Virtuemart 2.0. Dat ging niet vanzelf want een aantal belangrijke Virtuemart 1.1 modules kenden geen broertje in de 2.0 versie. Maar dat heeft mijn abonnement bij Joomlaxtc opgelost. Daar hadden ze de benodigde modules gelukkig wel.<br/><br/>[caption id="" align="alignleft" width="195"]<a href="http://www.flickr.com/photos/27545167@N00/3311916506" target="_blank"><img class="zemanta-img-inserted zemanta-img-configured" title="Joomla! E-commerce with VirtueMart" alt="Joomla! E-commerce with VirtueMart" src="http://farm4.static.flickr.com/3553/3311916506_5c43edbf77_m.jpg" width="195" height="240" /></a> Joomla! E-commerce with VirtueMart (Photo credit: suhreed)[/caption]<br/><h6 class="zemanta-related-title" style="font-size:1em;">Related articles</h6><br/><ul class="zemanta-article-ul"><br/> <li class="zemanta-article-ul-li"><a href="http://www.daniweb.com/internet-marketing/ecommerce/threads/444765/virtuemart-development-hire-experienced-developers" target="_blank">Virtuemart Development- Hire Experienced Developers</a> (daniweb.com)</li><br/> <li class="zemanta-article-ul-li"><a href="http://www.daniweb.com/web-development/php/threads/445688/free-extension-for-virtuemart" target="_blank">Free extension for Virtuemart</a> (daniweb.com)</li><br/> <li class="zemanta-article-ul-li"><a href="http://newsagainstweb.wordpress.com/2012/12/21/the-diversity-of-different-e-commerce-extensions-for-joomla/" target="_blank">The Diversity Of Different E-Commerce Extensions For Joomla</a> (newsagainstweb.wordpress.com)</li><br/></ul>AI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-27224138917338764252013-02-08T04:56:00.000-08:002013-04-05T00:52:03.260-07:00Eenvoudige html / css aanpassing: toevoegen rechterkolomVandaag even wat eenvoudigs wat toch vaak nog als ingewikkeld wordt gezien: het invoegen van een extra kolom in een html webpagina. Ik ga er hierbij vanuit dat de layout van de pagina wordt bepaald door een externe style sheet (ccs file). Mocht dit niet zo zijn dan moet dat eerst worden aangepast om de website aan enige standaard te laten voldoen. Ik hoop vandaag wat extra tips te kunnen meegeven wat betreft het gebruik van het gratis html en website edit programma: Kompozer waar ik eerder al over geschreven heb. Aanpassen worden gedaan binnen de website van <a href="http://www.dewebmeester.nl">www.dewebmeester.nl</a> op de pagina: <a href="http://www.dewebmeester.nl/joomla-design.html">http://www.dewebmeester.nl/joomla-design.html</a><br/><br/><strong>Stap 1: de aanwezige css stijlen bekijken</strong><br/>Voordat ik aan de stylsheet (het css bestand) iets wil toevoegen, wil ik weten welke stijl definities er al aanwezig zijn. Bijvoorbeeld: ik wil aan een pagina van de website <a href="http://www.dewebmeester.nl">www.dewebmeester.nl</a> een rechterkolom toevoegen. Ik bekijk eerst de website in de browser en blader wat door de pagina's. Nee, op geen enkele pagina is een rechterkolom te vinden. De kans is dus groot dat er nog geen stijl definitie bestaat voor "rechter kolom". Vervolgens open ik de homepagina in het programma "Kompozer" en rechtsboven zien we "CascadeS" en daar moeten we op klikken.<br/><a href="http://dewebmeester.files.wordpress.com/2013/02/kompozer-menubalk.png"><img src="http://dewebmeester.files.wordpress.com/2013/02/kompozer-menubalk.png" alt="" width="570" height="108" class="alignnone size-full wp-image-556" /></a><br/><br/>Links zien we dan een overzicht van alle gebruikte css files binnen het design en we kunnen daar snel door alle aanwezige stijldefinities wandelen. Mijn doel is te achterhalen of er een stijldefinitie is die precies weergeeft wat ik nodig heb of dat er een stijl is die bijne weergeeft wat ik wil. Ik vind de stijl voor de linkerkolom het beste passen. Die stijl wil ik ook voor de rechterkolom.<br/><br/><strong>Stap 2: aanpassen css file (stijl sheet)</strong><br/>Dit doe ik het liefste via Filezilla en Notepad+. Ik open de css file via Filezilla in Notepad+ en zoek de verwijzing voor de linkerkolom op. Dat is:<br/><br/><blockquote> #navlist { float: left; width: 170px; margin-top: 30px; margin-left: 5px;}<br/></blockquote><br/>Vervolgens kopieer ik dit gedeelte, plak het er onder en pas de gegeven aan. Dit wordt:<br/><br/><blockquote> #navlist2 { float: right; width: 170px; margin-top: 30px; margin-left: 5px;}<br/></blockquote><br/><br/>Daarna ververs ik de pagina in de browser om te kijken wat er is veranderd. Als het goed is niets. Want de html is nog niet aangepast.<br/><br/><strong>Stap 3: aanpassen html</strong><br/>Terug naar Kompozer waar ik de pagina al open heb staan. Ik bekijk waar ik de rechterkolom wil plaatsen. De linkerkolom wordt weergegeven via <div id="navlist"></div> en de rechterkolom dus via <div id="navlist2"></div>. Als ik die plaats direct na de afsluitende </div> van de linkerkolom, dan wordt de rechterkolom netjes rechts weergegeven maar dan verplaatst de content zich naar beneden. Hoe weet ik dat? Omdat Kompozer direct een live preview toont. Deze rechterkolom div's moeten dus na de afsluitende </div> van de content geplaatst worden. Hoe vind ik die. Daartoe kopieer ik de complete html naar Notepad+ en sla ik de tekst op als html pagina. Notepad+ geeft namelijk kleurcodes en dat mis ik bij Kompozer. Oftewel: als ik klik op de openings <div content> in Notepad+ dan geeft een paarse kleur direct aan waar de afsluitende </div> zich bevindt. Makkelijk. In dit geval blijkt het de middelste van de laatste 5 afsluitenden </div> te zijn (zie afbeelding):<a href="http://dewebmeester.files.wordpress.com/2013/02/divs-kleurcode-notepad.png"><img src="http://dewebmeester.files.wordpress.com/2013/02/divs-kleurcode-notepad.png" alt="" width="198" height="258" class="alignnone size-full wp-image-555" /></a><br/><br/>Kortom: na deze </div> komt <div id="navlist2">Hier komt de rechterkolom</div> En: nee! Toch niet. De rechterkolom wordt nu zichtbaar rechts van de linkerkolom maar links van de content. Opnieuw helpt Kompozer. Via de HTML tag view. Uiteindelijk plaats ik de rechterkolom code (div) voor de code van de linkerkolom. In Kompozer ziet het er dan niet goed uit (de aangepaste stijl sheet werd tenslotte niet opnieuw geladen) maar na Publish en verversen van de browser zie ik rechts van de content de (nog niet opgemaakt) tekst "Hier komt de rechterkolom".<br/><br/>Toch niet zo makkelijk als we dachten.<br/>Tot zover de Kompozer en Notepad+ hints.AI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-27458037929567110632013-02-06T04:12:00.000-08:002013-04-05T00:52:03.250-07:00Icetheme template en e-store Virtuemart getestGisteren en vandaag ben ik bezig een design template van <a href="http://icetheme.com">icetheme.com</a> aan te passen. Installatie met de quickstart is prima gegaan. Demonstratie illustraties worden niet geleverd. Het ziet er dus wat kaal uit. Het betreft template "IT-Thestore4" met een mooie Zoom functie die ik graag wil gebruiken binnen een eigen template winkel. Zo kunnen de klanten inzoomen op het design en tot in de pixel kijken wat ze krijgen. De website wordt geinstalleerd en verder ontworpen op <a href="http://www.detemplatewinkel.nl">www.detemplatewinkel.nl</a><br/><br/><strong>De banner, header, slider oftewel: Iceslideshow module</strong><br/>De header van dit design bestaat uit een slider. Dat is de iceslideshow module te vinden in module beheer. Achteraf is het altijd makkelijk praten en zo ook in dit geval. Het klinkt mogelijk wat makkelijker dan het in werkelijkheid is om deze banner slider aan te passen aan eigen wensen. Het vinden van de module in module beheer is niet moeilijk als je weet van welk type het is: iceslideshow. Openen van de module leert ons dat de module (de slider) twee types afbeeldingen kan laden: direct vanaf een file of de afbeeldingen uit content. Bij deze laatste optie kunnen we kiezen om artikelen uit een bepaalde categorie te vertonen of om bepaalde artikel ID's te vertonen. Bij deze template is standaard gekozen voor "file". Maar waar zijn die files te vinden? Firebug helpt. De afbeelingen zitten in de folder images/icethumbs/600x280/95/images/sampledata/iceslideshow ; Daar ben je mooi klaar mee. Dat wordt bladeren binnen Filezilla. Daar blijkt dat alle afbeeldingen in .jpg formaat zijn en dat bij plaatsen van afbeeldingen in .png formaat in deze folder, ze niet zichtbaar worden binnen de module opties. Ik laat het erbij en ga de optie "content" uittesten.<br/>Stappenplan:<br/>1) extra categorie aanmaken in artikelbeheer<br/>2) 5 afbeeldingen van de juiste afmetingen maken<br/>3) 5 artikelen aanmaken binnen de categorie en deze 5 afbeeldingen gebruiken<br/>4) binnen modulebeheer aangeven dat deze nieuwe categorie afbeeldingen geladen moet worden.<br/>Dat werkt prima. Afbeelding wordt netjes weergegeven. Ik ben niet direct tevreden over het zoomeffect maar dat is nog aan te passen. De titel van artikel is titel (clickable) van de slider. BIj klikken op de titel wordt het artikel geopend (binnen de homepagina waar ik niet blij mee ben omdat ik niet wil dat die slider getoond wordt als iemand gewoon dit artikel wil lezen. Maar dat pas ik later aan).AI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com1tag:blogger.com,1999:blog-2102515587826041605.post-29557182941334871862013-02-04T04:34:00.000-08:002013-04-05T00:52:03.244-07:00Vervolg: opmaken Joomla template van joomlaxtc. Plaatsen van html
blokken.In mijn <a title="Test: Joomlaxtc templates. Start: Template “Motif”" href="http://dewebmeester.wordpress.com/2013/01/29/test-joomlaxtc-templates-start-template-motif/">vorige blogpost over dit thema</a> heb ik aandacht gegeven aan de module blokken op de voorpagina van template "Motif" van www.joomlaxtc.com. Vandaag ga ik proberen om via het invoegen van html blokken formulieren te plaatsen binnen dit design. Ik gebruik daartoe de nieuwe website van een nieuw concept van dewebmeester.nl: Gratis test hosting via <a href="http://www.123web.be" target="_blank">www.123web.be</a> (ja ook in Belgie is <a href="http://www.dewebmeester.nl" target="_blank">dewebmeester.nl</a> actief en daar heten we natuurlijk <a href="http://www.dewebmeester.be" target="_blank">dewebmeester.be</a>). Ik wil dat de bezoeker aan 123web.be makkelijk zichzelf kan aanmelden voor deze gratis hosting. Over het hoe en waarom van gratis hosting ga ik een extra blog post schrijven.<br/><br/><strong>Doel:</strong> via html een formulier plaatsen binnen een Joomla template.<br/><br/><strong>Uitwerking:</strong> dit blijkt prima te werken via artikelbeheer. Ik kies een artikel uit of maak een nieuw artikel aan en kies na het openen van het artikel in een editor voor "toggle editor" zodat de html code van het artikel getoond wordt. Vervolgens plak ik gewoon het hele html formulier (encrypted javascript formulier) binnen deze code en sla het artikel op. Het resultaat is heel erg goed. De css van de template wordt netjes overgenomen zodat het formulier automatisch past binnen de layout van de template. Het resultaat is te bekijken via: <a href="http://123web.be/index.php/gratis-hosting" target="_blank">http://123web.be/index.php/gratis-hosting</a><br/><br/>Conclusie: het is niet altijd nodig om externe modules of componenten te installeren. Vaak kunnen wensen worden uitgewerkt door de code van de applicatie direct te plaatsen binnen dit design. Dit zal overigens niet het geval zijn voor elk Joomla design. Voor dit "bootstrapped" geoptimaliseerde design van Joomlaxtc geldt dit blijkbaar wel.<br/><br/>[caption id="" align="alignleft" width="300"]<a href="http://commons.wikipedia.org/wiki/File:Joomla_structuur.gif" target="_blank"><img class="zemanta-img-inserted zemanta-img-configured" title="Visualisering van de structuur van het Open So..." alt="Visualisering van de structuur van het Open So..." src="http://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Joomla_structuur.gif/300px-Joomla_structuur.gif" width="300" height="246" /></a> Visualisering van de structuur van het Open Source Content Management Systeem Joomla!. Gebruikt voor toelichting bij het artikel van joomla. Zelgemaakte afbeelding (Photo credit: Wikipedia)[/caption]<br/><br/>Hier een afbeelding van een standaard opbouw van een Joomla website. In dit voorbeeld heb ik "inhoud" gebruikt om binnen "template" een formulier zichtbaar te maken op "website". Dat kan ook via "Component" (formulieren component) of "Module" of "Mambot" (antieke term voor moderne term "Plugin").<br/><br/><strong>Aanvulling: formulier functionaliteit wordt uitgeschakeld door Joomla editor (JCE) en door Joomla 3.0; de oplossing</strong><br/><br/>Excuses: het verhaal hierboven klinkt te makkelijk. Ja het klopt, het formulier werd mooi weergegeven volgens de css (style sheet) van het Joomla template. Maar dat betekent niet dat het formulier ook werkt. Zoals zo vaak bij invoegen van code (javascript of anders) via de editor (content, artikel of module), wordt de code gestript na klikken op "opslaan" en soms is dit niet zichtbaar (zoals in dit geval).<br/><br/>Oplossing: een oplossing is om een extra module te installeren die is ontworpen om deze code te behouden. Voorbeelden zijn te vinden via deze link:<br/><br/><a href="http://extensions.joomla.org/extensions/core-enhancements/coding-a-scripts-integration/custom-code-in-modules" target="_blank">http://extensions.joomla.org/extensions/core-enhancements/coding-a-scripts-integration/custom-code-in-modules</a><br/><br/>Ik gebruik voor mijn formulier de "<a href="http://extensions.joomla.org/extensions/core-enhancements/coding-a-scripts-integration/custom-code-in-modules/15251" target="_blank">Flexi Custom Code</a>", installeer de module en plaats het formulier script binnen deze module. Maar: ik wil dit formulier binnen een artikel tonen! Geen probleem. Daarvoor dient "Modules Anywhere" van "NoNumber" waarmee in "no time" elke module binnen elk willekeurig artikel geplaatst kan worden. Ik doe dat ook en het lijkt te werken. Kijk hier voor het formulier (waarmee gratis hosting van dewebmeester.nl besteld kan worden):<br/><br/><a href="http://123web.be/index.php/gratis-hosting" target="_blank">http://123web.be/index.php/gratis-hosting</a><br/><h6 class="zemanta-related-title" style="font-size:1em;">Related articles</h6><br/><ul class="zemanta-article-ul"><br/> <li class="zemanta-article-ul-li"><a href="http://teacherlingo.com/blogs/psd_to_joomla_services1/archive/2013/01/27/psd-to-joomla-the-most-sought-after-among-the-clients.aspx" target="_blank">PSD to joomla the most sought after among the clients</a> (teacherlingo.com)</li><br/> <li class="zemanta-article-ul-li"><a href="http://designshack.net/design/a-t-o-m-responsive-multipurpose-joomla-theme" target="_blank">Design Inspiration: A-T-O-M | Responsive Multipurpose Joomla Theme</a> (designshack.net)</li><br/> <li class="zemanta-article-ul-li"><a href="http://www.prweb.com/releases/prwebjoomla-hosting-reviews/site-redesign/prweb10293483.htm" target="_blank">Joomla Hosting Reviews Announces Redesigned Responsive Website</a> (prweb.com)</li><br/> <li class="zemanta-article-ul-li"><a href="http://www.ostraining.com/blog/joomla/25-3-upgrade-check/" target="_blank">The New Joomla 2.5 to 3 Pre-update Check</a> (ostraining.com)</li><br/></ul>AI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-21603494504835562252013-01-29T15:58:00.000-08:002013-04-05T00:52:03.234-07:00Test: Joomlaxtc templates. Start: Template "Motif"<a href="http://www.joomlaxtc.com" target="_blank">Joomlaxtc.com</a> is een gerenommeerde <a class="zem_slink" title="Joomla" href="http://www.joomla.org/" target="_blank" rel="homepage">Joomla</a> template club die de laatste jaren ook gespecialiseerd is in <a class="zem_slink" title="WordPress" href="http://wordpress.org" target="_blank" rel="homepage">Wordpress</a> themes. Daarnaast kent deze Joomla club ook een extensies club. Elk Joomla design is een apart verhaal. Ja er zijn overeenkomsten maar de verschillende verdienen aandacht. Zeker de verschillen tussen verschillende templates van verschillende template clubs. De templates van joomlashack.com zien er niet alleen heel anders uit dan de templates van icetheme.com of joomlaxtc.com, ze zijn ook compleet anders opgebouwd.<br/><br/>Dit lijkt mogelijk vreemd. Een template is toch slechts een onderdeel van het hele Joomla pakket? Nee, de template, het design, bepaalt waar welke modules gepubliceerd worden. De template bepaalt hoe het functioneren van de componenten aan de voorkant zichtbaar gemaakt kan worden. Kortom: iedere keer als een klant een bestelling doet bij dewebmeester.nl en iedere keer dat een bepaalde Joomla template deel uitmaakt van de bestelling, dan moeten we ons eerst goed verdiepen in de de volgende vragen: hoe is de template opgebouwd? Via welke modules worden welke artikelen zichtbaar gemaakt? Welke teksten worden via artikelen zichtbaar gemaakt en welke teksten via modules? Welke afbeeldingen zijn onderdeel van een module, welke van een artikel en welke van de template code?<br/><br/>Binnen dit blog (<a href="http://www.dewebhulp.nl" target="_blank">www.dewebhulp.nl</a> ) veel aandacht voor veel templates van veel Joomla template clubs. Ja, ik heb dus nog wat te doen. Laat ik dan maar direct beginnen. Ik begin met de laatst uitgegeven template van Joomlaxtc: "Motif".<br/><br/>[caption id="attachment_473" align="alignleft" width="270"]<a href="http://dewebmeester.files.wordpress.com/2013/01/motif_50e232cdd7300.jpg"> <img class="size-full wp-image-473 " title="Joomla template "Motif" van joomlaxtc template club" alt="Joomla template "Motif" van joomlaxtc template club" src="http://dewebmeester.files.wordpress.com/2013/01/motif_50e232cdd7300.jpg" width="270" height="908" /></a> Template wordt geleverd samen met alle bestanden die nodig zijn om na installeren van de template, de website er precies zo uit te laten zien als in deze afbeeling[/caption]<br/><br/>Dit template is te verkrijgen in de Joomla 2.5 en Joomla 3.0 versie. Ik besluit als eerste de Joomla 2.5 versie te installeren en die is voorlopig te vinden op: <a href="http://decmsmeester.nl/joomlaxtc/joomla/motif2.5/" target="_blank">http://decmsmeester.nl/joomlaxtc/joomla/motif2.5/</a><br/><br/>Als eerste ga ik in de backend (/administrator) op zoek naar de drie blokken, het bruine, het donkerroze en het blauwe blok. Dat zijn modules en nee, het is slechts 1 module. Van het type "JoomlaXTC Deluxe News Pro". Mooi, denk ik dan, die module hebben we maar vast. Bij openen van de module via modulebeheer (module bevindt zich op positie user 13), wordt duidelijk dat er binnen deze module artikelen geladen worden uit een bepaalde content categorie. Die artikelen vinden we dus onder artikelenbeheer (binnen categorie "Joomla content"). Daar vinden we echter wel wat meer dan 3 artikelen. Bij refresh van de pagina krijg ik dezelfde artikelen te zien op de voorpagina. Er is dus niet sprake van een wisselen van de artikelen. Bij uitschakelen (depubliceren of deactiveren) van het eerste artikel (herkenbaar aan de titel, en altijd via "zoeken" in artikelbeheer te vinden), krijgen we wel een ander artikel te zien na "refresh". De module blijkt te bepalen welke artikelen er getoond worden en de standaard (demo) setting van deze template is "Joomla order" wat betekent dat eerste drie artikelen (id 1,2 en 3 bijvoorbeeld) getoond worden en de rest niet. Conclusie: mooie optie om snel van voorpagina inhoud te kunnen wisselen en altijd actuele inhoud te kunnen bieden aan de bezoekers. Morgen verder.<br/><h6 class="zemanta-related-title" style="font-size:1em;"></h6><br/><h6 class="zemanta-related-title" style="font-size:1em;"></h6><br/><h6 class="zemanta-related-title" style="font-size:1em;"></h6><br/><h6 class="zemanta-related-title" style="font-size:1em;"></h6><br/><h6 class="zemanta-related-title" style="font-size:1em;"></h6><br/><h6 class="zemanta-related-title" style="font-size:1em;"></h6><br/><h6 class="zemanta-related-title" style="font-size:1em;"></h6><br/><h6 class="zemanta-related-title" style="font-size:1em;">Related articles</h6><br/><ul class="zemanta-article-ul"><br/> <li class="zemanta-article-ul-li"><a href="http://newsagainstweb.wordpress.com/2013/01/29/joomla-development-the-advantages-and-disadvantages-in-cms-features/" target="_blank">Joomla Development: The Advantages and Disadvantages in CMS Features</a> (newsagainstweb.wordpress.com)</li><br/> <li class="zemanta-article-ul-li"><a href="http://www.heartinternet.co.uk/blog/2013/01/important-prevent-your-joomla-site-being-hacked/" target="_blank">Important: Prevent your Joomla! site being hacked</a> (heartinternet.co.uk)</li><br/> <li class="zemanta-article-ul-li"><a href="http://www.sitepoint.com/wordpress-v-joomla-the-infographic/" target="_blank">WordPress v Joomla: The Infographic</a> (sitepoint.com)</li><br/> <li class="zemanta-article-ul-li"><a href="http://prasadprechu.wordpress.com/2013/01/21/25-high-quality-premium-responsive-cms-joomla-templates/" target="_blank">25 High Quality Premium Responsive CMS Joomla Templates</a> (prasadprechu.wordpress.com)</li><br/> <li class="zemanta-article-ul-li"><a href="http://www.ostraining.com/blog/joomla/25-3-upgrade-check/" target="_blank">The New Joomla 2.5 to 3 Pre-update Check</a> (ostraining.com)</li><br/></ul>AI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com1tag:blogger.com,1999:blog-2102515587826041605.post-70874086621511904562013-01-29T10:06:00.000-08:002013-04-05T00:52:03.229-07:00Online uitpakken (unzip) op eigen server<blockquote>Probleem (uitdaging): Ik wil een website installeren op een online server en de ontwerper stuurt een compleet .zip bestand. Prima. Ik kan dit gaan uitpakken, alle bestanden uploaden en verdere aanpassingen doen. Maar dit uploaden kan zo maar een half uur duren omdat een complete Joomla installatie inclusief design en extensies meer dan 10.000 files kunnen bevatten. Filezilla is daar we even mee bezig. Ik wil snel omdat ik bijvoorbeeld liever tien demonstratie websites installeer in plaats van een half uur te wachten op Filezilla.</blockquote><br/><strong>Mogelijkheid 1: gebruik de uitpak functies van hosting account</strong><br/><br/>[caption id="" align="alignright" width="250"]<a href="http://www.crunchbase.com/service-provider/cpanel-inc" target="_blank"><img class="zemanta-img-inserted zemanta-img-configured" title="Image representing cPanel Inc as depicted in C..." alt="Image representing cPanel Inc as depicted in C..." src="http://www.crunchbase.com/assets/images/resized/0007/4946/74946v2-max-250x250.png" width="250" height="61" /></a> Image via CrunchBase[/caption]<br/><br/>Cpanel of andere admin panels van een hosting account hebben bijna altijd wel deze ingebouwde functie. De uitpak (unarchive) functie zit bij sommigen verstopt in de filemanager maar ik zie ook wel eens een aparte "Archive Gateway". Dat werkt meestal wel redelijk. Maar vandaag niet.<br/><br/><strong>Mogelijkheid 2: een php script</strong><br/>En de meest simpele en erg efficiente (binnen een halve minuut waren deze 10.000 bestanden netjes uitgepakt op de server en ik hoefde dus alleen het .zip bestand te uploaden) is: <a href="http://www.phoca.cz/phoca-server-unzip">http://www.phoca.cz/phoca-server-unzip</a> , de unzip tool van Phoca. Ik kende Phoca van Phocagallery voor Joomla en dat is een prima gallery tool. En deze unzip tool blijkt ook prima te werken. Nee, niet direct. De map (tool_phoca_server_unzip) met de paar bestandjes moeten worden geupload naar de server binnen de map waar ook het .zip bestand zich bevindt. Vervolgens surf ik met Firefox naar deze map (<a href="http://www.mijnwebsite.nl/mapmetzipbestand/tool_phoca_server_unzip/">http://www.mijnwebsite.nl/mapmetzipbestand/tool_phoca_server_unzip/</a> ) en ik krijg een aantal errors. Waarom? Geen idee. Ik pas wat permissies aan via Filezilla en schoon de cache op van de browser, Ctrl F5 en de tool werkt. Hier kan ik de FTP laag inschakelen (en ondertussen zie ik dat de tool het .zip bestand al gevonden heeft) en dat doe ik niet. Ik schakel de laag uit via FTP laag = 0 en klik op "unzip". Vervolgens wacht ik een twintigtal seconden en alle bestanden worden netjes uitgepakt.<br/><br/>Tjonge dat scheelt! Bedankt Phoca voor deze GRATIS tool.<br/><br/>Ir. Meindert A. Jorna (Msc.)<br/><br/>Savornin Lohmanstraat 45<br/><br/>6702BN Wageningen<br/><br/>☎ 0317 795149<br/><br/>Mob. 06 412 86716<br/><br/>☒ info<br/><br/><a href="http://www.dewebmeester.nl">www.dewebmeester.nl</a><br/><br/>My profiles: <a href="http://www.facebook.com/profile.php?id=100001214015149"><img alt="facebook.png" src="https://s3.amazonaws.com/images.wisestamp.com/facebook.png" width="16" height="16" /></a> <a href="http://www.facebook.com/profile.php?id=100001214015149">Facebook</a> <a href="http://www.linkedin.com/pub/meindert-jorna/12/497/612"><img alt="linkedin.png" src="https://s3.amazonaws.com/images.wisestamp.com/linkedin.png" width="16" height="16" /></a> <a href="http://www.linkedin.com/pub/meindert-jorna/12/497/612">LinkedIn</a> <a href="http://www.flickr.com/cheap-web"><img alt="flickr.png" src="https://s3.amazonaws.com/images.wisestamp.com/flickr.png" width="16" height="16" /></a> <a href="http://www.flickr.com/cheap-web">Flickr</a> <a href="http://twitter.com/dewebmeester"><img alt="twitter.png" src="https://s3.amazonaws.com/images.wisestamp.com/twitter.png" width="16" height="16" /></a> <a href="http://twitter.com/dewebmeester">Twitter</a><br/><br/><img alt="pixel.png?p=mozilla&v=3.11.21&t=1359477781749&u=99a41a321fc9370a" src="https://wisestamp.appspot.com/pixel.png?p=mozilla&v=3.11.21&t=1359477781749&u=99a41a321fc9370a" width="1" height="1" />AI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-39644337970997947832013-01-28T02:48:00.000-08:002013-04-05T00:52:03.223-07:00Frustratie: een simpele Facebook like button op een Wordpress websiteTjonge, wat kan iets simpels soms moeilijk te realiseren zijn. Een Facebook Like button bijvoorbeeld binnen een Wordpress website.<br/><br/>Om een Faceboot button te plaasten binnen een (gewone) website, is het aan te raden de developers versie te gebruiken die door Facebook zelf onderhouden wordt:<br/><a href="http://developers.facebook.com/docs/reference/plugins/like/">http://developers.facebook.com/docs/reference/plugins/like/</a> Makkelijk te maken en niet moeilijk te integreren. Voor een Wordpress website denk je al snel aan een kant en klare plugin of widget. Ja die zijn er genoeg: "Facebook button plugin" of "Facebook widget"of "Facebook likebox". Zie de onderstaande afbeelding:<br/><a href="http://dewebmeester.files.wordpress.com/2013/01/facebook-wordpress-plugin.png"><img class="alignnone size-full wp-image-455" alt="" src="http://dewebmeester.files.wordpress.com/2013/01/facebook-wordpress-plugin.png" width="570" height="179" /></a><br/><br/>Zo, wat is dan het probleem? Het probleem is dat het niet werkt. Of de layout is niet goed, of er wordt niets getoond of de button werkt niet. Ja, de eerstgenoemde in de afbeelding ("Facebook") lijkt te werken. Ja die werkt. Enige probleem is mogelijk dat ik even geen optie kan vinden om de button gewoon binnen een widget te laten verschijnen. Ook worden "faces"niet getoond en is het vrij ingewikkeld om de applicatie te laten werken want: er moet eerst een Facebook applicatie aangemaakt worden en gekoppeld worden aan applicatie domein etc. Het LIJKT te werken want na klikken op "like", krijgt de like button counter + 1 maar deze like is vervolgens niet terug te vinden op mijn profiel in Facebook. Dat zou toch moeten?<br/><br/>Uiteindelijk val ik weer terug op de standaard Facebook developers code: <a href="http://developers.facebook.com/docs/reference/plugins/like/">http://developers.facebook.com/docs/reference/plugins/like/</a> , maak de parameters aan en plaats gegenereerde code binnen een html widget. Ja, de button wordt netjes getoond. Nee, de button werkt niet. De send button lijkt overigens wel prima te werken. Tenminste iets. Probeer de script code van Facebook te plaatsen achter <body> tag van header.php maar dat verandert niets. Helaas. Nog steeds niet naar behoren opgelost. Maar moet nu eerst even werken aan belastingaangifte voordat ik hier mee aandacht aan kan geven. Reacties, adviezen en andere commentaren zijn gewenst.<br/><br/><strong>Aanvulling: twee problemen ontdekt</strong><br/><br/>En zo heb ik tenminste alweer twee problemen opgelost:<br/><br/>1) De Facebook pagina id was fout. Die is op zich makkelijk te vinden door naar de pagina te gaan en op de timeline foto of profiel foto te klikken. Dan verschijnt er in de browser iets als: <a href="http://www.facebook.com/photo.php?fbid=424986770863567&set=a.424986767530234.107018.139250686103845&type=1&theater" target="_blank">http://www.facebook.com/photo.php?fbid=424986770863567&set=a.424986767530234.107018.139250686103845&type=1&theater</a> waarbij het laatste getal de facebook pagina id is, in dit geval: 139250686103845<br/><br/>2) De klant blijkt nog helemaal geen Facebook pagina te hebben en zijn profiel pagina aan mij doorgegeven te hebben. Nee, voor profielpagina's kun je geen "likes"verzamelen omdat het geen pagina is. Dus wel eerst even een pagina aanmaken.<br/><br/>[caption id="" align="alignright" width="240"]<a href="http://www.flickr.com/photos/33863004@N00/2391747442" target="_blank"><img class="zemanta-img-inserted zemanta-img-configured" title="facebook logo" alt="facebook logo" src="http://farm4.static.flickr.com/3270/2391747442_eaedaa1ff4_m.jpg" width="240" height="90" /></a> facebook logo (Photo credit: marcopako )[/caption]<br/><h6 class="zemanta-related-title" style="font-size:1em;">Related articles</h6><br/><ul class="zemanta-article-ul"><br/> <li class="zemanta-article-ul-li"><a href="http://www.epiphanysolutions.co.uk/blog/how-to-add-the-facebook-like-button-to-your-website/" target="_blank">How To Add the Facebook Like Button to Your Website</a> (epiphanysolutions.co.uk)</li><br/></ul>AI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0tag:blogger.com,1999:blog-2102515587826041605.post-14722415209696015192013-01-26T12:41:00.000-08:002013-04-05T00:52:03.218-07:00Adobe Photoshop, Elements, Illustrator en verwerking van afbeeldingenHeeft u een website? Dan heeft u te maken met afbeeldingen die aangepast moeten worden. Dat betreft het logo, de icons, de bullets, de buttons, de strepen en wat al niet meer. Natuurlijk kan het verstandig zijn dit aan de webdesigner over te laten maar het is zeker zo handig om zelf de basis te kennen. Want: met deze basis kunt u zelf mogelijk 90% van de aanpassingen doen en zo zelf een creatieve bijdrage leveren aan uw eigen website. Binnen het blog van <a href="http://dewebmeester.nl">dewebmeester.nl</a> (<a href="http://www.dewebhulp.nl">www.dewebhulp.nl</a>) dan ook (wat) aandacht voor Photoshop, Illustrator en andere programma's waarmee afbeeldingen kunnen worden aangepast.<br/><br/><strong>Van uitgebreide afbeelding (30mb) naar een simpele icon (10kb)</strong><br/>Ja leuk toch? U heeft een mooie afbeelding en u wilt een heel piepklein stukje van die afbeelding gebruiken als icon of als button.<br/>Openen afbeeldingen in Photoshop Elements (voldoende).<br/><br/>Omzetten van afbeelding in laag/layer (of de afbeelding wordt al weergegeven als laag/layer).<br/>"Retangular Margue Tool" (selecteer tool) selecteert u het stukje uit de grote afbeelding dat gebruikt moet worden.<br/><br/>Rechtermuis,layer via copy, en zo hebben we ineens 2 lagen.<br/>De originele laag verwijderen we en houden we alleen de laag over waar we wat mee willen doen.<br/>De kleine afbeelding en achtergrond kunnen we nu makkelijk aanpassen (transparant maken of kleuren of objecten verwijderen).<br/><br/>Als afbeelding klaar is, opnieuw de "Retangular Margue Tool" (selecteer tool) en als we de afbeelding geselecteerd hebben, klikken op "image" en dan "crop" en nu zijn we klaar.<br/>O nee, we moeten de afbeelding nog opslaan in juiste format (.jpg of .png) om binnen de website te kunnen gebruiken.<br/><br/>Ik hoop snel tijd te vinden om nog wat tips en ideeen op te schrijven in dit blog.<br/>Groeten!<br/>Meindert A. Jorna namens info)<br/><br/> <br/><h6 class="zemanta-related-title" style="font-size:1em;">Related articles</h6><br/><ul class="zemanta-article-ul"><br/> <li class="zemanta-article-ul-li"><a href="http://saveabuckpdx.typepad.com/blog/2012/11/adobe-photoshop-elements-11-for-only-4999.html" target="_blank">Adobe Photoshop Elements 11 for Only $49.99!</a> (saveabuckpdx.typepad.com)</li><br/> <li class="zemanta-article-ul-li"><a href="http://www.abeautifulmess.com/2012/07/how-to-create-vibrant-color-photographs.html" target="_blank">How To Create Vibrant Color Photographs</a> (abeautifulmess.com)</li><br/> <li class="zemanta-article-ul-li"><a href="http://reviews.cnet.com/8301-33153_7-57491225-10391733/get-pixelmator-2.1-image-editing-app-mac-for-$15/?part=rss&subj=news" target="_blank">Get Pixelmator 2.1 image-editing app (Mac) for $15</a> (reviews.cnet.com)</li><br/> <li class="zemanta-article-ul-li"><a href="http://abeautifulmess.typepad.com/my_weblog/2012/06/learn-to-add-handwriting-to-your-photos-.html" target="_blank">Learn to add handwriting to your photos!</a> (abeautifulmess.typepad.com)</li><br/> <li class="zemanta-article-ul-li"><a href="http://www.abeautifulmess.com/2012/08/how-to-make-product-collages-for-your-blog.html" target="_blank">How To Make Product Collages For Your Blog</a> (abeautifulmess.com)</li><br/></ul>AI in het onderwijshttp://www.blogger.com/profile/00892506860926348115noreply@blogger.com0