themes-wordpress/affinity/functions.php

<?php
/**
 * components functions and definitions.
 *
 * @link https://developer.wordpress.org/themes/basics/theme-functions/
 *
 * @package Affinity
 */

if ( ! function_exists( 'affinity_setup' ) ) :
/**
 * Sets up theme defaults and registers support for various WordPress features.
 *
 * Note that this function is hooked into the aftercomponentsetup_theme hook, which
 * runs before the init hook. The init hook is too late for some features, such
 * as indicating support for post thumbnails.
 */
function affinity_setup() {
	/*
	 * Make theme available for translation.
	 * Translations can be filed in the /languages/ directory.
	 * If you're building a theme based on components, use a find and replace
	 * to change 'affinity' to the name of your theme in all the template files.
	 */
	load_theme_textdomain( 'affinity', get_template_directory() . '/languages' );

	// Add default posts and comments RSS feed links to head.
	add_theme_support( 'automatic-feed-links' );

	/*
	 * Let WordPress manage the document title.
	 * By adding theme support, we declare that this theme does not use a
	 * hard-coded <title> tag in the document head, and expect WordPress to
	 * provide it for us.
	 */
	add_theme_support( 'title-tag' );

	/*
	 * Add editor styles
	 */
	add_editor_style();

	/*
	 * Add support for responsive embeds.
	 */
	add_theme_support( 'responsive-embeds' );

	/**
	 * Add support for core custom logo
	 * - also see fallback in inc/jetpack.php
	 */
	add_theme_support( 'custom-logo', array(
		'height'      => 800,
		'width'       => 250,
		'flex-width'  => true,
		'flex-height' => true,
	) );

	/*
	 * Enable support for Post Thumbnails on posts and pages.
	 *
	 * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/
	 */
	add_theme_support( 'post-thumbnails' );
	add_image_size( 'affinity-featured', 1500, 9999 );

	// This theme uses wp_nav_menu() in one location.
	register_nav_menus( array(
		'top' => esc_html__( 'Top', 'affinity' ),
	) );

	/*
	 * Switch default core markup for search form, comment form, and comments
	 * to output valid HTML5.
	 */
	add_theme_support( 'html5', array(
		'search-form',
		'comment-form',
		'comment-list',
		'gallery',
		'caption',
	) );

	// Set up the WordPress core custom background feature.
	add_theme_support( 'custom-background', apply_filters( 'affinity_custom_background_args', array(
		'default-color' => 'ffffff',
		'default-image' => '',
	) ) );
}
endif;
add_action( 'after_setup_theme', 'affinity_setup' );

/**
 * Look for Jetpack Site Logos if no core Custom Logo is found
 *
 * @todo Remove after WP 4.7 release
 */
function affinity_the_site_logo() {

	if ( function_exists( 'the_custom_logo' ) && current_theme_supports( 'custom-logo' ) ) {
		the_custom_logo();
	} elseif ( function_exists( 'jetpack_the_site_logo' ) ) {
		jetpack_the_site_logo();
	} else {
		return;
	}

}

/**
 * Set the content width in pixels, based on the theme's design and stylesheet.
 *
 * Priority 0 to make it available to lower priority callbacks.
 *
 * @global int $content_width
 */
function affinity_content_width() {

	// Largest width at mobile breakpoint 46em is 820px
	// Actual width at largest possible screen size is 540px

	$GLOBALS['content_width'] = apply_filters( 'affinity_content_width', 820 );
}
add_action( 'after_setup_theme', 'affinity_content_width', 0 );


/*
 * Adjust $content_width for full-width, front page, and no-sidebar page templates
 */

if ( ! function_exists( 'affinity_content_width' ) ) :

function affinity_content_width() {
	global $content_width;

	if ( is_page_template( 'fullwidth-page.php' ) ) {
	  $content_width = 1004;
	}

	if ( is_page_template( 'front-page.php' ) || ! is_active_sidebar( 'sidebar-1' ) ) {
		$content_width = 716;
	}

}
add_action( 'template_redirect', 'affinity_content_width' );

endif; // if ! function_exists( 'affinity_content_width' )


/**
 * Register widget area.
 *
 * @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar
 */
function affinity_widgets_init() {
	register_sidebar( array(
		'name'          => esc_html__( 'Sidebar', 'affinity' ),
		'id'            => 'sidebar-1',
		'description'   => '',
		'before_widget' => '<section id="%1$s" class="widget %2$s">',
		'after_widget'  => '</section>',
		'before_title'  => '<h2 class="widget-title">',
		'after_title'   => '</h2>',
	) );

	register_sidebar( array(
		'name'          => esc_html__( 'Footer Widgets 1', 'affinity' ),
		'id'            => 'footer-1',
		'description'   => '',
		'before_widget' => '<section id="%1$s" class="widget %2$s">',
		'after_widget'  => '</section>',
		'before_title'  => '<h2 class="widget-title">',
		'after_title'   => '</h2>',
	) );

	register_sidebar( array(
		'name'          => esc_html__( 'Footer Widgets 2', 'affinity' ),
		'id'            => 'footer-2',
		'description'   => '',
		'before_widget' => '<section id="%1$s" class="widget %2$s">',
		'after_widget'  => '</section>',
		'before_title'  => '<h2 class="widget-title">',
		'after_title'   => '</h2>',
	) );

	register_sidebar( array(
		'name'          => esc_html__( 'Footer Widgets 3', 'affinity' ),
		'id'            => 'footer-3',
		'description'   => '',
		'before_widget' => '<section id="%1$s" class="widget %2$s">',
		'after_widget'  => '</section>',
		'before_title'  => '<h2 class="widget-title">',
		'after_title'   => '</h2>',
	) );
}
add_action( 'widgets_init', 'affinity_widgets_init' );

