it-swarm.com.de

Verwenden von Bildern in Wordpress - Best Practices

Ich bin kein Anfänger in Wordpress Theme Design & Development. Eigentlich mache ich das schon seit ein paar Jahren und in den letzten Jahren ist es mehr als ein Hobby geworden und verlangsamt sich zu einer Berufswahl.

Allerdings habe ich hier eine etwas einfache, aber rätselhafte Frage zu stellen ...

Für immer habe ich die Bilder, die ich über meine benutzerdefinierten Themen verwende, in ein eigenes "img" - oder "images" -Verzeichnis unter dem Themenverzeichnis unter "wp-content" hochgeladen. Natürlich habe ich für Posts nur den in Wordpress selbst erstellten Media Uploader verwendet.

Aber jetzt, da ich versuche, professioneller zu sein und beständig Arbeiten der Klasse A zu produzieren, habe ich mir kürzlich Gedanken darüber gemacht, wie ich mit meinen Bildern umgehe. Sie sehen, mit meiner alten Methode habe ich auch keine Wordpress-Template-Tags für die Bildpfade verwendet. Ich habe die altmodische HTML-Methode mit dem relativen Pfad verwendet und wenn ich auf ein Problem gestoßen bin, habe ich einfach den GANZEN Pfad eingefügt, um Zeit zu sparen. Das ist ein riesiges Nein, nein. Mir ist klar, aber das war keine Kundenarbeit ...

Wie auch immer, um auf den Punkt zu kommen - was IS ist die beste Vorgehensweise für die Verwendung von Bildern in Wordpress? Ich fange jetzt an, mehr im Einklang mit diesem Prozess zu denken:

Für die Theme-Entwicklung habe ich jetzt ein "inc" -Verzeichnis in meinem Theme-Verzeichnis, das dann "imgs" - und "js" -Verzeichnisse usw. enthält. Beim Entwerfen des Themas verwende ich jetzt Wordpress Vorlagen-Tags, damit meine Pfade im gesamten Thema ordnungsgemäß funktionieren. Für meine Posts verwende ich weiterhin den Media Uploader und das normale/upload-Verzeichnis.

Ist meine neue Methode die beste Vorgehensweise? Vielen Dank!! Auch hier versuche ich nur, meinen Workflow und meine Methoden zu bereinigen, damit ich besser mit dem Codex und anderen erstklassigen Wordpress-Projekten mithalten kann.

Vielen Dank!

5
thatguycraig

Ich schätze, nach der Frage, die Sie stellen, gibt es eine Möglichkeit, die Bild-URL zu codieren, die besser ist, als die gesamte URL einzugeben? Dies ist, was ich tue, um sicherzustellen, dass Sie dies tun möchten, wenn sich der Domainname jemals ändert (was bei meiner Arbeit der Fall ist, weil ich die Sites immer auf einer Projektdomäne erstelle und sie dann verschiebe) :

<img src="<?php echo get_bloginfo('template_url'); ?>/images/image-name.jpg alt="whatever" />

Sie können dies auch verwenden (und ja, ich weiß, es ist nicht die technisch korrekte Art, CSS aufzurufen), wenn Sie CSS in einer Vorlage verwenden:

<style>
#div {
     background-image: url(<?php echo get_bloginfo('template_url'); ?>/images/image-name.jpg);
}
</style>

Es funktioniert auch für Inline-CSS:

<h2 style="background-image: url(<?php echo get_bloginfo('template_url'); ?>/images/image-name.jpg);">Some Title</h2>

Ich denke, das haben Sie gefragt ...

1
RiotAct

Ihre Beschreibung klingt nach einer guten Übung.

Eine gute Faustregel ist, wenn immer möglich, eine WordPress-Funktion anstelle der Hardcodierung oder der benutzerdefinierten Codierung zu verwenden. Auf diese Weise erreichen Sie die volle Portabilität für jede WordPress-Installation, unabhängig von Plugins oder anderen Abhängigkeiten. Wie Sie Dateien im Verzeichnis Ihres Themas strukturieren, liegt ganz bei Ihnen, aber für eine einfache Wartung und Skalierbarkeit ist Ihre Methode eine gute. Stellen Sie einfach sicher, dass alle Pfade zu Ressourcen WordPress-Funktionen verwenden, um die URLs zu schreiben.

0
Christiaan

Nach meiner Meinung verwenden Sie es richtig. Ich denke immer an zwei Dinge, wenn ich WordPress-Themen entwickle:

  • Machen Sie es meinem Kunden einfach
  • Machen Sie es tragbar

Ich meine, Sie verwenden immer site_url () und alle Arten von Funktionen, die von WordPress bereitgestellt werden, anstatt URLs fest zu codieren. Wenn Ihr Kunde das Thema also auf eine andere Domain verschieben möchte, bremst es nicht.

Verwenden Sie für Javascript und Stylesheet unbedingt wp_enqueue_scripts und wp_enqueue_style und achten Sie darauf dass Sie sie nur auf den benötigten Seiten einfügen. Dies gilt für Vorder- und Rückseite. Eine der schlimmsten und beliebtesten Methoden ist es, Dateien überall einzuschließen, unabhängig davon, ob sie benötigt werden oder nicht, wodurch die Website langsam und nicht optimiert wird.

Es ist also wirklich egal, ob Sie/inc/Vermögenswerte oder was auch immer Sie sich wohler fühlen, aber es ist immer schön, alles organisiert zu haben, und es hilft viel, wenn externe Personen Ihr Thema bearbeiten müssen.

0
chifliiiii