Wie werden Bild-Icons ins Sidebar eingefügt?

  • Hallo,

    ich möchte gern wissen wie man ein Bild oder Bild-Icon (Hinweis auf Google usw.) in das Sidebar einfügt und verlinkt?

    Es ist mir klar wie ein Bild in einem Eintrag eingefügt wird, dabei hilft der Text-Editor.

    Hier muss aber vermutlich was anderes gemacht werden.
    Könnte mir jemand den Vorgang erklären?
    Danke
    Raffael

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • die sitebar editieren?
    zb mit proton öffnen, code an der richtigen stelle reinschreiben, speichern und uploaden.

    logo: immer sicherung anlegen. man weiss ja nie ;-)

    Das grösste Problem des Computers sitzt in der Regel ca. 40cm davor. ;-) - -

  • die sitebar editieren?
    zb mit proton öffnen, code an der richtigen stelle reinschreiben, speichern und uploaden.

    logo: immer sicherung anlegen. man weiss ja nie ;-)

    Danke Venus für die Antwort,
    leider als Anfänger kann ich es nicht ganz verstehen.
    Was ist proton, wasfür code? Ich habe das Bild (Bild-Icon) als .jpg-Datei sonst nichts, die möchte ich einfügen und verlinken, somit die angeklickt werden kann. Im Sidebar ist es wahrscheinlich anders als im Eintrag.
    Könntest Du es einfacher erklären?

    Danke
    Raffael

  • Um die Sidebar zu modifizieren, mußt du diese mit einem ASCII-Editor deiner Wahl (wie z.B. Proton auch einer ist) öffnen und entsprechend bearbeiten.
    Meist ist dii Sidebar in die Datei sidebar.php des entsprechenden Themes ausgelagert.

    Grüße
    Mo

  • Danke Euch, jetzt komme ich näher der Sache.
    Statt Proton habe ich TextWrangler.
    Ich habe so ein Bildchen wie SuMu hier. Also: Wo soll das Bild gelagert werden?
    Und soll ich hier das so schreiben [COLOR=#800080][COLOR=#0000ff]"/images/logo"[/COLOR][/COLOR]

    oder soll dies nach meiner Daten umgeschrieben werden?

    Tut mir leid, noch nie gemacht.
    Danke
    Raffael
    [COLOR=#800080][COLOR=#0000ff]


    [/COLOR][/COLOR]

  • Statt Proton habe ich TextWrangler.

    kenne ich nicht.

    Zitat von raffael

    Ich habe so ein Bildchen wie SuMu hier.

    das unter seinem namen hier im forum?

    Zitat von raffael

    Also: Wo soll das Bild gelagert werden?

    möglichst an der stelle (in dem ordner) wo du alle bilder deiner hp speicherst. du kannst dir natürlich dafür in deinem wp ein verzeichniss anlegen.
    images/logo wird nicht so glücklich sein. denn das ist wohl das logo deines wp(themes) - aber ins verzeichnis images kannst du es legen. (wenn du dann nie das theme wechselst.)

    Das grösste Problem des Computers sitzt in der Regel ca. 40cm davor. ;-) - -


  • das unter seinem namen hier im forum?

    Ja genau, hier in seiner Antwort unter seinem Namen.


    möglichst an der stelle (in dem ordner) wo du alle bilder deiner hp speicherst. du kannst dir natürlich dafür in deinem wp ein verzeichniss anlegen.
    images/logo wird nicht so glücklich sein. denn das ist wohl das logo deines wp(themes) - aber ins verzeichnis images kannst du es legen. (wenn du dann nie das theme wechselst.)

    Welchen anderen Ordner könnte noch in Frage kommen, wenn ich Theme wechsle? Kann ich einfach einen Ordner mit eigenen Worten z.B. "Bilder" anlegen? wo soll das dann vermerkt werden, damit die software es weiss, dass dort drin Bild-Dateien sind?

    Dies ist von SuMu:
    [COLOR=#800080]<img src=[COLOR=#0000ff]"/images/logo"[/COLOR] width=[COLOR=#0000ff]"xx"[/COLOR] height=[COLOR=#0000ff]"xx"[/COLOR]
    alt="/>[/COLOR]

    hier weiss ich nicht ob es einzugebender Text ist oder soll ich umschreiben wie bei Höhe und Weite, wo die xx stehen?

    Danke für weitere Anweisungen.
    Es ist bestimmt einfach wenn man schon gemacht hat, warum ist es so kompliziert?
    Raffael

  • Zitat

    Welchen anderen Ordner könnte noch in Frage kommen, wenn ich Theme wechsle? Kann ich einfach einen Ordner mit eigenen Worten z.B. "Bilder" anlegen? wo soll das dann vermerkt werden, damit die software es weiss, dass dort drin Bild-Dateien sind?

    Ja grundsätzlich ist es möglich, einen extra Ordner für deine Bilder anzulegen. Ich habe es zum Beispiel bei mir so gemacht, dass ich unter dem Ordner wp-content/ einen Ordner "bilder" angelegt habe! Musst du aber nicht tun! Der code von SuMu (siehe unten) ist ein Beispiel. Diesen musst du in die sidebar.php deines Themes einfügen - solltest dich also erstmal für ein Theme entscheiden - an die Stelle, wo das Bild erscheinen soll!

    Das hier steht ja für den Pfad des Bildes :: src="images/bild.jpg" Also gibst du hinter "src=" den Pfad an, wo du dein Bild gespeichert hast. Zum Beispiel ::

    <img src="wp-content/bilder/bild.jpg" >

    Zitat


    Dies ist von SuMu:
    [COLOR=#800080]<img src=[COLOR=#0000ff]"/images/logo"[/COLOR] width=[COLOR=#0000ff]"xx"[/COLOR] height=[COLOR=#0000ff]"xx"[/COLOR]
    alt="/>[/COLOR]

    hier weiss ich nicht ob es einzugebender Text ist oder soll ich umschreiben wie bei Höhe und Weite, wo die xx stehen?

    für xx sollten normalerweise zahlen stehen. width steht für die Breite des Bildes und height für die Höhe ... trage dort einfach die Werte deines Bildes ein! Aber immer schön die Gänsefüsschen stehen lassen! "..."

    Hier: alt="...." :zwischen die "Gänsefüßchen" einfach eine kurze Beschreibung fürs Bild. Die steht dann da falls das Bild einmal nicht angezeigt wird. Somit ist auch der Link dann für die Allgemeinheit zu sehen und man sieht nicht nur ein Kreuz!

  • warum ist es so kompliziert?

    kompliziert? nichts ist kompliziert auf dieser welt ... auch operationen am offenen herzen nicht, kann jeder!! - man muss nur wissen wie. jeder geht mal zu schule (lehre, autofahren, etc.) um zu lernen - nur computer(programme) müssen alles können ohne, dass "man" etwas zu lernen braucht.
    raffael, ist nicht gegen dich gemeint - ganz allgemein. ok, ich schweife ab, also völlig OT.

    Zitat von raffael

    Welchen anderen Ordner könnte noch in Frage kommen, wenn ich Theme wechsle?

    ich würde mir unter wordpress einen ordner images oder bilder anlegen. da alles reinstellen was "von mir" ist. beim wechseln des themes musst du eh ggf. alles anpassen was du selber änderst / erstellst. aber du hast so mehr übersicht.

    Zitat

    Dies ist von SuMu:
    [COLOR=#800080]<img src=[COLOR=#0000ff]"/images/logo"[/COLOR] width=[COLOR=#0000ff]"xx"[/COLOR] height=[COLOR=#0000ff]"xx"[/COLOR]
    alt="/>[/COLOR]

    dies verweist auf den ordner images und in diesem auf das file logo mit der grösse (breite - höhe) von xx.
    eine sehr gute dokumentation um dich einzuarbeiten findest du hier.

    bitte nicht böse sein über mein geschriebenes, will dir nicht zu nahe treten oder dich beleidigen. aber etwas wissen muss auch für ein blog vorhanden sein.
    aber hier im forum wird dir sicherlich gerne von jedem geholfen soweit man kann.

    Das grösste Problem des Computers sitzt in der Regel ca. 40cm davor. ;-) - -

  • Venus!
    Vielen Dank für die Hilfe.

    Gewöhnlich sind auch medizin Studenten im OP. Die werden später auch mal diesunddas zusammennähen dürfen. Ich sitze gerade vor dem Bildschirm und wollte eine Instruction bekommen. Böse bin ich nicht wegen deinem Scherz, es freut mich, dass Ihr mir helft.

    Raffael

  • War gerade mal da und hatte so viel Elan (und wusste mal eine kluge Antwort :p ) ... werde mich in Zukunft zurücknehmen :-)

    würde mich nicht als Teufel bezeichnen ... eher als Tiger (laut Chinesischem Sternzeichen ... oder war's doch ein anderes ? ) ;-)

  • Gatze!, bloss nicht wegbleiben und dich nnicht zurücknehmen!
    Ohne Deine Beschreibung wäre ich immer noch am Grübeln.

    Sind Tiger Katzen? :wink:

    Herzlichst
    Raffael

  • Du machst dir Gedanken um Sachen, die die Welt bewegen oder? :p

    Tja, ich kenne mich in der Tier-Welt nicht so gut aus, weiss nicht was sie wirklich bewegt. Aber Gedanken darüber mache ich mir schon. :smile:


    Schöne Grüsse
    Raffael

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!