/**
 * Register Google Fonts
 */
function affinity_fonts_url() {
	$fonts_url = '';

	/* Translators: If there are characters in your language that are not
	 * supported by Raleway, translate this to 'off'. Do not translate
	 * into your own language.
	 */
	$raleway = esc_html_x( 'on', 'Raleway font: on or off', 'affinity' );

	/* Translators: If there are characters in your language that are not
	 * supported by Lora; translate this to 'off'. Do not translate
	 * into your own language.
	 */
	$lora = esc_html_x( 'on', 'Lora font: on or off', 'affinity' );

	if ( 'off' !== $raleway || 'off' !== $lora ) {

		$font_families = array();

		if ( 'off' !== $raleway ) {
			$font_families[] = 'Raleway:400,400italic,700,700italic';
		}

		if ( 'off' !== $lora ) {
			$font_families[] = 'Lora:400,400italic,700,700italic';
		}

		$query_args = array(
			'family' => urlencode( implode( '|', $font_families ) ),
			'subset' => urlencode( 'latin,latin-ext' ),
		);

		$fonts_url = add_query_arg( $query_args, 'https://fonts.googleapis.com/css' );
	}

	return $fonts_url;

}

/**
 * Enqueue scripts and styles.
 */
function affinity_scripts() {
	wp_enqueue_style( 'affinity-style', get_stylesheet_uri() );

	// Gutenberg styles
	wp_enqueue_style( 'affinity-blocks', get_template_directory_uri() . '/blocks.css' );

	wp_enqueue_style( 'affinity-fonts', affinity_fonts_url(), array(), null );

	wp_enqueue_style( 'genericons', get_template_directory_uri() . '/fonts/genericons/genericons.css', array(), '3.4.1' );

	if ( is_front_page() ) {
		wp_enqueue_script( 'affinity-frontpage', get_template_directory_uri() . '/assets/js/frontpage.js', array( 'jquery' ), '20160324', true );
	}

	wp_enqueue_script( 'affinity-functions', get_template_directory_uri() . '/assets/js/functions.js', array( 'jquery', 'masonry' ), '20160324', true );

	wp_enqueue_script( 'affinity-navigation', get_template_directory_uri() . '/assets/js/navigation.js', array(), '20151215', true );

	wp_enqueue_script( 'affinity-skip-link-focus-fix', get_template_directory_uri() . '/assets/js/skip-link-focus-fix.js', array(), '20151215', true );

	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
		wp_enqueue_script( 'comment-reply' );
	}
}
add_action( 'wp_enqueue_scripts', 'affinity_scripts' );

/**
 * Gutenberg Editor Styles
 */
function affinity_editor_styles() {
	wp_enqueue_style( 'affinity-blocks-editor-style', get_template_directory_uri() . '/editor-blocks.css');
	wp_enqueue_style( 'affinity-fonts', affinity_fonts_url(), array(), null );
}
add_action( 'enqueue_block_editor_assets', 'affinity_editor_styles' );


/* Allow user to adjust opacity of overlay to work with lighter/darker photos */
function affinity_style_options() {

	$opacity = get_theme_mod( 'affinity_overlay', '0.7' );

	$backgroundscroll = get_theme_mod( 'affinity_scrolling', true );

	if ( '0' !== $opacity ) { ?>

		<style type="text/css" id="affinity-overlay-opacity">

			.custom-header-image {
				opacity: <?php echo esc_attr( $opacity ); ?>;
			}

			.in-panel .custom-header-image {
				opacity: 1;
			}

			@media screen and ( min-width: 48em ) {
				.custom-header-image,
				.in-panel .custom-header-image {
					opacity: <?php echo esc_attr( $opacity ); ?>;
				}
			}

		</style>

	<?php }

	if ( true == $backgroundscroll ) { ?>
		<style type="text/css" id="affinity-scrolling-background-images">
			@media screen and (min-width: 65em) {
					.custom-header-image {
						background-attachment: fixed;
						background-size: cover;
						background-position: center;
					}

					/* Don't allow scrolling in the Customizer or IE11/Edge */
					.affinity-customizer .custom-header-image,
					.is-edge .custom-header-image {
						background-attachment: scroll;
						background-size: cover;
					}
			}
		</style>
	<?php }
}

add_action( 'wp_head', 'affinity_style_options' );

/**
 * Implement the Custom Header feature.
 */
require get_template_directory() . '/inc/custom-header.php';

/**
 * Custom template tags for this theme.
 */
require get_template_directory() . '/inc/template-tags.php';

/**
 * Custom functions that act independently of the theme templates.
 */
require get_template_directory() . '/inc/extras.php';

/**
 * Customizer additions.
 */
require get_template_directory() . '/inc/customizer.php';

/**
 * Load Jetpack compatibility file.
 */
require get_template_directory() . '/inc/jetpack.php';