WordPress 12 - Design Meets Code

Social Share Icons beim Enfold Theme

14. Januar 2017 Leave a Comment

Beim Enfold Theme ist standardmäßig nur ein schmaler Streifen im oberen Bereich der Social Share Icons beim Hovern aktiv. Abhilfe schafft hier folgender Eintrag in der style.css

.av-share-box {
  margin-bottom: 5px;
}

Kommentarfeld beim Layoutbuilder (ALB) vom Enfold Theme

9. September 2016 Leave a Comment

Benutzt man beim Enfold Theme den Layout Builder (ALB) erscheinen standardmäßig keine Kommentare unterhalb der Artikel. Auch die Social Share Buttons fehlen.

Für Kommentare gibt es zwar eine Komponente im Layoutbuilder, so dass man beim Erstellen des Artikels ein Kommentarfeld als Komponente hinzufügen kann. Möchte man jedoch nachträglich bei sehr vielen Artikeln die Kommentarfunktion aktivieren oder nicht jedesmal das Kommentarelement hinzufügen, gibt es eine automatische Variante über eine Funktion in der functions.php

add_filter('avf_template_builder_content', 'avia_add_social_toolbar_template_builder', 10, 1);
function avia_add_social_toolbar_template_builder($content = "")
{
	if(is_singular('event' || 'post')) {
		ob_start();
		avia_social_share_links(array(), false);
		$social = ob_get_clean();
		$content = $content . $social;
		$content .= '<div style="height:1px; margin-top:20px;" class="hr"></div>';
		$content .= do_shortcode('[av_comments_list]');
		
	
	return $content;
	}
	elseif(is_page()) {

		ob_start();
		avia_social_share_links(array(), false);
		$social = ob_get_clean();
		$content = $content . $social;
	}
	
	return $content;
}

In diesem Fall werden bei Artikeln und dem Custom Post Type „Event“ die Social Share Buttons und Kommentare eingebunden, bei Seiten hingegen nur die Social Share Buttons.

Diese Funktion ist auch hilfreich, wenn man automatisch Adsense Code vor oder nach dem Content einfügen möchte.

Enfold Theme: Layout Bulider für eigene Custom Post Types

2. September 2016 Leave a Comment

Der Layout Builder vom Enfold Theme steht nur für Beiträge, Seiten und Portfolio Einträge zur Verfügung. Definiert man selber einen Custom Post Type, dann kann man beim Bearbeiten den Advanced Layout Builder (ALB) nicht benutzen. Aber natürlich gibt es Abhilfe.

Folgender Code muss in die functions.php eingefügt werden. Hierbei muss der Name des Custom Post Types, der unterstützt wird eingesetzt werden (in diesem Fall ‚events‘)

// Add Avia Layout support for custom post type Events
add_filter('avf_builder_boxes','custom_post_types_options');

function custom_post_types_options($boxes)
{
	
	$boxes = array(
	array( 'title' =>__('Avia Layout Builder','avia_framework' ), 'id'=>'avia_builder', 'page'=>array('portfolio','page','post','event'), 'context'=>'normal', 'priority'=>'high', 'expandable'=>true ),
	array( 'title' =>__('Layout','avia_framework' ), 'id'=>'layout', 'page'=>array('portfolio', 'page' , 'post','event'), 'context'=>'side', 'priority'=>'low'),
	array( 'title' =>__('Additional Portfolio Settings','avia_framework' ), 'id'=>'preview', 'page'=>array('portfolio'), 'context'=>'normal', 'priority'=>'high' ),
	array( 'title' =>__('Breadcrumb Hierarchy','avia_framework' ), 'id'=>'hierarchy', 'page'=>array('portfolio'), 'context'=>'side', 'priority'=>'low'),
	);
	
	return $boxes;
}

Um die Custom Post Type Archivseite mit einem Masonry Grid darzustellen, muss in die functions.php folgender Code eingetragen werden

add_theme_support('add_avia_builder_post_type_option');

Nun kann man beim Inhaltselement Masonry Grid auch den Custom Post Type zur Auflistung auswählen.