GeneratePress child theme

Eigentlich nur als Gedächtnisstütze für mich, was ich alles verändert habe. Soviel ist es gar nicht.

Das CSS:

/*
 Theme Name:   MuchFun GeneratePress Child Theme
 Theme URI:    https://generatepress.com
 Description: GeneratePress child theme
 Author:       Michael Flügge
 Author URI:   http://fluegge.net
 Template:     generatepress
 Version:      0.8
*/

/* wichtig ist es, dass der Name des Templates in kleinen Buchstaben geschrieben wird */

/* Ändern der Farbe des Hintergrundes für code Schnipsel */
pre {
    background: #efefef;
}

/* CSS, um für das Really Simple Gallery Widget die Gruppierung nebeneinander zu erreichen */
dl {
	overflow: hidden;
	padding: 0 5%;
}

dt {
    float: left;
    margin: 5px;
 }
 
/* etwas breiter machen von 1100 auf 1170px für die Galerie in der Seitenleiste */
body .grid-container {
	max-width: 1170px;	
	align: center;
} 

/* padding in den widgets verkleinern von 40px auf 20px */
.footer-widgets, .widget-area .widget {
	padding: 20px;
}

/* header Text weiter in die Mitte schieben */
.main-title, .site-description {
	margin-left: 40px;
}

Änderungen an der functions.php,

hauptsächlich, um für das Simple Gallery Widget die richtige thumbnail – Größe zu produzieren:

<?php
/**
 * GeneratePress child theme functions and definitions.
 *
 * Add your custom PHP in this file. 
 * Only edit this file if you have direct access to it on your server (to fix errors if they happen).
 */

/* einbinden der style.css des Original-themes (muss bei jedem child theme gemacht werden) */
function generatepress_child_enqueue_scripts() {
	if ( is_rtl() ) {
		wp_enqueue_style( 'generatepress-rtl', trailingslashit( get_template_directory_uri() ) . 'rtl.css' );
	}
}
add_action( 'wp_enqueue_scripts', 'generatepress_child_enqueue_scripts', 100 );

/* Definition weiterer thumbnail-Größen */
add_theme_support( 'thumbnails' );
add_image_size( 'thumb-65x65', 65, 65, true );
add_image_size( 'thumb-70x70', 70, 70, true );
add_image_size( 'thumb-75x75', 75, 75, true );

Wer mehr über die image_size lesen möchte, findet hier einen Anfang: developer.wordpress.org

Die footer.php,

um den Hinweis auf das child theme einzubauen

/* Erweitern des footer Textes um child theme, sh %4$s */

if ( ! function_exists( 'generate_add_footer_info' ) ) :
add_action('generate_credits','generate_add_footer_info');
function generate_add_footer_info()
{
	$copyright = sprintf( '© 2013 - %1$s%3$s • %4$s',
		date( 'Y' ),
		esc_url( 'https://generatepress.com' ),
		__( 'GeneratePress','generatepress' ),
		'child theme by MuchFun'
	);
	
	echo apply_filters( 'generate_copyright', $copyright );
}
endif;

Really Simple Gallery Widget

Mir hat das WordPress plugin „Flickr Badges Widget“ sehr gefallen, was die Darstellung der Bilder angeht. Was mir nicht gefällt, ist, dass man seine Bilder bei Flickr hochladen muss, um sie in WordPress anzuzeigen. Außerdem finde ich die Darstellung der Bilder in Flickr nicht so gut.

Daher habe ich geschaut, was es an Alternativen gibt.
Gefunden habe ich das plugin „really simple gallery widget“ von Helen Hou-Sandi.

Dieses stellt allerdings in dem theme, dass ich nutze, alle Bilder untereinander dar.
Aus diesem Grund habe ich das CSS etwas angepasst:

dl { 
overflow: hidden; 
padding: 0 5%; /* muss man nicht machen, aber so rutschen die Bilder mehr in die Mitte */ 
}
dt { 
float: left; 
margin: 5px; 
}

Schließlich habe ich noch die Größe der Bilder verändert. Ich nutze aus meinem theme Kotha die Größe xs-thumb, die 60×60 px groß ist. Dies habe ich in der functions.php auf 75x75px geändert:

// Post thumbnails
...
	add_image_size('xs-thumb', 60, 60, TRUE);

