Bilder auf der Webseite einbinden
lima-city → Forum → Die eigene Homepage → Homepage Allgemein
bild
code
dateiname
detail
dumme frage
ersten schritten
header
integrierten werkzeugen
joch
medium
pfad
programm
resultat
tag
turmfalke
unterseite
url
verwenden
visuellen modus
vorhandenes bild
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Kommt darauf an wie Du Deine Seite erstellst. Machst Du das mit einem Baukasten oder schreibst Du den Code selbst?
In jedem Fall muß in der Seite hinterlegt sein von wo das Bild geladen werden soll! -
Dumme Fragen gibt es eigentlich nicht. Falls es eine HTML-Seite ist funktioniert das über <img src="bildname.jpg"> weitere Attribute sind möglich, schau einfach mal hier https://www.html-seminar.de/grafiken.htm.
-
naja der Pfad sollte schon mit angegeben werden:
<img src="https://DeineAdresse.de/Verzeichnis auf dem Webspace/Bildname.jpg" oder auch anderes Bildformat -
turmfalken-nikolai schrieb:
naja der Pfad sollte schon mit angegeben werden:
<img src="https://DeineAdresse.de/Verzeichnis auf dem Webspace/Bildname.jpg" oder auch anderes Bildformat
Warum?
src (engl. source für Quelle) für die Referenz der Bilddatei. Diese kann wie in HTML üblich relativ oder absolut angegeben werden.
Lima-City referenziert die von mir heiß geliebten Schneeflocken ja auch nicht mit
https://www.lima-city.de/images/layout/pixel.png
sondern nur mit
images/layout/pixel.png
Bildname.jpg ohne weitere Angaben ist eine relative Angabe, die besagt, dass sich die Bilddatei im gleichen Verzeichnis befindet wie die HTML-Datei. -
Vorausgesetzt sie wurde in das gleiche Verzeichnis hochgeladen
Deswegen meine Frage wie er die Seite erstellt hat! Bei manch CMS gibts dann einen extra Ordner "pictures"
Beitrag zuletzt geändert: 25.3.2018 21:28:23 von turmfalken-nikolai -
Ich habe gerade mal bei hjkeil nachgesehen http://hjkeil.lima-city.de. Er verwendet Wordpress mit twentyseventeen. Ich vermute mal dass es darum geht. Dort läuft das ganze so, dass man zum einen im Theme Twenty Seventeen über Customizer - Header. Medien - ein Header Bild (neues Bild hinzufügen) oder Video festlegen kann.
Zusätzlich ist es bei jedem Wordpress Theme möglich direkt per Beitrags- oder Seiteneditor Medien hinzuzufügen. Mit Beitragsbild kann man zusätzlich auch noch ein Beitragsbild festlegen.
Wenn man den Seiten bzw. Beitragseditor in den Textmodus schaltet, kann man auch direkt html Code wie <img src="bildname.jpg"> oder eben <img src="kompletter Pfad oder relativer Pfad">eingeben. Im visuellen Modus läuft das ganze über Medien hinzufügen, danach entweder ein vorhandenes Bild aus der Mediathek verwenden, oder das benötigte vom lokalen Rechner hochladen. -
So, habe eben mal meine Seite dahingehend verändert das ich bei einem Bild den Pfad vor dem Dateinamen entfernt habe! Resultat kann man hier sehen:https://turmfalken-nikolai-spandau.de/details-turmfalke/ Eigentlich müsste - wie bei den anderen Unterseiten - unter der Überschrift "Details Turmfalke" das Bild unseres Turms zu sehen sein! Ist es aber nicht!
Beitrag zuletzt geändert: 25.3.2018 22:38:53 von turmfalken-nikolai -
turmfalken-nikolai schrieb:
Das klappt natürlich nicht, dein Bild liegt ja bei Wordpress nicht im gleichen Ordner (ich glaube WP-Contend/Themes/Themenname) sondern in WP-Contend/Tag/Woche/Monat/Jahr oder was auch immer eingestellt ist. Du müßtest es also zuerst nach WP-Contend/Themes/Themenname kopieren um nur über den Bildnamen ein Ergebnis zu bekommen.
So, habe eben mal meine Seite dahingehend verändert das ich bei einem Bild den Pfad vor dem Dateinamen entfernt habe!
Mir ging es im letzten Beitrag mehr darum, dass man bei Wordpress den Editor in den Textmodus schalten kann, und dann in diesem Modus auch html Code verwenden kann. Im Fall von Wordpress macht es Sinn den absoluten Pfad zu verwenden, während man bei reinen Html-Seiten eher den relativen Pfad wie z.B. Dateiname oder /Bilder/Dateiname verwendet.
edit: Im übrigen geht es doch wohl mehr darum hjkeil bei ersten Schritten mit Wordpress zu unterstützen. Bisher glänzt nämlich immer noch der Kaktustopf auf der Seite, und das will er wahrscheinlich ändern ( /Design/Customiser/Header-Medien bzw. Themes Twentyseventeen/Customiser/Header-Medien)
Beitrag zuletzt geändert: 25.3.2018 23:34:37 von invalidenturm -
Das ist ja genau das was ich oben ausführte: Es kommt darauf an wie / womit die Seite erstellt ist! Und wenn ich WP verwende wäre es ja umständlich da im Code rumzufuhrwerken wenn ich die Bilder mit den integrierten Werkzeugen einfügen kann!
-
Die Anmerkungen zu WordPress sind natürlich vollkommen richtig, auch andere CMS habe ihre innere Logik. Bei WP z.B. erstellt ja das System bei konventioneller Nutzung sämtliche Angaben.
Der TE schrieb aber
Mit dem eingebauten ftp Programm kann ich eine Internetseite und ein Bild hochladen.
Das ist dann für die Nutzung von WP eher untypisch. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
