der klassische Stil-Leinwandbild Botanical Leaves - Uma 83 Oranges humm0755178-Bilder Drucke

WooCommerce: Kategorie-Filter (Dropdown)

Screenshot: WooCommerce: Kategorie-Filter (Dropdown) cpu20/T.Bortels

Leinwandbild Botanical Leaves - Uma 83 Oranges

In der Basis-Installtion bringt WooCommerce einen Filter, der für Programmierer vielleicht intereesant ist, aber meiner Meinung nach für Kunden und Händler nur wenig Mehrwert bringt. Leinwandbild Keates - Move over WANDBILD KEILRAHMEN CANVAS HandarbeitEine Sortierung nach Preis und Bewertung etc ist theoretisch interessant –"Klassische Ferienflieger" braucht es auch bald gar nicht mehr aber in der Praxis doch selten hilfreich. Es sei denn, man hat tausende Produkte – was in der Praxis wohl eher selten vorkommt.

Stattdessen würde ich mir eigentlich eher wünschen, dass es einen entsprechenden Filter für Kategorien gäbe. Leinwand-Bild Keilrahmen-Bild Orange Apfelsine Zitruspflanze Frucht WasserAus Kunden-Sicht: Egal wie teuer, egal wie beliebt – ich will jetzt alle Produkte aus der Kategorie XY sehen. Leider bringt das WordPress Shop-Plugin WooCommerce eine solche Funktion bzw. ein solches Dropdown-Menu nicht „einfach so“ mit. Aber es gibt ja Code…

Zunächst möchte ich den „Standard-Filter“ deaktivieren. Ich könnte ihn auch einfach über CSS verstecken, aber dann würde WordPress im Hintergrund immernoch die Prozesse ausführen, die den Filter generieren. Das möchte ich nicht. Leinwand-Bild Keilrahmen-Bild SPA-Wellness Kerzen-Licht Hand-Tuch WeißAlso raus damit. Hier die passende Funktion:

Und um das Dropdown auch von StoreFront-Shops zu beseitigen ist noch folgender Code-Schnippsel notwendig – nachzulesen bei Business Bloomer.com bzw. hier.

Bei remicorson.com (Leinwand-Bild Keilrahmen-Bild SPA-Wellness Strand Muscheln See-Sterne Wasser) gibt es einen Code-Schnippsel von 2013, der in meinem Fall „fast“ gepasst hat.und sein neues Buch "Ökologie der Angst" Leider nur fast. Irgendwie haben die Entwickler übersehen, dass das Skript die ID des Elements anspricht – und nicht die Klasse des Elements. Leinwandbild Klaviertasten - 50 x 50 cmAber dieser Fehler ist ziemlich einfach behoben. Hier zunächst der Original-Code von remicorson.com –>

Und natürlich muss auch dieser Code-Schnippsel in die functions.php des aktiven Themes – oder in ein entsprechendes Plug-In – sonst funktioniert das nicht.

Sobald beide Code-Schnippsel in der functions.php des aktiven Themes eingebaut sind ist es möglich, das Kategorie-Dropdown ins Theme einzubauen. Leinwandbild Komposition a xxi - László Moholy-NagyDas macht man dann über einen Shortcode – bzw. über den Aufruf eines Shortcodes.

Ich habe den Shortcode in das WooCommerce-Template „archive-product.php“ eingebaut. Dieses habe ich in meinem Theme-Verzeichnis unter „theme/woocommerce/archive-product.php“ hinterlegt, damit es beim nächsten WooCommerce-Update nicht überschrieben wird.Leinwandbild Kraft des Wassers - 40 x 60 cm Der Shortcode bzw. die Aktivierung des Shortcodes sieht dann so aus:

Ich hoffe, dass das dem einem oder der anderen vielleicht hilft?

der klassische Stil-Leinwandbild Botanical Leaves - Uma 83 Oranges humm0755178-Bilder Drucke

Logout-Link ohne Bestätigung (Wordpress)

Logout-Link ohne Bestätigung - Screenshot/Montage: T.Bortels/cpu20.de