wird zu

// Post thumbnails
...
	add_image_size('xs-thumb', 75, 75, TRUE);

Am sichersten ist es natürlich, all diese Änderungen in einem child theme zu machen.

Anmelde-snippet im Theme Kotha

Wer das Anmelde-widget von WordPress nicht nutzen möchte, kann stattdessen das snippet

<?php wp_loginout() ; ?>

nutzen. Im Theme Kotha fügt man dies in der footer.php ein, und zwar nach

echo wp_kses( $copyright, $allowed_tags ); ?>

Bei mir sieht das so aus (ich füge mittels php noch ein „-“ ein) :

echo wp_kses( $copyright, $allowed_tags ); ?>

<?php echo (" - ") ?>

<?php wp_loginout() ; ?>

</p>

Besser ist es natürlich, das Ganze in einem child theme zu machen.

Code Prettify Hintergrundfarbe ändern

Wenn man das Theme Kotha benutzt und das Plugin Code Prettify, dann wird der Hintergrund der code-Schnipsel sehr dunkel dargestellt.

Wie es aussieht, kann man dies ändern, in dem man im Customizer von Kotha unter „Zusätzliches CSS“ den Zusatz

pre {
 background: #fff;
}

einfügt.

Besser ist es natürlich, ein child theme zu erstellen und das CSS dort einzufügen.

Worauf wartest Du eigentlich?

Für alle, die schon immer drüber nachgedacht haben, eigentlich auch mal zu bloggen:

Worauf wartest du?

http://lifecatcher.de/die-eigentlich-falle/

Vielleicht trifft nicht alles auf Dich zu, was dort steht, aber: Was spricht dagegen, WordPress zu lernen und einfach mal anzufangen?  Niemand erwartet den perfekten Blog mit einem Super-Design.

Ich zB schreibe im Moment hauptsächlich nur auf, wie ich meine sites programmiert habe, damit ich in einem halben Jahr auch noch weiß, was ich da eigentlich gemacht habe.

Nicht besonders originell, weil viele andere das auch machen, aber immerhin gut genug, als dass ich schon Rückfragen bekomme.

Ein child Theme für TwentyTwelve

Was habe ich gemacht ?

Die Kommentar-Funktion „Hinterlassen Sie eine Antwort“ wollte ich gern unter den Beitrags-Text haben, daher habe ich in der content.php den Teil

<?php if ( comments_open() ) : ?>
 <div class="comments-link">
 <?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?>
 </div><!-- .comments-link -->
 <?php endif; // comments_open() ?>

von seiner ursprünglichen Position weiter nach unten unter

<footer class="entry-meta">

verschoben. Dann habe ich noch ein </br> darunter gefügt, damit der Abstand zum folgenden Satz etwas größer wird.

Verschieben des Menüs unter das header-Bild.

Dazu habe ich in der header.php das

<nav id="site-navigation" class="main-navigation" role="navigation">
 <button class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></button>
 <a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
 <?php ohneinwp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
 </nav><!-- #site-navigation -->

von seiner Position oberhalb des

<?php if ( get_header_image() ) : ?>
 ...
 <?php endif; ?>

einfach darunter verschoben.

Noch zu erledigen:

Um den Satz „Dieser Beitrag wurde unter … abgelegt.“ zu ändern, muss man in der functions.php die Funktion twentytwelve_entry_meta()  ändern.

twentytwelve: Größe des header-Bildes ändern

Wenn man mit der Größe des header-Bildes im Theme Twentytwelve nicht zufrieden ist, so kann man die Maße ändern.

Das folgende snippet habe ich im Internet gefunden.
(https://wordpress.org/support/topic/twenty-twelve-child-theme-change-header-height/)

<?php
function twentytwelvechild_custom_header_setup() {
$header_args = array( 'height' => 350, 'width' => 960 );
add_theme_support( 'custom-header', $header_args );
}
add_action( 'after_setup_theme', 'twentytwelvechild_custom_header_setup' );
?>

Man fügt es in die functions.php im child-Theme Ordner ein.
Ich habe hier die Höhe des Bildes von 250px auf 350px geändert. ( 18. Oktober 17: Habe ich aktuell gar nicht … sondern die Standardhöhe von 250px )