![\"\"](\"https:\/\/clubcomputer.at\/wp-content\/uploads\/sites\/6\/2023\/12\/image-3.png\")
<\/a><\/figure>\n\n\n\nDie Adresse abtippen, ist ein bisschen antiquiert. Besser w\u00e4re es, wenn dort ein QR-Code st\u00fcnde, den man mit dem Handy einscannt und dann den Artikel unterwegs am Handy liest.<\/p>\n\n\n\n
Dasselbe trifft auch f\u00fcr das Lesen am PC zu. Man findet einen Artikel und m\u00f6chte ihn unterwegs lesen, dann w\u00e4re es auch praktisch, einen QR-Code zum Einscannen verwenden zu k\u00f6nnen.<\/p>\n\n\n\n
ClubComputer – QR-Code<\/h2>\n\n\n\n
Vor vielen Jahren wurde kleine Anwendungen unter dem Namen wapps.clubcomputer.at programmiert, darunter auch eine solche zur Erzeugung von QR-Codes. Eine Kurzbeschreibung findet man hier<\/a>. <\/p>\n\n\n\n Da aber dieses Programm den QR-Code nicht dynamisch erzeugt, sondern nur ein Bild generiert, wurde nach einer flexibleren Quelle f\u00fcr QR-Codes gesucht.<\/p>\n\n\n\n Auf der Seite https:\/\/developers.google.com\/chart\/infographics\/docs\/qr_codes\/<\/a> wird dokumentiert, wie man eine Adresse formuliert, um das Bild eines QR-Code dynamisch zu generieren.<\/p>\n\n\n\n Beispiel: ein Bild, das die Adresse https:\/\/chart.googleapis.com\/chart?cht=qr&chs=200×200&chld=Q&choe=UTF-8&chl=https:\/\/clubcomputer.at<\/a> (ausprpbieren!) <\/p>\n\n\n\n Beim Aufruf eines Beitrags oder einer Seite wird auf der rechten Seite eine Seitenleiste eingeblendet, in der die letzten Beitr\u00e4ge und Kommentare angegeben sind. Am oberen Ende der Seitenleiste soll dieser QR-Code stehen.<\/p>\n\n\n\n Unser WordPress-Thema ist noch ein klassisches Thema mit Men\u00fcs und Widgets. Man sucht unter Dashboard -> Design -> Widgets das Widget „Seitenleiste“ und f\u00fcgt oben einen HTML-Block ein, der folgenden Code enth\u00e4lt:<\/p>\n\n\n\n Ein Bild Im Plugin Code Snippets wird im Abschnitt „Footer“ folgender Code eingebaut:<\/p>\n\n\n\n Das war’s!<\/p>\n\n\n\nGoogle Charts – QR-Code<\/h2>\n\n\n\n
https:\/\/clubcomputer.at<\/code> darstellt, bekommt man so:<\/p>\n\n\n\ncht=qr Chart-Typ\nchs=200x200 Bildgr\u00f6\u00dfe\nchld=Q h\u00f6here Redundanz\nchoe=UTF-8 Kodierung\nchl=https:\/\/clubcomputer.at zu kodierender Text<\/pre>\n\n\n\n
Implementierung auf clubcomputer.at<\/h2>\n\n\n\n
<img id=\"clc-qr-img\" src=\"\"\/><\/pre>\n\n\n\n
<\/a><\/figure>\n\n\n\nclc-qr-img<\/code>, zun\u00e4chst ohne Bildadresse.<\/p>\n\n\n\n<script> \/\/ QR-Code der Seitenadresse einf\u00fcgen
var clc_url=window.location.href
var imglink = \"https:\/\/chart.googleapis.com\/chart?cht=qr&chs=200x200&chld=Q&choe=UTF-8&chl=\"+clc_url
$(\"#clc-qr-img\").prop(\"src\",imglink)
<\/script><\/pre>\n\n\n\nclc_url=window.location.href<\/code> liest die Adresse der aktuellen Seite<\/p>\n\n\n\nimglink<\/code> kombiniert den Link zum QR-Code-Generator<\/p>\n\n\n\n$(\"#clc-qr-img\").prop(\"src\",imglink)<\/code> Mit diesem jQuery-Kurzcode wird der Link zu Google in die Eigeschaft „src<\/code>“ des Bildes eingef\u00fcgt.<\/p>\n\n\n\n