Bei manchen WordPress-Seiten möchte man, daß sich die Nutzer anmelden, um auf bestimmte Inhalte zugreifen zu können. Leinwand-Bild Küche Küchenbild Kakao Restaurant Bar Wandbilder DekorationFür den Login gibt es auch schöne und elegante Lösungen – nur beim Logout wird es manchmal ein bisschen unschön.Leinwand-Bild Kult Musiker Gitarrist Jimi Hendrix Sänger Komponist Grafik Bilder Der Nutzer wird in der Regel auf eine Seite mit einer zusätzlichen Abfrage weitergeleitet und dort erneut gefragt, ob er/sie sich denn nun wirklich abmelden möchte. Von der Benutzerfreundlichkeit her ist das nicht optimal – die UX könnte besser aussehen. Zum Beispiel so: ein Klick auf „Logout“ – und man ist abgemeldet – der Logout ist komplett.

Das Problem erschien mir zunächst relativ trivial. Bei näherem Hinsehen wird die Lösung dann aber doch ein bisschen komplexer, als zunächst erhofft.Leinwandbild Lächeln nicht vergessen - Typobox Letztendlich benötigt man aber doch nur ein entsprechendes Plugin und ein paar Zeilen zusätzlichen PHP-Code in der functions.php – und schon kann man sich mit nur einem Klick abmelden. Hier mein Lösungsweg:

Zunächst benötigen wir das Plugin „Leinwandbild Lawrence als Kadett am Newporth Strand - Henry Scott Tuke“ oder ein ähnliches Plugin, um zu steuern, welche Menu-Punkte für angemeldete Nutzer sichtbar sind, und welche für unangemeldete.auf die sie dabei nicht verzichten kann Schließlich wollen wir den Logout-Link nur für angemeldete Nutzer anzeigen – unangemeldete Nutzer bekommen hingegen den Login-Link angezeigt.

Will man Erster sein darf man nicht lange fackel und muss schnell was raushauen Logout-Menu WordPress

Screenshot „if menu“ by T.Bortels/cpu20.de

Das Plugin ist schnell installiert und konfiguriert – in den Menu-Einstellungen gibt es nun die Möglichkeit, einzelne Menu-Links nach vorgegebenen Bedingungen anzeigen oder verstecken zu lassen. Leinwandbild Let your faith be bigger than your fear - TypoboxIn diesem Falle nutzen wir die Option,Also da bleibt mir nur zu raten: den Logout-Link nur für angemeldete Nutzer anzeigen zu lassen. Leinwandbild Life is a grand adventure - quadratischDementsprechend lassen wir den Login-Link nur für unangemeldete Nutzer anzeigen.

Jetzt müssen wir nur noch den Link anpassen – das geht über die functions.php

Bei Stackexchange fand ich dazu folgenden Vorschlag:

Leider hat das nicht so funktioniert, wie es sollte. Leinwandbild Loose – Galaxy Panther CANVAS KEILRAHMEN FICHTENHOLZ WANDDEKO BILDWo genau das Problem liegt ist mir unklar – der Nutzer wurde jedenfalls nach dem Klick auf „Logout“ weiterhin auf die Bestätigungs-Seite weitergeleitet.keine Abzocke am Strand und man spricht deutschAber der Ansatz war schon ganz richtig: den vorhandenen Logout-Link so zu ergänzen, dass eine erneute Bestätigung übersprungen werden würde.

Die Funktion sucht nach einem Menu-Item mit dem Titel „Logout“ und setzt dann den Link für diesen Menu-Eintrag auf die direkte Lougout-Adresse.Leinwandbild Louvre-Etrennes Spielzeug (französisch) - Jules Cheret Und fertig ist die Hütte.

Dieser Beitrag wurde am von cpu20 in Wordpress veröffentlicht. Schlagworte: , .

der klassische Stil-Leinwandbild Botanical Leaves - Uma 83 Oranges humm0755178-Bilder Drucke

Wordpress: Original-Bilder finden

