404.php

<?php
/**
 * The template for displaying 404 pages (not found).
 *
 * @link https://codex.wordpress.org/Creating_an_Error_404_Page
 *
 * @package shiro
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit; // File should never be accessed directly.
}

get_header();

$template_args = array(
	'h2_title' => get_theme_mod( 'wmf_404_message', __( '404 Error', 'shiro-admin' ) ),
	'h1_title' => get_theme_mod( 'wmf_404_title', __( 'Imagine a world in which there is a page here', 'shiro-admin' ) ),
);

$wmf_search_button      = get_theme_mod( 'wmf_search_button_copy', __( 'Search', 'shiro-admin' ) );
$wmf_search_placeholder = get_theme_mod( 'wmf_search_placeholder_copy', __( 'What are you looking for?', 'shiro-admin' ) );
$wmf_404_copy           = get_theme_mod( 'wmf_404_copy' );
$wmf_404_search_text    = get_theme_mod( 'wmf_404_search_text', __( 'What are you looking for?', 'shiro-admin' ) );

get_template_part( 'template-parts/header/page', '404', $template_args );

?>

<?php if ( $wmf_404_copy ) : ?>
<div class="page-intro mw-1360 mod-margin-bottom wysiwyg">
	<div class="page-intro-text">
		<?php echo wp_kses_post( wpautop( $wmf_404_copy ) ); ?>
	</div>
</div>
<?php endif; ?>

<div class="mw-980 mod-margin-bottom">
	<div class="search-container no-margin aligncenter">
		<form role="search" method="get" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>">
			<input class="search-input mar-bottom" type="search" placeholder="<?php echo esc_attr( $wmf_404_search_text ); ?>" value="<?php echo esc_attr( get_search_query() ); ?>" name="s">
			<button class="btn btn-blue search-btn" type="submit"><?php echo esc_html( $wmf_search_button ); ?></button>
		</form>
	</div>
</div>

<?php
get_footer();