Hallo zusammen,
ich hoffe, dass mir jemand bei folgendem Problem weiterhelfen kann.
Und zwar bin ich gerade dabei, eine WordPress-Website mit dem Twenty Thirteen Theme als Basis zu gestalten. In diesem Zuge ist die Verwendung eines Header-Banners gewünscht worden, welcher die Maße von 1100 x 328 hat. Da nun der Twenty Thirteen Theme für das Header Image Standardmaße von 1600 x 230 hat, kommt es natürlich zu gewissen Komplikationen.
Der Twenty Thirteen Theme hat hier ja nun für den Custom Header Support eine extra Datei:
==== functions.php =====
require get_template_directory() . '/inc/custom-header.php';
In der custom-header.php finde ich entsprechend auch folgenden Eintrag:
function twentythirteen_custom_header_setup() {
$args = array(
// Text color and image (empty to use none).
'default-text-color' => '220e10',
'default-image' => '%s/images/headers/circle.png',
// Set height and width, with a maximum value for the width.
'height' => 230,
'width' => 1600,
// Callbacks for styling the header and the admin preview.
'wp-head-callback' => 'twentythirteen_header_style',
'admin-head-callback' => 'twentythirteen_admin_header_style',
'admin-preview-callback' => 'twentythirteen_admin_header_image',
);
add_theme_support( 'custom-header', $args );
.
.
.
}
Wenn ich hier nun die Werte für "height" und "width" abändere, so nimmt WordPress zwar die neuen Werte an, allerdings ändert dies nichts an der Höhe des Headers. Ändere ich nun entsprechend in der .css den ".site-header" auf die entsprechende Höhe, wird mir dies folglich zwar auf der Seite angezeigt, allerdings hat sich die Position der Navigation nicht verändert und befindet sich einfach direkt über dem Bild (ist ja genau genommen nur ein Background Image).
Nun die erste Frage: Wie kann ich das Ganze so abändern, dass mir der neue Banner in der korrekten Größe angezeigt und die Navigation sich entsprechend unterhalb des Banners befindet? (Bisher bin ich ehrlich gesagt nur auf die Idee gekommen, die Navigation aus dem Header rauszunehmen und unter den Header zu platzieren - ist nur die Frage, ob es eine bessere Lösung gibt).
Weiterhin kommen wir dann zu meinem Hauptproblem und der eigentlichen Frage. Da bei jeglichem Update des Themes die Änderungen wieder komplett überschrieben werden würden, habe ich entsprechend einen Child-Theme erstellt. Dies bedeutet natürlich auch, dass ich die Änderungen in der 'custom-header.php' im Child-Theme statt im Parent-Theme vornehmen müsste. Nur habe ich bis jetzt nicht herausgefunden, wie ich das realisiere.
Im ersten Schritt habe ich die Datei kopiert und entsprechend wie im Parent-Theme den Pfad '/inc/custom-header.php' im Child-Theme angelegt. Dass hier jetzt erst mal noch nichts passiert, ist klar, da auf diese Datei erst mal hingewiesen werden muss.
(Fortsetzung in der Antwort.)
html, css und cgi tutorials