Posts tagged ‘invoegen’

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!

Gmail: illustraties (images) in standaardantwoorden

Het werkte zo mooi: via Gmail kon je een standaardantwoord aanmaken (kan nog steeds) daarbinnen illustraties plaatsen (visitekaartje bijvoorbeeld) en vervolgens dit sjabloon opslaan en heel makkelijk in een nieuwe email invoegen. Maar sinds enkele weken blijkt het niet meer te werken. Een Google Bug. Ja dit bestaan ook. Even wat zoeken op Google en er blijkt nog geen antwoord gevonden te zijn op dit probleem. Dan maar zelf aan de slag:

Vanavond met hetzelfde probleem geworsteld en uiteindelijk is het me gelukt om opnieuw de afbeeldingen in standaardantwoorden weer te geven. Als eerste opgemerkt: als je een beetje Googled in het Engels op dit onderwerp zul je al snel ontdekken dat het probleem bij Gmail (google) ligt en dat het probleem zich “plotseling” heeft voorgedaan en dat zij zoeken naar een oplossing. Mij lukt het op dit moment om afbeeldingen in standaardantwoorden te plaatsen door een combinatie van gevonden antwoorden.
1) in internetinstellingen onder tab ‘veiligheidsinstellingen’ klikken op ‘aangepaste instellingen’ en aanvinken ‘gemengde inhoud toestaan’
2) niet voortborduren op een eerder aangemaakt standaardantwoord maar een lege nieuwe mail aanmaken, een origineel ‘onderwerp’ intypen, klikken op ‘nieuw standaardantwoord’ en opslaan volgens ingetikte ‘onderwerp’.
3) je nieuwe standaardantwoord opmaken door eerst afbeeldingen naar desktop te downloaden, en vervolgens uploaden vanuit Gmail in je standaardantwoord
4) je email versturen
5) nu pas opslaan (onder dezelfde naam en het eerder aangemaakte standaardantwoord vervangen)
Via dit stappenplan kun je een aantal Google bugs omzeilen maar is geen garantie dat het morgen ook nog werkt….. Succes ermee!
http://www.meindert.info

Ir. Meindert A. Jorna (Msc.)

Savornin Lohmanstraat 45

6702BN Wageningen

(0031) (0)317 795149

(Mob.) 06 41286716

info@dewebmeester.nl

My profiles: FacebookFlickrWordPress
Blijf op de hoogte: Module positie toevoegen aan Joomla template

Twitter Latest tweet: Tja, vandaag kocht ik een toiletrolhouder voor 1,39Euro en liet hen liggen bij de Action… Wie is duurder uit?

Module positie toevoegen aan Joomla template

Ik heb er weer helemaal zin in: Ik ga enkele mogelijkheden beschrijven die het mogelijk maken om elke html/css webpagina om te zetten in een bruikbaar Joomla template. Voordelen: Joomla is HET open source management system voor Joomla websites en omdat dit het meest uitgebreide CMS is ter wereld, is het gewoon rechtvaardig om een mogelijkheid te kennen om een “gewone” HTML pagina te importeren in dit CMS. Dat zal het gemakkelijk maken om één of meerdere van de duizenden (gratis) beschikbare Joomla componenten en modules te integreren in een HTML website, gebruikersaccounts aan te maken en te beheren, artikelen en andere inhoud online bij te houden, enzovoorts, enzovoorts.

In deze bijdrage het onderwerp:

Module posities. Voorbeeld: aanpassing van de purity_ii template van Joomlart

Module posities staan genoemd in de templatedetails.xml file die onderdeel uitmaakt van de gebruikte joomla template. Deze file is the vinden in de folder ‘templates’ en dan natuurlijk binnen de subfolder van de betreffende template. Om een modulepositie toe te voegen of te verwijderen hoef je alleen aanpassingen te maken binnen het rijtje. In mijn voorbeeld: ik wil een modulepositie toevoegen met naam “bottombar” en voeg de regel <position>bottombar</position> toe aan het rijtje.

“positions>

<position>hornav</position>

<position>breadcrumbs</position>

<position>bottombar</position>

<position>banner</position>

<position>left</position>

<position>right</position>

<position>top</position>

<position>user1</position>

<position>user2</position>

Etc./>

Vervolgens plaats je binnen de index.php de code <jdoc:include type=”modules” name=”<naam van modulepositie>”/> op de plaats waar de module binnen de template zou moeten verschijnen en vervang je <naam van modulepositie> door de naam van de modulepositie precies zoals je die hebt beschreven in het bovengenoemde rijtje. Nu kan dit overigens wel eens tot problemen leiden omdat de nieuwe design (joomla templates) niet allemaal zo standaard zijn. Oftewel: de index.php file van een joomla site heeft mogelijk helemaal geen HTML tags zoals je gewend bent. Ga in dat geval op zoek de .php file die beschrijft welke modules op elke positie geladen moeten worden. Die .php file zit waarschijnlijk in de /templates folder. In mijn geval was het de file joomla2/templates/purity_ii/layouts/header.php waarin ik de jdoc:include betreffende “bottombar” heb geplaatst (lijkt niet logisch om een ‘bottombar’ te plaatsen in header.php maar in footer.php bleek de module niet te werken zoals behoort.) Resultaat: er verschijnt binnen mijn site een mooi menu helemaal beneden op het scherm die mooi meescrollt binnen de pagina (www.decmsmeester.nl/joomla2) op een nieuwe positie die ik ‘bottombar’ heb genoemd.

