twentytwenty.php
| 1 | <?php |
| 2 | /** |
| 3 | * Jetpack Compatibility File |
| 4 | * See: https://jetpack.com/ |
| 5 | * |
| 6 | * @package automattic/jetpack |
| 7 | */ |
| 8 | |
| 9 | if ( ! defined( 'ABSPATH' ) ) { |
| 10 | exit( 0 ); |
| 11 | } |
| 12 | |
| 13 | /** |
| 14 | * Add Jetpack extra functionality to Twenty Twenty. |
| 15 | * |
| 16 | * See: https://jetpack.com/support/infinite-scroll/ |
| 17 | * See: https://jetpack.com/support/responsive-videos/ |
| 18 | * See: https://jetpack.com/support/content-options/ |
| 19 | */ |
| 20 | function twentytwenty_jetpack_setup() { |
| 21 | /** |
| 22 | * Add theme support for Infinite Scroll. |
| 23 | */ |
| 24 | add_theme_support( |
| 25 | 'infinite-scroll', |
| 26 | array( |
| 27 | 'type' => 'click', |
| 28 | 'container' => 'site-content', |
| 29 | 'render' => 'twentytwenty_infinite_scroll_render', |
| 30 | 'footer' => 'site-content', |
| 31 | 'footer_widgets' => array( |
| 32 | 'sidebar-1', |
| 33 | 'sidebar-2', |
| 34 | ), |
| 35 | ) |
| 36 | ); |
| 37 | } |
| 38 | add_action( 'after_setup_theme', 'twentytwenty_jetpack_setup' ); |
| 39 | |
| 40 | /** |
| 41 | * Custom render function for Infinite Scroll. |
| 42 | */ |
| 43 | function twentytwenty_infinite_scroll_render() { |
| 44 | while ( have_posts() ) { |
| 45 | echo '<hr class="post-separator styled-separator is-style-wide section-inner" aria-hidden="true" />'; |
| 46 | the_post(); |
| 47 | get_template_part( 'template-parts/content', get_post_type() ); |
| 48 | } |
| 49 | } |
| 50 | |
| 51 | /** |
| 52 | * Remove Sharing buttons and Likes from excerpts that are used as intro on single post views. |
| 53 | */ |
| 54 | function twentytwenty_no_sharing_on_excerpts() { |
| 55 | if ( is_single() ) { |
| 56 | // Remove sharing buttons. |
| 57 | remove_filter( 'the_excerpt', 'sharing_display', 19 ); |
| 58 | |
| 59 | // Remove Likes. |
| 60 | if ( class_exists( 'Jetpack_Likes' ) ) { |
| 61 | remove_filter( 'the_excerpt', array( Jetpack_Likes::init(), 'post_likes' ), 30 ); |
| 62 | } |
| 63 | } |
| 64 | } |
| 65 | add_action( 'loop_start', 'twentytwenty_no_sharing_on_excerpts' ); |
| 66 | |
| 67 | /** |
| 68 | * We do not need to display the Likes Heading here. |
| 69 | * |
| 70 | * @param string $heading Headline structure. |
| 71 | * @param string $title Title. |
| 72 | * @param string $module Module name. |
| 73 | */ |
| 74 | function twentytwenty_no_likes_heading( $heading, $title, $module ) { |
| 75 | if ( 'likes' === $module ) { |
| 76 | return ''; |
| 77 | } |
| 78 | |
| 79 | return $heading; |
| 80 | } |
| 81 | add_filter( 'jetpack_sharing_headline_html', 'twentytwenty_no_likes_heading', 10, 3 ); |
| 82 | |
| 83 | /** |
| 84 | * Disable Ads in post excerpts, that are used as intro on single post views. |
| 85 | */ |
| 86 | add_filter( 'wordads_excerpt_disable', '__return_true' ); |
| 87 | |
| 88 | /** |
| 89 | * Add our compat CSS file for Infinite Scroll and custom widget stylings and such. |
| 90 | * Set the version equal to filemtime for development builds, and the JETPACK__VERSION for production |
| 91 | * or skip it entirely for wpcom. |
| 92 | */ |
| 93 | function twentytwenty_enqueue_jetpack_style() { |
| 94 | $version = Jetpack::is_development_version() |
| 95 | ? filemtime( JETPACK__PLUGIN_DIR . 'modules/theme-tools/compat/twentytwenty.css' ) |
| 96 | : JETPACK__VERSION; |
| 97 | |
| 98 | wp_enqueue_style( 'twentytwenty-jetpack', plugins_url( 'twentytwenty.css', __FILE__ ), array(), $version ); |
| 99 | wp_style_add_data( 'twentytwenty-jetpack', 'rtl', 'replace' ); |
| 100 | } |
| 101 | add_action( 'wp_enqueue_scripts', 'twentytwenty_enqueue_jetpack_style' ); |
| 102 | |
| 103 | /** |
| 104 | * Add inline custom CSS with custom accent color if there is any set. |
| 105 | */ |
| 106 | function twentytwenty_infinity_accent_color_css() { |
| 107 | $color_info = get_theme_mod( 'accent_accessible_colors' ); |
| 108 | |
| 109 | // Bail early if no custom color was set. |
| 110 | if ( |
| 111 | 'custom' !== get_theme_mod( 'accent_hue_active' ) |
| 112 | || empty( $color_info ) |
| 113 | ) { |
| 114 | return; |
| 115 | } |
| 116 | |
| 117 | $custom_css = sprintf( |
| 118 | ' |
| 119 | .infinite-scroll #site-content #infinite-handle span button, |
| 120 | .infinite-scroll #site-content #infinite-handle span button:hover, |
| 121 | .infinite-scroll #site-content #infinite-handle span button:focus { |
| 122 | background: %1$s; |
| 123 | color: %2$s; |
| 124 | } |
| 125 | #site-content .entry-content div.sharedaddy h3.sd-title, |
| 126 | #site-content .entry-content h3.sd-title, |
| 127 | #site-content .entry-content #jp-relatedposts h3.jp-relatedposts-headline { |
| 128 | color: %3$s; |
| 129 | } |
| 130 | ', |
| 131 | $color_info['content']['accent'], |
| 132 | $color_info['content']['background'] ?? '#fff', |
| 133 | $color_info['content']['secondary'] |
| 134 | ); |
| 135 | |
| 136 | // Add our custom style to the existing Twenty Twenty CSS compat file. |
| 137 | wp_add_inline_style( 'twentytwenty-jetpack', $custom_css ); |
| 138 | } |
| 139 | add_action( 'wp_enqueue_scripts', 'twentytwenty_infinity_accent_color_css' ); |
| 140 | |
| 141 | /** |
| 142 | * Load AMP theme specific hooks for infinite scroll. |
| 143 | * |
| 144 | * @return void |
| 145 | */ |
| 146 | function amp_twentytwenty_infinite_scroll_render_hooks() { |
| 147 | add_filter( 'jetpack_amp_infinite_footers', 'twentytwenty_amp_infinite_footers', 10, 2 ); |
| 148 | add_filter( 'jetpack_amp_infinite_output', 'twentytwenty_amp_infinite_output' ); |
| 149 | add_filter( 'jetpack_amp_infinite_separator', 'twentytwenty_amp_infinite_separator' ); |
| 150 | add_filter( 'jetpack_amp_infinite_older_posts', 'twentytwenty_amp_infinite_older_posts' ); |
| 151 | } |
| 152 | |
| 153 | /** |
| 154 | * Get the theme specific footers. |
| 155 | * |
| 156 | * @param array $footers The footers of the themes. |
| 157 | * @param string $buffer Contents of the output buffer. |
| 158 | * |
| 159 | * @return mixed |
| 160 | */ |
| 161 | function twentytwenty_amp_infinite_footers( $footers, $buffer ) { |
| 162 | // Collect the footer wrapper. |
| 163 | preg_match( |
| 164 | '/<div class="footer-nav-widgets-wrapper.*<!-- .footer-nav-widgets-wrapper -->/s', |
| 165 | $buffer, |
| 166 | $footer |
| 167 | ); |
| 168 | $footers[] = reset( $footer ); |
| 169 | |
| 170 | // Collect the footer wrapper. |
| 171 | preg_match( |
| 172 | '/<footer id="site-footer".*<!-- #site-footer -->/s', |
| 173 | $buffer, |
| 174 | $footer |
| 175 | ); |
| 176 | $footers[] = reset( $footer ); |
| 177 | |
| 178 | return $footers; |
| 179 | } |
| 180 | |
| 181 | /** |
| 182 | * Hide and remove various elements from next page load. |
| 183 | * |
| 184 | * @param string $buffer Contents of the output buffer. |
| 185 | * |
| 186 | * @return string |
| 187 | */ |
| 188 | function twentytwenty_amp_infinite_output( $buffer ) { |
| 189 | // Hide site header on next page load. |
| 190 | $buffer = preg_replace( |
| 191 | '/id="site-header"/', |
| 192 | '$0 next-page-hide', |
| 193 | $buffer |
| 194 | ); |
| 195 | |
| 196 | // Hide pagination on next page load. |
| 197 | $buffer = preg_replace( |
| 198 | '/class=".*pagination-wrapper.*"/', |
| 199 | '$0 next-page-hide hidden', |
| 200 | $buffer |
| 201 | ); |
| 202 | |
| 203 | // Remove the footer as it will be added back to amp next page footer. |
| 204 | $buffer = preg_replace( |
| 205 | '/<div class="footer-nav-widgets-wrapper.*<!-- .footer-nav-widgets-wrapper -->/s', |
| 206 | '', |
| 207 | $buffer |
| 208 | ); |
| 209 | |
| 210 | // Remove the footer as it will be added back to amp next page footer. |
| 211 | $buffer = preg_replace( |
| 212 | '/<footer id="site-footer".*<!-- #site-footer -->/s', |
| 213 | '', |
| 214 | $buffer |
| 215 | ); |
| 216 | |
| 217 | return $buffer; |
| 218 | } |
| 219 | |
| 220 | /** |
| 221 | * Filter the AMP infinite scroll separator |
| 222 | * |
| 223 | * @return string |
| 224 | */ |
| 225 | function twentytwenty_amp_infinite_separator() { |
| 226 | ob_start(); |
| 227 | ?> |
| 228 | <hr class="post-separator styled-separator is-style-wide section-inner" aria-hidden="true"> |
| 229 | <?php |
| 230 | return ob_get_clean(); |
| 231 | } |
| 232 | |
| 233 | /** |
| 234 | * Filter the AMP infinite scroll older posts button |
| 235 | * |
| 236 | * @return string |
| 237 | */ |
| 238 | function twentytwenty_amp_infinite_older_posts() { |
| 239 | ob_start(); |
| 240 | ?> |
| 241 | <div id="infinite-handle" class="read-more-button-wrap"> |
| 242 | <span> |
| 243 | <a href="{{url}}" class="more-link" rel="amphtml"> |
| 244 | <span class="faux-button"> |
| 245 | <?php esc_html_e( 'Older posts', 'jetpack' ); ?> |
| 246 | </span> |
| 247 | </a> |
| 248 | </span> |
| 249 | </div> |
| 250 | <?php |
| 251 | return ob_get_clean(); |
| 252 | } |
| 253 | |
| 254 |