Support » Allgemeine Fragen » Seite zu bearbeiten finden mit Entwicklertool

  • Hallo zusammen
    Ich möchte eine Seite anpassen in WordPress, habe auch die exakte Stelle gefunden mit dem Google Chrome Entwicklertool (Stelle markiert, „untersuchen“).
    Das funktioniert wunderbar.

    Nur:
    Wie finde ich nun heraus, in welcher Datei sich dieser Code befindet? WordPress hat ja so viele Dateien. Sieht man das im Entwicklertool? Wo und wie?

    Danke im Voraus und liebe Grüsse

Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)
  • Hallo,
    am besten schreibst du mal, was genau du ändern möchtest.
    Wenn du dann noch die URL oben einträgst, dann können wir uns das auch ansehen und dir sicher besser helfen.
    Viele Grüße
    Hans-Gerd

    Das Plugin Query Monitor kann da sehr hilfreich sein. Während du dir die Seite im Frontend ansiehst, kannst du über die Admin-Leiste dann sehen, welche Templates verwendet werden, um diese Seite darzustellen.

    Änderungen am Theme werden beim nächsten Update überschrieben. Deshalb solltest du, wenn tatsächlich PHP-Code geändert werden soll, ein Child Theme erstellen, das zu ändernde Template in das Child-Theme-Verzeichnis kopieren und dann nach deinen Wünschen anpassen. Zum Erstellen von Child Themes findest du im Web zahlreiche Tutorials.

    Die Änerungen sollten nicht direkt auf dem Server erfolgen, weil Warnhinweise zu Programmierfehlern zumindest unprofessionell aussehen, wenn du nicht gleich die ganze Website abschießt. Profis arbeiten mit einem Staging-Server, für den Hausgebrauch reicht auch ein lokaler Webserver auf deinem eigenen PC.

    Wenn du nur gestalterische Anpassungen vornehmen möchtest, kommst du oft mit ein paar eigenen CSS-Regeln aus, die du im Customizer unter Zusätzliches CSS eintragen kannst. Welche CSS-Regeln angepasst werden müssen kannst du bereits im Browser herausfinden: Rechtsklick auf das Element, das du ändern möchtest > Element untersuchen und dann siehst du im neu eingeblendeten Abschnitt mit den Entwickler-Tools im Tab „Inspektor“ links das verwendete HTML und rechts die zugehörigen CSS-Regeln. Hier kannst du sogar eigene CSS-Regeln ausprobieren und direkt kopieren, um sie anschließend im Customizer einzufügen.

    Thread-Starter precrime

    (@precrime)

    Hallo zusammen und vielen Dank für die Tipps.
    Genau, muss unbedingt noch ein Child Theme einrichten, das ist ein guter Tipp.

    Die Seite die ich ändern möchte:
    https://gadgetsplace.ch/produkt/mini-kamera-full-hd/

    Man sieht, dass die Artikelnummer vom Wort Artikel verdeckt wird, dort möchte ich eine simple Zeilenschaltung einfügen.

    Gibt es eine Möglichkeit herauszufinden, in welcher Datei?

    Danke, werde Query Monitor mal ausprobieren, vielen Dank

    Da reicht eine CSS-Regel. Wie du die ermittelst und wo du die einträgst habe ich ja bereits beschrieben. Probier’s doch mal damit:

    .product_meta > div > div:first-child {
        min-width: 120px;
    }
    Thread-Starter precrime

    (@precrime)

    Danke Bego Mario Garde, klappt wunderbar!
    Habe nun ein Child Theme erstellt, und die CSS-Regel direkt unter zusätzliches CSS eingetragen.

    Dies wird nun bei Updates nicht überschrieben, oder?

    Vielen Dank, genau so wollte ich es 🙂

    Dies wird nun bei Updates nicht überschrieben, oder?

    Nein, wird es nicht. Wenn das die einzige Anpassung ist, dann brauchst du auch kein Child-Theme

Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)
  • Das Thema „Seite zu bearbeiten finden mit Entwicklertool“ ist für neue Antworten geschlossen.