Denne tutorial indeholder trinnene til at oprette en Copyblogger-stil Post Grid Layout i Genesis.

Eksempel:

Tablet og Mobilvisning.

Testet i Genesis Sample 3.2.0, men vil arbejde med de fleste af Genesis børnetemaer.

Ide:

  1. Opret en brugerdefineret gittercontainer ved hjælp af CSS Grid med indbygget support til gamle browsere.
  2. Genplacering Entry Meta (over indhold) og Entry Meta (under indhold) og posttitel.
  3. Slyngetæller for at fjerne og tilføje indtastningsindhold på valgte indlæg.

Lad os begynde.

Forudsætning:

Dette er valgfrie trin, og kode vil gå i underordnet tema / features.php

1. Opret en forfatter Gravatar Shortcode ved hjælp af koden

//* Add author avatar shortcode
add_shortcode('author_avatar', 'dy_author_gravatar', 1);
function dy_author_gravatar(){
	
	$avatar = get_avatar( get_the_author_meta( 'ID' ) );
	$avatarURL = get_author_posts_url( get_the_author_meta( 'ID' ) );
	
	echo '
'; echo ''.$avatar.''; echo '
'; }

Anvendelse:

(author_avatar)
//* Modify the Genesis content limit read more link
add_filter( 'get_the_content_more_link', 'dy_read_more_link' );
function dy_read_more_link() {
	return '... Continue Reading';
}

3. Opret et widget-område til Blog efter Site Header

// Register Hero Section widget area.
genesis_register_widget_area( array(
    'id'          => 'hero-section',
    'name'        => __( 'Hero Section', 'theme-name' ),
	'description' => __( 'This is the hero section widget area.', 'theme-name' ),
	'before_title' => '

', 'after_title' => '

', ) ); // Display Hero Section widget area after site header. add_action( 'genesis_after_header', 'dy_hero_section_widget_area' ); function dy_hero_section_widget_area() { //if we are not on the post page, Abort. if ( ! is_home() || is_paged() ) { return; } genesis_widget_area( 'hero-section', array( 'before' => '
', 'after' => '
', ) ); }

TRIN 1

Der er to filer (autoskabeloner), som vi er nødt til at oprette i henhold til arkivet og postsiden under underordnet tema.

READ  The easiest way to find Post ID on Wordpress is to know it

1. home.php og 2. archive.php

Tilføj den krævede kode i underordnet tema / home.php og archive.php

Read more :

Leave a Reply

Your email address will not be published. Required fields are marked *