Test zenden foto’s vanuit email naar WordPress.com website

Vandaag probeer ik 4 foto’s te plaatsen binnen de wordpress website onder http://www.dewebhulp.nl; Ik ben benieuwd.

Ashampoo Photo Mailer
Delen van foto’s via e-mail eenvoudig gemaakt.
Vraag uw gratis 40-dagen probeerversie:
Hier klikken: https://www.ashampoo.com/photomailer

Toegang 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. www.dewebmeester.nl ; Het doel: ik wil een aantal online tools aanbieden voor klanten van dewebmeester.nl. 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.

Doel: Login en gebruikersbeheer waardoor ik een bepaalde groep mensen toegang verleen tot een aantal online tools.

  1. 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.
  2. 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".
  3. 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.
  4. 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.
  5. 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".

Gelukt. Ook hulp nodig bij toegangsbeheer in Joomla? Neem even contact op.

Hartelijke groeten,

Meindert A. Jorna

Dubbel Blog op Shopify.com

Shopify 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.

Review Shopify
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 tweaky.com aardig wat aanvragen binnenkrijgen betreffende Shopify).

Implementeren van (extra) Blog in Shopify
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.

<div class="clearfix homerow">
<div id="blog_module" class="clearfix">
<h2><a href="#">News and Articles</a></h2>
{% if settings.featured_blog != "" %}
{% for article in blogs[settings.featured_blog].articles limit:2 %}{% if forloop.rindex == 2 or forloop.length == 1 %}
<div class="">
<h3>News</h3>
{% for article in blogs.extra-blog.articles limit:2 %}
<p class="bm_date">{{ article.created_at | date: "%b" }}<span>{{ article.created_at | date: "%d" }}</span></p>
<h3><a href="{{ article.url }}">{{ article.title }}</a></h3>
{% if article.excerpt.size > 0 %}{{ article.excerpt }}{% else %}
<p>{{ article.content | strip_html | truncatewords:72 }}</p>
{%endif%}
<p><a href="{{ article.url }}" class="button_right">Read more</a></p>
{% endfor %}
<!—<p><a href="{{ http://working-space-silver.myshopify.com/blogs/extra-blog }}">See articles from Extra Blog</a></p>—>
{% else %}
<div class="">
{% endif %}

<h3>Articles</h3>
<p class="bm_date">{{ article.created_at | date: "%b" }}<span>{{ article.created_at | date: "%d" }}</span></p>
<h3><a href="{{ article.url }}">{{ article.title }}</a></h3>{% if article.excerpt.size > 0 %}
{{ article.excerpt }}{% else %}<p>{{ article.content | strip_html | truncatewords:72 }}</p>{%endif%}
<p><a href="{{ article.url }}" class="button_right">Read more</a></p>
</div>{% endfor %}
{% else %}
<p>You must select a featured blog.</p>
{% endif %}
</div>

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:
{% 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.

Ook een aanpassing laten maken in Shopify? Neem contact op via info)

Openen video’s van youtube in Lightbox binnen WordPress slider

Vandaag bijt ik mijn tanden in een nieuwe opdracht van tweaky.com: 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:

  1. – plugin lightbox video installeren (WP Video Lightbox)
  2. – testen binnen een WordPress bericht
  3. – 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.

Na stap 1 ga ik eerst naar de support pagina van deze plugin: http://www.tipsandtricks-hq.com/wordpress-video-lightbox-plugin-display-videos-in-a-fancy-lightbox-overlay-2700#!prettyPhoto . 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:

<!—<a title=”” href=”” rel=”wp-video-lightbox”><img class=”video_lightbox_anchor_image” alt=”” src=”http://www.tipsandtricks-hq.com/wp-content/uploads/2010/08/wp-video-lightbox-demo.png“></a>—>

Deze code plak ik in een Notepad+ document om te bestuderen.

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?
Ook dat probeer ik. Dat had moeten werken maar kan niet goed bepalen waar ik de — rel=”wp-video-lightbox” –moet plaatsen.

De oplossing
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:

<a href=”” rel=”wp-video-lightbox”> <em><font face=”times new roman,times,serif” size=”6″>Click to Play</font></em></a>

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: http://www.speedvertu.com
Hartelijke groeten.
Ook interesse in het openen van video’s in Lightbox? Neem even contact op me:— info —