Folgende Fragestellung lag zugrunde: wie kann der Kunde alle in einer Seite bzw. in einem Artikel eingebundenen Bilder in Originalgröße finden, probiert sie nach Feierabend neue Rezepte ausum diese herunterzuladen, Leinwandbild Märchenhafte Tulpen - 60 x 40 cmzu bearbeiten und anschliessend wieder neu einzubinden?

Natürlich kann man alle Originalbilder auch ohne zusätzlichen Code relativ einfach ‚manuell‘ finden. Zunächst klickt man dazu mit der rechten Maustaste auf das zu tauschende Bild und wählt ‚Bild in einem neuen Tab öffnen‘ aus. Leinwand-Bild Mercedes-Benz SL AMG GT R Sportwagen Wandbild DekorationDann entfernt in der Adresszeile des Browsers die Größenangaben (z.B. „-800×600.jpg“), die WordPress immer dann an Dateinamen von Bildern anhängt, wenn das Bild skaliert wurde. Durch das Abschneiden dieses Zusatzes bekommt man das Bild in Originalgröße – bzw. das Originalbild,"Klassische Ferienflieger" braucht es auch bald gar nicht mehr wie es einmal hochgeladen wurde. Leinwandbild Mohn und KornBlaume im Weizen - Bob GibbonsDieses speichert man dann lokal auf dem Computer, kann es anschliessend bearbeiten und neu hochladen. Man wählt in der Admin-Ansicht einfach das Bild aus, das getauscht werden soll und geht in der Bild-Bearbeiten-Ansicht auf „Bild ersetzen“. Nun kann man das neue Bild hochladen.

Noch einfacher geht es natürlich, wenn man seine Bilder gut organisiert hat und das Bild direkt auf der lokalen Festplatte findet – dann kann man sich das Herunterladen sparen.

Beide Optionen fielen in der mir gestellten Anfrage leider aus – die Originalbilder waren nicht aufzufinden und der Trick mit der rechten Maustaste war zu umständlich. Leinwandbild Motorrad Harley-Davidson Electra Glide Ultra Limited Bilder GrafikAlso sollte eine Liste aller Bilder generiert werden, über die man die Originalbilder direkt herunterladen sollte.

Bei den im Text platzierten Bildern ist das schon ein bisschen schwieriger – diese sind ja nicht als Attachment abgelegt. Leinwand-bild Motorrad HONDA NRX1800 VALKYRIE 1800 RUNE WandbildAlso müssen wir zunächst mal alle Bilder finden, die in den Text (content) eingebunden sind. Dazu durchsuchen wir den Seiteninhalt nach dem Codeschnippsel „src=“, der uns verrät, dass dort ein Bild zu finden ist.

Das klappt soweit auch ganz gut – allerdings bekommen wir einen Array der Bilder, wie sie im Text eingebunden sind – also mit angehängten Pixelmaßen (z.B. „bild-800×600.jpg).Mit Ray Castellani im Ghetto der Armen und Obdachlosen von Los Angeles Mithilfe der Funktion get_original_image können wir aber die Originalbilder herausbekommen.

Die Funktion habe ich dem Artikel „How to Get Original Image from a Thumbnail Image in WordPress“ (wpsmith.net) entnommen – allerdings waren in der Original-Funktion einige Fehler vorhandenihre Vorbilder sind Yotam Ottolenghi. DIese habe ich korrigiert und zum Teil oben im Code entsprechend markiert.

Was macht die Funktion ‚get_original_image‘? Zunächst werden alle möglichen Bildformate bzw. die jeweiligen Breiten und Höhen in Arrays gespeichertLeinwandbild Müller - Blaumeise KEILRAHMEN CANVAS WANDBILD HANDARBEIT DEKO BILD. Dann vergleichen wir jede Bild-URL, die im Text einer Seite gefunden wurde, mit den möglichen Höhen und Breitenverständliche Speisekarte und bekömmliche Speisen. Wenn Höhe und/oder Breite im Dateinamen des Bildes vorkommen, wird die Endung mit den Angaben zu Höhe und Breite (z.B. „-800×600“) entfernt – und schon haben wir das Originalbild.

 

Dieser Beitrag wurde am von cpu20 in Wordpress veröffentlicht. Schlagworte: .