web-dev-qa-db-de.com

Wo speichere ich bei Wordpress-Designs die Bilder und Dateien relativ?

In reinem HTML bin ich es gewohnt, die Dateien relativ zu dem Ort zu speichern, an dem sich die bestimmte HTML-Datei befindet, z. B. css/style.css.

Bei dem in Wordpress verwendeten Thema "Responsive" weiß ich jedoch nicht, wo die Bilder gespeichert werden sollen.

Können Sie sogar relative Links mit WordPress verwenden?

5
Doug Smith

Lassen Sie mich Ihre Frage mit einer Frage beantworten: Sind diese Bilder Teil Ihrer Vorlage oder für allgemeine Zwecke?

Das Wordpress-Theme " Responsive " enthält Bilderdateien im gesamten Theme-Ordner. Das Thema sollte bei yoursite.com/wp-content/themes/responsive sein. In diesem Themenordner befinden sich einige Ordner mit Bildern: Die offensichtlichen "Bilder", auch "Symbole" und "enthält/Bilder".

Lassen Sie uns nun einige Ihrer Punkte ansprechen.

JA, Sie können relative URLs für Ihre Bilder verwenden, jedoch nur in Ihren CSS-Dateien. Diese Bilder müssen relativ zum Themenordner sein. In einigen seltenen Fällen fügen Benutzer statische HTML-Dateien in ihre Designs ein, wobei die relativen Pfade möglicherweise funktionieren.

NEIN, Sie können keine relativen Pfade in Ihren PHP-Dateien verwenden, und selbst wenn Sie könnten, könnten sie bei der geringsten Änderung brechen. Verwenden Sie Wordpress dynamische Funktionen vor Ihren relativen Pfaden, um sicherzustellen, dass sie nicht kaputt gehen. Wenn Sie Ihr Bild aus dem Dashboard-Editor hinzufügen, müssen Sie immer absolute URLs verwenden. Dies wäre kein Problem, da Sie für jedes Bild, das Sie in Ihrer Medienbibliothek speichern, die absolute URL erhalten, wenn Sie auf "Bearbeiten" klicken.

Jetzt gibt es einen Ordner, in dem alle Ihre Nicht-Vorlagenbilder gespeichert sind, yoursite.com/wp-content/uploads. Sie können diesen Ordner in Ihren Dashboard-Einstellungen> Medien ändern. Die Option wird als "Uploads in diesem Ordner speichern" angezeigt. Sie können einen Ordner wie yoursite.com/images auswählen (aber Sie müssen diesen Ordner zuerst erstellen).

enter image description here

4
harrypujols

Wo möchten Sie diese URL verwenden?

Es ist etwas unklar, was Sie tun möchten und wo Sie Ihre URL verwenden möchten.

Im Code eines Themas

Sie können get_template_directory_uri () in Ihrem Themencode verwenden, um die URL Ihres Themas abzurufen. So rufen Sie die URI von wp-content/themes/<your_theme>/image/image.jpg ab:

<img src="<?php echo get_template_directory_uri() ?>/images/image.jpg">

In diesem Fall sollten Sie sich nicht auf absolute URLs verlassen, da für die Verknüpfung mit /wp-content/themes/... Wordpress in einem bestimmten Ordner installiert sein muss.

Um die URLs der Dateien in Ihrem wp-content/uploads abzurufen, können Sie wp_upload_dir auf ähnliche Weise verwenden. Aber wenn Sie das tun, machen Sie wahrscheinlich etwas falsch.

In einem Beitrag

Verwenden Sie keine relativen URLs. Verwenden Sie die absolute URL des Assets (für Uploads können Sie es aus der Medienbibliothek beziehen, für andere Dinge müssen Sie es herausfinden). Der Inhalt eines Posts kann möglicherweise auf "jeder" URL (z. B. in einem RSS-Feed) angezeigt werden. In diesem Fall sind relative URLs wenig sinnvoll.

Was geht wohin?

Wenn das Bild Teil Ihres Themas ist (z. B. ein Hintergrundbild), sollte es sich im Ordner Ihres Themas befinden (möglicherweise in einem Unterordner mit dem Namen images). Gleiches gilt für CSS-Dateien, Javascript und so weiter. Das eingebaute Twentyeleven-Theme ist eine großartige Ressource: Sehen Sie sich das Ordner-Layout und den header.php an.

Wenn es sich bei dem Bild um einen Upload handelt, wird es in den Upload-Ordner von Wordpress verschoben. Sie sollten nur hochgeladene Dateien in Ihren Posts/Seiten verwenden - sie sind Teil des Inhalts der Website, nicht Code.

4
vicvicvic

Der einfachste Ort zum Speichern von Bildern ist /wp-content/uploads. Wenn Sie diesen relativen Pfad verwenden, können Sie auf die dort gespeicherten Bilder zugreifen.

0
Dan Dascalescu

Wenn die Bilder Teil Ihres Themas sind, möchten Sie sie im Themenordner speichern. Wenn nicht, sollten sie in/wp-content/uploads gespeichert werden.

0
Chris Wiegman