| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273 |
- <?php
- /**
- * Jetpack Compatibility File
- * See: https://jetpack.com/
- *
- * @package automattic/jetpack
- */
- /**
- * Add Jetpack extra functionality to Twenty Twenty.
- *
- * See: https://jetpack.com/support/infinite-scroll/
- * See: https://jetpack.com/support/responsive-videos/
- * See: https://jetpack.com/support/content-options/
- */
- function twentytwenty_jetpack_setup() {
- /**
- * Add theme support for Infinite Scroll.
- */
- add_theme_support(
- 'infinite-scroll',
- array(
- 'type' => 'click',
- 'container' => 'site-content',
- 'render' => 'twentytwenty_infinite_scroll_render',
- 'footer' => 'site-content',
- 'footer_widgets' => array(
- 'sidebar-1',
- 'sidebar-2',
- ),
- )
- );
- // Add theme support for Content Options.
- add_theme_support(
- 'jetpack-content-options',
- array(
- 'post-details' => array(
- 'stylesheet' => 'twentytwenty-style',
- 'date' => '.post-date',
- 'categories' => '.entry-categories',
- 'tags' => '.post-tags',
- 'author' => '.post-author',
- ),
- 'featured-images' => array(
- 'archive' => true,
- 'post' => true,
- 'page' => true,
- 'fallback' => false,
- ),
- )
- );
- /**
- * Add theme support for geo-location.
- */
- add_theme_support( 'jetpack-geo-location' );
- }
- add_action( 'after_setup_theme', 'twentytwenty_jetpack_setup' );
- /**
- * Custom render function for Infinite Scroll.
- */
- function twentytwenty_infinite_scroll_render() {
- while ( have_posts() ) {
- echo '<hr class="post-separator styled-separator is-style-wide section-inner" aria-hidden="true" />';
- the_post();
- get_template_part( 'template-parts/content', get_post_type() );
- }
- }
- /**
- * Remove Sharing buttons and Likes from excerpts that are used as intro on single post views.
- */
- function twentytwenty_no_sharing_on_excerpts() {
- if ( is_single() ) {
- // Remove sharing buttons.
- remove_filter( 'the_excerpt', 'sharing_display', 19 );
- // Remove Likes.
- if ( class_exists( 'Jetpack_Likes' ) ) {
- remove_filter( 'the_excerpt', array( Jetpack_Likes::init(), 'post_likes' ), 30, 1 );
- }
- }
- }
- add_action( 'loop_start', 'twentytwenty_no_sharing_on_excerpts' );
- /**
- * We do not need to display the Likes Heading here.
- *
- * @param string $heading Headline structure.
- * @param string $title Title.
- * @param string $module Module name.
- */
- function twentytwenty_no_likes_heading( $heading, $title, $module ) {
- if ( 'likes' === $module ) {
- return '';
- }
- return $heading;
- }
- add_filter( 'jetpack_sharing_headline_html', 'twentytwenty_no_likes_heading', 10, 3 );
- /**
- * Disable Ads in post excerpts, that are used as intro on single post views.
- */
- add_filter( 'wordads_excerpt_disable', '__return_true' );
- /**
- * Add our compat CSS file for Infinite Scroll and custom widget stylings and such.
- * Set the version equal to filemtime for development builds, and the JETPACK__VERSION for production
- * or skip it entirely for wpcom.
- */
- function twentytwenty_enqueue_jetpack_style() {
- $version = Jetpack::is_development_version()
- ? filemtime( JETPACK__PLUGIN_DIR . 'modules/theme-tools/compat/twentytwenty.css' )
- : JETPACK__VERSION;
- wp_enqueue_style( 'twentytwenty-jetpack', plugins_url( 'twentytwenty.css', __FILE__ ), array(), $version );
- wp_style_add_data( 'twentytwenty-jetpack', 'rtl', 'replace' );
- }
- add_action( 'wp_enqueue_scripts', 'twentytwenty_enqueue_jetpack_style' );
- /**
- * Add inline custom CSS with custom accent color if there is any set.
- */
- function twentytwenty_infinity_accent_color_css() {
- // Bail early if no custom color was set.
- if (
- 'custom' !== get_theme_mod( 'accent_hue_active' )
- || empty( get_theme_mod( 'accent_accessible_colors' ) )
- ) {
- return;
- }
- $color_info = get_theme_mod( 'accent_accessible_colors' );
- $custom_css = sprintf(
- '
- .infinite-scroll #site-content #infinite-handle span button,
- .infinite-scroll #site-content #infinite-handle span button:hover,
- .infinite-scroll #site-content #infinite-handle span button:focus {
- background: %1$s;
- color: %2$s;
- }
- #site-content .entry-content div.sharedaddy h3.sd-title,
- #site-content .entry-content h3.sd-title,
- #site-content .entry-content #jp-relatedposts h3.jp-relatedposts-headline {
- color: %3$s;
- }
- ',
- $color_info['content']['accent'],
- $color_info['content']['background'],
- $color_info['content']['secondary']
- );
- // Add our custom style to the existing Twenty Twenty CSS compat file.
- wp_add_inline_style( 'twentytwenty-jetpack', $custom_css );
- }
- add_action( 'wp_enqueue_scripts', 'twentytwenty_infinity_accent_color_css' );
- /**
- * Load AMP theme specific hooks for infinite scroll.
- *
- * @return void
- */
- function amp_twentytwenty_infinite_scroll_render_hooks() {
- add_filter( 'jetpack_amp_infinite_footers', 'twentytwenty_amp_infinite_footers', 10, 2 );
- add_filter( 'jetpack_amp_infinite_output', 'twentytwenty_amp_infinite_output' );
- add_filter( 'jetpack_amp_infinite_separator', 'twentytwenty_amp_infinite_separator' );
- add_filter( 'jetpack_amp_infinite_older_posts', 'twentytwenty_amp_infinite_older_posts' );
- }
- /**
- * Get the theme specific footers.
- *
- * @param array $footers The footers of the themes.
- * @param string $buffer Contents of the output buffer.
- *
- * @return mixed
- */
- function twentytwenty_amp_infinite_footers( $footers, $buffer ) {
- // Collect the footer wrapper.
- preg_match(
- '/<div class="footer-nav-widgets-wrapper.*<!-- .footer-nav-widgets-wrapper -->/s',
- $buffer,
- $footer
- );
- $footers[] = reset( $footer );
- // Collect the footer wrapper.
- preg_match(
- '/<footer id="site-footer".*<!-- #site-footer -->/s',
- $buffer,
- $footer
- );
- $footers[] = reset( $footer );
- return $footers;
- }
- /**
- * Hide and remove various elements from next page load.
- *
- * @param string $buffer Contents of the output buffer.
- *
- * @return string
- */
- function twentytwenty_amp_infinite_output( $buffer ) {
- // Hide site header on next page load.
- $buffer = preg_replace(
- '/id="site-header"/',
- '$0 next-page-hide',
- $buffer
- );
- // Hide pagination on next page load.
- $buffer = preg_replace(
- '/class=".*pagination-wrapper.*"/',
- '$0 next-page-hide hidden',
- $buffer
- );
- // Remove the footer as it will be added back to amp next page footer.
- $buffer = preg_replace(
- '/<div class="footer-nav-widgets-wrapper.*<!-- .footer-nav-widgets-wrapper -->/s',
- '',
- $buffer
- );
- // Remove the footer as it will be added back to amp next page footer.
- $buffer = preg_replace(
- '/<footer id="site-footer".*<!-- #site-footer -->/s',
- '',
- $buffer
- );
- return $buffer;
- }
- /**
- * Filter the AMP infinite scroll separator
- *
- * @return string
- */
- function twentytwenty_amp_infinite_separator() {
- ob_start();
- ?>
- <hr class="post-separator styled-separator is-style-wide section-inner" aria-hidden="true">
- <?php
- return ob_get_clean();
- }
- /**
- * Filter the AMP infinite scroll older posts button
- *
- * @return string
- */
- function twentytwenty_amp_infinite_older_posts() {
- ob_start();
- ?>
- <div id="infinite-handle" class="read-more-button-wrap">
- <span>
- <a href="{{url}}" class="more-link" rel="amphtml">
- <span class="faux-button">
- <?php esc_html_e( 'Older posts', 'jetpack' ); ?>
- </span>
- </a>
- </span>
- </div>
- <?php
- return ob_get_clean();
- }
|