Contenu principal

SF After Content Box

Une extension pour les utilisateurs du thème Divi, qui permet de limiter la largeur des contenus additionnels ajoutés à la fin des articles sur les pages avec agencement pleine largeur.

Vous utilisez peut-être des extensions qui ajoutent du contenu supplémentaire à la fin de vos articles, comme des liens vers des articles sur le même sujet, des boutons de partage, ou un formulaire d’inscription à une newsletter.
Or, si vous utilisez le thème Divi, vous êtes probablement embêté sur les pages où vous utilisez à la fois le builder et l’agencement pleine largeur. Dans cette configuration, ce contenu supplémentaire va occuper toute la largeur de la page, ce qui est disgracieux dans probablement la plupart des cas.

Cette extension permet de résoudre ce problème en ajoutant une section autour de ce contenu additionnel (une boite quoi), ce qui l’obligera à prendre la même largeur que votre contenu principal.

Si vous savez faire un add_filter(), deux filtres sont à disposition.

Avec le filtre suivant vous pourrez modifier le « test de pleine largeur », pour dire si oui ou non la « boite » sera mise en place :

0102030405060708091011

// Test if the layout is a fullwidth.
$is_fullwidth_layout = 'et_full_width_page' === get_post_meta( $post_id, '_et_pb_page_layout', true ) && 'on' === get_post_meta( $post_id, '_et_pb_use_builder', true );
/**
 * Filter the result of the layout test.
 *
 * @since 1.0
 *
 * @param (bool) $is_fullwidth_layout Result of the layout test.
 * @param (int)  $post_id             The post ID.
 */
$is_fullwidth_layout = apply_filters( 'sfacb.content.is_fullwidth_layout', $is_fullwidth_layout, $post_id );

Avec ce filtre vous pourrez modifier le marquage html de la « boite », et donc changer de balise ou ajouter des classes css (%s représente bien sûr le contenu additionnel) :

01020304050607080910

$wrapper = '<div class="after-post-content-outer et_pb_section"><div class="after-post-content-inner et_pb_row">%s</div></div>';
/**
 * Filter the wrapper html tags.
 *
 * @since 1.0
 *
 * @param (string) $wrapper The wrapper.
 * @param (int)    $post_id The post ID.
 */
$wrapper = apply_filters( 'sfacb.content.wrapper_html', $wrapper, $post_id );

Et si vous n’utilisez pas Divi mais avez le même problème, vous pourrez probablement utiliser ces deux filtres pour adapter l’extension à votre thème.