Im letzten Teil haben wir Vorbereitungen getroffen, um das Hemingway-Theme maßgeschneidert auf unsere Corporate Identity anpassen zu können – und genau das soll nun auch erfolgen.

Visual Studio Code

Die VM, auf der unser Docker-Container läuft, hat Ubuntu installiert, und das Editieren von Dateien über die Konsole ist recht mühselig. Um die Änderungen an dem Theme zu vereinfachen installieren wir uns lokal VS Code auf dem Laptop.

  • Nach Installation und Start ist links unten ein grünes Symbol zu sehen: Dieses anklicken und dann Remote SSH: Connect to Host… | 192.168.1.24 | Linux und dann ggf. den Fingerprint mit Continue bestätigen.
  • Nun File | Open Folder… und dann in das Verzeichnis von WordPress navigieren, so dass die Folder build und volumes sowie das docker-compose.yml im linken Explorer erscheinen.

VS Code erkennt das Git Repository auf der VM, so dass Files nunmehr über die IDE verwaltet werden können. Über Terminal | New Terminal kann ein Remote Console mit Bash geöffnet werden.

Copyright ändern

Im Footer der Seite fügt Hemingway den Namen des Blogs ein, dies entspricht jedoch i.d.R. nicht dem Seitenbesitzer. Das korrigieren wir nun exemplarisch: Im VS Code navigieren wir im Explorer nach volumes / themes / hemingway und öffnen die Datei footer.php und scrollen zur Zeile 56: Der Block wird nun wie folgt ersetzt:

<p class="credits-left">
    &copy; <?php echo date( 'Y' ); ?> 
    <a href="https://www.tdm-consult.com>">
        TDM Consult GmbH
    </a>
</p>

Ein Page-Refresh zeigt sofort die Änderung. Zudem zeigt VS Code die Änderung links im Git-Panel an: Die Datei kann von dort direkt in die Versionsverwaltung eingecheckt werden. Nach dem Commit nicht die Synchronisation vergessen, damit die Änderungen in die Origin gepushed werden. Dies ist dann auch sogleich die Sicherung für unsere Änderung.

Apropos Sicherung: Dies soll Gegenstand des nächsten Teils werden.