* Jetpack Compatibility File
* See: https://jetpack.com/
* @package automattic/jetpack
if ( ! defined( 'ABSPATH' ) ) {
* Add Jetpack extra functionality to Twenty Twenty One.
function twentytwentyone_jetpack_setup() {
* Add theme support for Infinite Scroll.
'render' => 'twentytwentyone_infinite_scroll_render',
add_action( 'after_setup_theme', 'twentytwentyone_jetpack_setup' );
* Custom render function for Infinite Scroll.
function twentytwentyone_infinite_scroll_render() {
get_template_part( 'template-parts/content/content', get_theme_mod( 'display_excerpt_or_full_post', 'excerpt' ) );
* Add our compat CSS file for custom styles.
* Set the version equal to filemtime for development builds, and the JETPACK__VERSION for production
* or skip it entirely for wpcom.
function twentytwentyone_enqueue_jetpack_style() {
$version = Jetpack::is_development_version()
? filemtime( JETPACK__PLUGIN_DIR . 'modules/theme-tools/compat/twentytwentyone.css' )
wp_enqueue_style( 'twentytwentyone-jetpack', plugins_url( 'twentytwentyone.css', __FILE__ ), array(), $version );
wp_style_add_data( 'twentytwentyone-jetpack', 'rtl', 'replace' );
add_action( 'wp_enqueue_scripts', 'twentytwentyone_enqueue_jetpack_style' );