debugmeester.nl, dewebmeester repareert via tweakweb.nl

Sinds 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: http://www.dewebmeester.nl/index.php/tarieven-overzicht-van-opties) 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.

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 tweakweb.nl.

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:

  1. uitlijnen van widget in WordPress
  2. validatie volgens W3 en errors oplossen
  3. lightbox laten werken in WordPress, en dan ook voor de video’s
  4. plaatsen Facebook button
  5. aanpassen kleuren
  6. plaatsen tekst binnen Shopify theme
  7. maken clickable map
  8. contactformulier repareren
  9. 4ormat website layout aanpassen
  10. update problemen WordPress
  11. tot en met 1001: alle frustraties waar u zelf tegen aan loopt bij het werken aan een website.

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  www.dewebmeester.nl

Hartelijke groeten,

Meindert A. Jorna

Autosave 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.

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……?

Oplossing van de dag
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:

  1. Lazarus Form Recovery
  2. Form History Control

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.

Ook problemen met autosave in Joomla? Laat het even weten aan info

Javascript toevoegen aan blog posts (berichten) en pagina’s WordPress

Nee, dat is standaard niet mogelijk volgens WordPress. Zie bijvoorbeeld: http://codex.wordpress.org/Using_Javascript 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:

Script plaatsen in html widget en html code in bericht of page code
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.

Niet simpel? Wilt u liever dewebmeester.nl dit laten doen? Stuur dan even een email naar info@dewebmeester.nl
Groeten!

Updaten WordPress en plugins

Het 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:

1. Aanpassen htaccess file door plaatsen:

<Files wp-config.php>
order allow,deny
deny from all
</Files>

(Dat is alleen ter bescherming en mogelijk niet nodig)

2. Aanpassen wp-config.php file door plaatsen van server informatie en domein root informatie zoals:

define(‘FS_METHOD’, ‘ftpsockets’);
define(‘FTP_BASE’, ‘/domains/UWDOMEIN/public_html/SUBMAPVANWEBSITE/’);
define(‘FTP_CONTENT_DIR’, ‘/domains/UWDOMEIN/public_html/SUBMAP/wp-content/’);
define(‘FTP_PLUGIN_DIR ‘, ‘/domains/UWDOMEINpublic_html/SUBMAP/wp-content/plugins/’);
define(‘FTP_USER’, ‘GEBRUIKERSNAAM’);
define(‘FTP_PASS’, ‘WACHTWOORD’);
define(‘FTP_HOST’, ‘FTPSERVER’);

Vervolgens blijkt het bij mij bijna allemaal te lukken op een enkele plugin na.
Hulp nodig bij updaten wordpress? Mail info

Facebook, twitter, linkedin buttons binnen Joomla, veel opties weinig mogelijk?

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:

  1. Plugin: easylikeandshare2.99, gratis optie, ik mis Facebook, layout past niet.
  2. 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.
  3. Module: joomla-twitter-module-v-1, installatie fout.
  4. Plugin: plg_socialsharebuttons_v1.1-J25. Die blijkt direct te werken.

Vindbaarheid 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.

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.

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: www.decmsmeester.nl hoeft niet vindbaar te zijn op allerlei dubieuze websites om zo ook gevonden te worden in Google. Ja, mogelijk staat de verwijzing naar decmsmeester.nl bovenaan in Google. Maar de volgende 3 vragen zijn hierbij belangrijk:
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.
2) Vraag 2: decmsmeester.nl staat bovenaan voor Joomla, advies, WordPress, CMS, dan is de vraag welke link van decmsmeester.nl bovenaan staat. De homepagina of de link op freewhatisforbiddenandwrong.com ?
3) De derde vraag die belangrijk is: welke andere websites staan vlak boven of vlak onder deze verwijzing naar decmsmeester.nl? Want: als bedrijf moet je er voor oppassen in welk gezelschap je gevonden wordt. Kijk even hieronder op de afbeelding. decmsmeester.nl 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.

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:
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.
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.
3) Als u wekelijks de content van uw website aanpast en up to date houdt.
4) Als u een duidelijk SEO rapport laat opstellen en dat laat uitwerken door dewebmeester.nl
5) Als u uw Google analytics account en gegevens bijhoudt en onderhoudt.
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.nl

%d bloggers liken dit: