{"id":296,"date":"2017-03-05T13:22:23","date_gmt":"2017-03-05T12:22:23","guid":{"rendered":"http:\/\/evileu.de\/zum-schwarzen-pinguin\/?p=296"},"modified":"2017-03-05T13:35:35","modified_gmt":"2017-03-05T12:35:35","slug":"spielspass-mit-shortcodes","status":"publish","type":"post","link":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/2017\/03\/05\/spielspass-mit-shortcodes\/","title":{"rendered":"Spiel&Spa\u00df mit Shortcodes"},"content":{"rendered":"

Haben sie sich die Bilderausgabe auch schon in einen Shortcode gepackt? Ja fein, dann wirds Zeit f\u00fcr ein bi\u00dfchen Spielerei am Sonntag Nachmittag<\/p>\n

Anzahl der Bilder limitieren und Zufallszahl einbauen<\/h2>\n

Man will ja vielleicht nicht immer gleich alle Bilder ausgeben, sondern nur eine kleine Auswahl. Das ist ganz simpel, wir erg\u00e4nzen das SQL-Statement einfach um eine LIMIT-Anweisung. Und damit nicht immer die selben Bilder herauskommen, erg\u00e4nzen wir die Sache um die Zufallsfunktion RAND(). Das kommt ans Ende des SQL, vor den letzten schlie\u00dfenden G\u00e4nsef\u00fc\u00dfchen:<\/p>\n

…ORDER BY RAND() LIMIT 6″ );<\/p>\n

Ergebnis:<\/p>\n

\"6_bilder_screenshot\"

6_bilder_screenshot<\/p><\/div>\n

Ab in die Seitenleiste<\/h2>\n

Und damit man die Bilderausgabe auch mal an anderer Stelle unterbringt, setzen wir den Shortcode ins Text-Widget und ziehen dieses in die rechte Seitenleiste. Sieht auch sauber aus:<\/p>\n

\"6_bilder_seitenleiste\"

6_bilder_seitenleiste<\/p><\/div>\n

Ich hab auch mal das Inhaltsverzeichnis in die Seitenleiset gepackt, das sieht dann so aus:<\/p>\n

\"ivz_in_der_seitenleiste\"

ivz_in_der_seitenleiste<\/p><\/div>\n

Wie und wo die Platzierung des Shortcodes Sinn macht, h\u00e4ngt nat\u00fcrlich vom verwendeten Theme und von der Art der Ausgabe ab, aber ich denke sie haben jetzt die M\u00f6glichkeiten ein bi\u00dfchen gesehen. Nur zu, viel Spa\u00df beim rumprobieren! Es darf naturlich auch noch ein wenig am CSS geschraubt werden, ich r\u00fccke hier mal die Bilder n\u00e4her zusammen (den Margin einfach rausnehmen):<\/p>\n

\"6_bilder

6_bilder _ohne_margin<\/p><\/div>\n

Also, viel Vergn\u00fcgen beim Ausprobieren!<\/p>\n

 <\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Haben sie sich die Bilderausgabe auch schon in einen Shortcode gepackt? Ja fein, dann wirds Zeit f\u00fcr ein bi\u00dfchen Spielerei am Sonntag Nachmittag Anzahl der Bilder limitieren und Zufallszahl einbauen Man will ja vielleicht nicht immer gleich alle Bilder ausgeben, sondern nur eine kleine Auswahl. Das ist ganz simpel, wir erg\u00e4nzen das SQL-Statement einfach um […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[9,7,4,14,2],"tags":[],"_links":{"self":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/296"}],"collection":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/comments?post=296"}],"version-history":[{"count":3,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/296\/revisions"}],"predecessor-version":[{"id":303,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/296\/revisions\/303"}],"wp:attachment":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/media?parent=296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/categories?post=296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/tags?post=296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}