Vorhandenes Theme modifizieren

    Hallo zusammen!

    Bin Wordpress Neuling und arbeite mich langsam in die Thematik ein.
    Ich soll eine bestehende Homepage in Wordpress umsetzen und dafür ein bereits installierte Theme umgestalten. Das Theme besteht aus verschiedenen Templates (php). Wie kann ich nun in diese Templates "eingreifen", z. B. eigene Bilder (Hintergrundbild) und Logo einsetzen/platzieren?
    Für Eure Hilfe schon im Voraus meinen besten Dank!

    • Gerade eben
    • 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

    In dem Du die PHP-Dateien des Themes bearbeitest?! Dazu sind natürlich ein paar Kenntnisse in HTML, PHP u. CSS erforderlich.

    Hintergrundbilder bindest Du z.B. über die style.css des Themes ein. Je nach Theme kann das aber auch über einen entsprechenden Menüpunkt im Adminbereich gemacht werden.

    Danke erst Mal für Deine Antwort.
    Im Backend kann ich unter dem Menüpunkt "Design" - "Editor" die jeweiligen Codes der bereits installierten theme anschauen. Ich habe eine Bilddatei (jpg), die ich als Hintergrundbild einsetzen möchte. Wie wandle ich dieses Format in php um, damit ich es über den Editor einsetzen kann? Oder bin ich da völlig auf dem Holzweg?
    Ich habe wie gesagt dieses vorhandene theme mit welchem ich arbeiten soll (als Design-Mustervorlage), auf dieser Grundlage soll ich nun Hintergrundbild austauschen, Text in der Navigation und dem Content ebenfalls austauschen/ändern und ein Logo (png) platzieren. ICh kann diese Dateien ja nicht einfach hochladen und platzieren, ich muss ja in das vorhandene theme "reinpfuschen" und Platzhalter (PHP) austauschen, oder?

    Zitat von mila77

    Oder bin ich da völlig auf dem Holzweg?

    Ja ;-) Da wird nichts "in PHP umgewandelt". Du lädst das Bild auf den Server und bearbeitest dann die style.css des Themes. Dort verweist Du dann auf die URL zum Bild.

    Lade das Bild einfach mal auf den Server und poste anschließend mal bitte die URL zum Blog und die URL zum Bild.

    Ok, nun bin ich schlauer. An das style.css der theme komm ich ran, an welcher Stelle kann ich nun die URL für das gewünschte Hintergrundbild einsetzen? Merci im Voraus für die Hilfe!

    Speichere Dein Hintergrundbild einfach als bg.jpg ab und lade es per FTP Tool (z.B. Filezilla) in den Ordner wp-content/themes/citydreams/images hoch. Das bereits vorhandene überschreibst Du dann. Browsercache löschen und schon sollte Dein neues Bild als Hintergrund erscheinen.

    Das Hintergrundbild wird übrigens über die footer.php eingebunden (warum auch immer...)

    PHP
    <div id="bg"><table cellpadding="0" cellspacing="0"><tr><td><img alt="" src="<?php bloginfo('template_url'); ?>/images/bg.jpg" /></td></tr></table></div>

    hab leider noch ne dumme Frage auf Lager ;) wo befindet sich den der wp-content Ordner? Installiert wurde WP auf einem anderen Rechner, ich habe lediglich die Zugangsdaten bekommen um in dem installierten Programm zu arbeiten. Kann ich so überhaupt auf den wp-content Ordner zugreifen?

    Wie gesagt, benötigst Du dafür ein FTP Tool wie Filezilla und die FTP Zugangsdaten. Wenn Du diese nicht hast, kannst Du auch nicht auf die Ordner zugreifen.

    Dann bliebe Dir nur der Weg über den Editor des Backends. Dort müsstest Du dann das Bild in die Mediathek hochladen und Dir die Datei-URL notieren. Anschließend die URL in der footer.php bei src (siehe letzter Beitrag) in die Datei-URL des Bildes ändern. Speichern nicht vergessen.

    hat leider nicht hingehauen, vielleicht lag es an der URL --> http://wordpress.p136150.webspaceconfig.de/wp-content/uploads/2012/01/bg.jpg

    an welcher Stelle muss ich diese URL genau einfügen?

    <div>Copyright 2009 by <?php bloginfo('name'); ?>. Design by <a href="http://www.amypink.com">AMY&amp;PINK</a>.</div>
    <div id="bg"><table cellpadding="0" cellspacing="0"><tr><td><img alt="" src="<?php bloginfo('template_url'); ?>/images/bg.jpg" /></td></tr></table></div>
    </body>
    </html>

    Sagte ich doch, bei SRC

    PHP
    <div>Copyright 2009 by <?php bloginfo('name'); ?>. Design by <a href="http://www.amypink.com">AMY&amp;PINK</a>.</div>
<div id="bg"><table cellpadding="0" cellspacing="0"><tr><td><img alt="" [COLOR="Red"]src="http://wordpress.p136150.webspaceconfig.de/wp-content/uploads/2012/01/bg.jpg"[/COLOR] /></td></tr></table></div>
</body>
</html>

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden