Das Enfold Theme unter der Lupe: Features, Vorteile, Nachteile & Hacks

Mittlerweile findest du diese Funktion auch unter Enfold Theme -> „Import/Export“ -> „Benutzerdefinierter Schrift-Manager“

Hier kannst du die Google Webfont, die du vorher als Zip-Datei heruntergeladen hast, hochladen und die Google Webfont ist automatisch im Theme integriert. Du musst jetzt nur noch in den Theme Options unter „Allgemeines Styling“ -> „Schriften“ nach ganz unten im Dropdown Menü scrollen. Voila!

Der Vollständigkeithalber: Um deine Custom Google Webfont einzubinden, füge folgenden Code-Schnipsel in die functions.php deines Child-Themes:

add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
function avia_add_heading_font($fonts) { 

$fonts['Kaushan Script'] = 'Kaushan Script';
return $fonts;

}

add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts) {

$fonts['Kaushan Script'] = 'Kaushan Script';
return $fonts;

}

Dieser Code-Schnipsel fügt die Kaushan Script Font ein.

Manchmal importiert man Blogbeiträge, die kein read-more tag haben. Wenn du jetzt hunderte von solchen Posts hast, ist es schwierig den read-more tag nachträglich per Hand zu setzen. Du kannst aber das Beitragsexzerpt automatisch nach einer bestimmten Zeichenlänge kürzen. Dafür ergänze deine functions.php wie folgt:

add_filter('avf_postgrid_excerpt_length','avia_change_postgrid_excerpt_length', 10, 1);
function avia_change_postgrid_excerpt_length($length) { 
$length = 100; return $length; 
}

Nun ist jeder Beitragsauszug 100 Zeichen lang. Natürlich kannst du die Zahl auch an deine Bedürfnisse anpassen.

Du möchtest gern ein paar Container nebeneinander haben und diese sollen die selbe Höhe haben (um am Ende dieser Boxen beispielsweise einen Button anzuzeigen)? Dann kannst du dies mittlerweile auch direkt im Page Builder einstellen. Gehe auf Bearbeiten bei der ersten Box und wähle dann unter „Höhe“ „Gleiche Höhe“ aus. Früher ging dies nur per Script:

add_action('wp_footer', 'ava_producttablebtn'); 
function ava_producttablebtn(){ 
<script> 
(function($){ function c() { 
if( $.avia_utilities.isMobile ) return; 
$('.productsidetext').css('height', ''); 
var elementHeights = $('.productsidetext').map(function() { 
return $(this).height(); }).get(); 
var maxHeight = Math.max.apply(null, elementHeights); 
$('.productsidetext').height(maxHeight + 40); } 
$(window).on('load', function() { c(); }); 
$(window).on('resize', function() { c(); }); })(jQuery); 
</script>&lt;?php }

In diesem Beispiel solltest du jedem Container (beispielsweise der 1/3 Box) die CSS-Klasse „productsidetext“ geben.

Füge folgendes in die functions.php ein:

do_action('ava_after_main_menu', 'my_personal_code', 10); 
function my_personal_code() { 
echo '.... write the code you want to output ....'; 
}

Falls du ein Script oder einen Code nur auf einer bestimmten Seite einfügen möchtest (Stichwort: Speedoptimierung) füge folgendes in die functions.php ein:

// add something to header function add_something_to_header(){ if (is_page(10)); { Hier den Code rein } } add_action('wp_head', 'add_something_to_header');

In diesem Beispiel wird der Code nur auf der Seite mit der Page ID 10 eingefügt. um die Page-ID rauszukriegen, schau dir doch diesen Screenshot an:

<img class="alignnone size-full wp-image-24509" src="https://kopfundstift.de/wp-content/uploads/2020/01/enfold-page-id.jpg" alt="" width="773" height="433" />

Wenn der Code im Footer geladen werden soll, kannst du ihn wie folgt in die functions.php einfügen:

// add to footer function add_custom_footercode(){ ?&gt;<script> YOUR CODE GOES HERE </script>&lt;?php } add_action('wp_footer', 'add_custom_footercode');

Wenn die Taxonomy Portfolio komplett umbenannt werden soll (im Beispiel in Patente), kannst du Folgendes in die functions.php einfügen:

/**** Portfolio umbenennen im Dashboard ****/ add_action( 'init', 'unregister_taxonomy_for_custom_label', 30); 
function unregister_taxonomy_for_custom_label(){ 
global $wp_taxonomies; $taxonomy = 'portfolio_entries';
if ( taxonomy_exists( $taxonomy)) unset( 
$wp_taxonomies[$taxonomy]); } 
// portfolio args 
add_action( 'init', 'init_reg_portfolio', 50 ); 
function init_reg_portfolio() { 
add_filter('avf_portfolio_cpt_args', 'avf_portfolio_cpt_args_mod', 50, 1); 
$tax_args = array( "hierarchical" => true, "label" => "Patente Categories", "singular_label" => "Books Category", "rewrite" => array('slug'=>_x($permalinks['portfolio_entries_taxonomy_base'],'URL slug','avia_framework'), 'with_front'=>true), "query_var" => true ); $avia_config['custom_taxonomy']['portfolio']['portfolio_entries']['args'] = $tax_args; register_taxonomy("portfolio_entries", array("portfolio"), $tax_args); } add_action( 'after_setup_theme', 'init_reg_portfolio' ); function avf_portfolio_cpt_args_mod($args) { $labels = array( 'name' => _x('Patente', 'post type general name','avia_framework'), 'singular_name' => _x('Patente Entry', 'post type singular name','avia_framework'), 'add_new' => _x('Add New', 'book','avia_framework'), 'add_new_item' => __('Add New Patente Entry','avia_framework'), 'edit_item' => __('Edit Patente Entry','avia_framework'), 'new_item' => __('New Patente Entry','avia_framework'), 'view_item' => __('View Patente Entry','avia_framework'), 'search_items' => __('Search Patente Entries','avia_framework'), 'not_found' => __('No Patente Entries found','avia_framework'), 'not_found_in_trash' => __('No Patente Entries found in Trash','avia_framework'), 'parent_item_colon' => '' ); $args['labels'] = $labels; return $args; } 
/*** Ende ****/

Du möchtest Text in einer Lightbox darstellen? Bitte Folgendes in die functions.php einfügen:

/**** Content als Link in Lightbox öffnen ****/ function popup_inline() { ?><?php } add_action('wp_head', 'popup_inline'); /*** Ende ****/

Und folgendes dann als HTML-Code an die gewünschte Stelle einfügen:

DAS IST DER LINKTEXT

Und folgendes kommt noch in das QuickCSS Feld (oder deine style.css Datei):

.white-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; }

die ID (test-pop-up) muss für jedes Lightbox popup geändert werden. Solltest du also drei vers. Lightboxen (mit unterschiedlichen Inhalt) benötigen, musst du die erste z.B. „test-popup1“ nennen. Die zweite Lightbox dann „test-popup2“ und so weiter.

Falls du im Enfold Theme globale Elemente suchst – suchst du vergebens! Die Entwickler haben das leider nicht vorgesehen. Öfter setzt man das gleiche Element auf mehreren Seiten ein. Wenn sich dieses Element nun ändert musst du es auf allen Seiten bearbeiten. Das kann nervig sein. Mit dem Plugin Enfold Nested Shortcodes für Enfold kannst du mit dem Layout Architekt ein Element stylen und dies per Shortcode überall auf deiner Website benutzen! Wenn sich das Element ändert, bearbeitest du es nur einmal und es wird überall (als globales Element) auf der Seite geupdated.
Download hier:
Enfold – Nested Shortcodes

Um Code in den Head von Enfold einzufügen (beispielsweise ein meta tag von Facebook) fügst du deinen Code einfach in deine functions.php ein:

function add_custom_code(){ 
?&gt; //YOUR CODE HERE <!--?php } add_action('wp_head', 'add_custom_code');