Zo leren we langzaam hoe een Joomla template is opgebouwd. We moeten proberen zoveel mogelijk zaken te ontdekken. Het zijn allemaal puzzelstukjes die ons zullen helpen om uiteindelijk zelf een Joomla template te maken of om van een bestaande HTML pagina om te zetten naar een Joomla template. In deze aflevering leerden we om een modulepositie te definieren en om te bepalen op welke plaats binnen een (html)pagina de module moet verschijnen.

Plaatsen foto binnen artikel in Joomla! Drie manieren.

Drie manieren:
1) Open artikel in editor door vanaf homepage (na inloggen) te klikken op potlood rechtsboven artikel. Artikel opent zich in tekstverwerker. Onderaan artikel zie je een grote knop ‘afbeelding’ en daar klik je op. Er opent zich een mooie lightbox. Je ziet nu alle beschikbare foto’s op de server. Of eigenlijk: alle fotos in de map images/stories (dat is nu eenmaal de standaard instelling in Joomla wat op zich is aan te passen). Zit de foto die je wilt gebruiken er niet bij, dan ga je naar ‘upload’ onderaan de lightbox. Eerst even klikken op ‘bladeren’, foto kiezen en ‘upload’. Je foto wordt nu in de map images/stories geplaatst. Je klikt op die foto en vervolgens op ‘invoegen’ en je foto verschijnt binnen je artikel.
2) Open een ftp programma en upload alle foto’s die je wilt gebruiken op je website naar de folder images/stories van je joomla website. Open artikel in tekstverwerken zoals beschreven onder 1) en klik op ‘afbeelding’ onder artikel. Nu opent zich opnieuw de lightbox met daarin alle foto’s die je in de folder images/stories hebt geplaatst. De rest wijst zich vanzelf.
3) Een wel erg makkelijke manier maar niet zo bekend: Zoek een foto op internet die je wilt plaatsen binnen je website. Natuurlijk moet je wel even bekijken of je recht hebt die foto te gebruiken maar op zich heb je dat omdat de foto openbaar beschikbaar is (je mag hem niet verkopen en op zich doe je er niets mee: lees verder.) In een ander tabblad van je browser open je het artikel in de teksteditor zoals hierboven beschreven. Nu klik je op de gewenste foto, houdt je linkermuis kant ingedrukt en sleept te foto naar het andere tabblad direct naar de plaats in het artikel waar de foto moet verschijnen. Als je bent belandt op die plaats, laat je de muis los en je foto ‘landt’ netjes in je artikel. Niet vergeten op ‘opslaan’ te klikken. Heb je nu de foto ‘gejat’? Nee. Je hebt binnen je artikel alleen een verwijzing geplaatst naar een foto die ergens anders op het web te vinden is. Je hebt de foto dus niet eens gekopieerd. Net zomin als dat het strafbaar is om in een artikel een verwijzing naar een bankroof te plaatsen, is het strafbaar om een verwijzing naar een foto te plaatsen. Niet strafbaar dus. Minpunt: als de link ergens ver weg op internet wordt aangepast, dan is direct je foto binnen je artikel niet meer zichtbaar.

Een joomla module binnen een joomla artikel

Dit zou heel veel mogelijk maken: het direct publiceren van een Joomla module binnen een Joomla artikel. Waarom? Omdat elke joomla template begrensd is door de de beschikbare ‘module posities’. Naast module posities is er nog ruimte voor artikelen. Deze ruimte heet ‘content’ en is geen module positie. Door deze ruimte toch te gebruiken om modules te plaatsen, kun je menu’s, flash modules, sliders, fotoalbums, en alles dat je via een module kunt publiceren, heel makkelijk weergeven binnen een artikel zonder dat je daar een dure ‘editor’ voor nodig hebt. Hierbij hoe je dit kunt oplossen en een voorbeeld:

  1. Maak een module aan of installeer die. (Hoe je dit doet vind je in andere hoofdstukken)
  2. Maak een nieuwe module positie aan (klikken op nieuwe module en onder scroll menu ‘positie’ gewoon klikken op een beschikbare positie – niet belangrijk welke – en vervolgens een nieuwe naam typen: handmatig. Wel even onthouden welke naam dit is.) Ik heb in mijn voorbeeld de positie ‘video’ aangemaakt.
  3. Maak een nieuw artikel aan of open een bestaand artikel.
  4. Plaats binnen dit artikel de volgende code (hoeft niet in html code, gewoon binnen artikel plaatsen): {loadposition video} Let op: ‘video’ is mijn voorbeeld. Dit moet de naam zijn an de zelfbedachte module positie.
  5. Sla op en vervolgens wordt binnen het artikel de module getoond op de plaats waar deze code gedropt is.

Niet moeilijk toch?

Vragen toesturen naar vraag@dewebmeester.nl

%d bloggers liken dit: