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