File Editor

Directories:

.. (Back)

Files:

Create New File

Edit File: twentytwenty.php

<?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.*/s',
		$buffer,
		$footer
	);
	$footers[] = reset( $footer );

// Collect the footer wrapper.
	preg_match(
		'/<footer id="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.*/s',
		'',
		$buffer
	);

// Remove the footer as it will be added back to amp next page footer.
	$buffer = preg_replace(
		'/<footer id="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();
}

File Editor

Directories:

Files:

Create New File

Edit File: twentytwenty.php

Rename File