wp_enqueue_scripts
функциями wp_enqueue_style()
и wp_enqueue_script()
function common_scripts() {
wp_enqueue_style( 'common-styles', get_theme_file_uri( 'assets/css/common.min.css' ), array(), filemtime( get_theme_file_path( '/assets/css/common.min.css' ) ) );
wp_enqueue_script( 'common-scripts', get_theme_file_uri( 'assets/js/common.min.js' ), array( 'jquery' ), filemtime( get_theme_file_path( '/assets/js/common.min.js' ) ), true );
}
add_action( 'wp_enqueue_scripts', 'common_scripts' );
wp_add_inline_style()
function common_scripts() {
wp_enqueue_style( 'style', get_stylesheet_uri(), array(), filemtime( get_theme_file_path( '/style.css' ) ) );
$css = '
.breadcrumbs_yoast ul, .breadcrumbs_yoast ol {
padding: 0;
margin: 0;
list-style-type: none;
}
.breadcrumbs_yoast ul * , .breadcrumbs_yoast ol * {
vertical-align: top;
}
.breadcrumbs_yoast ul li, .breadcrumbs_yoast ol li {
display: inline-block;
margin-right: .25rem;
}
.breadcrumbs_yoast ul li:not(:first-child), .breadcrumbs_yoast ol li:not(:first-child) {
display: inline-block;
margin-left: .25rem;
}';
wp_add_inline_style( 'common-styles', $css );
}
add_action( 'wp_enqueue_scripts', 'common_scripts' );
get_posts()
или wp_query()
// Задаем нужные нам критерии выборки данных из БД.
$args = array(
'post_type' => 'page',
'posts_per_page' => 5,
);
$query = new WP_Query( $args );
// Цикл.
if ( $query->have_posts() ) {
while ( $query->have_posts() ) {
$query->the_post();
the_title();
}
}
else {
// Постов не найдено.
}
// Возвращаем оригинальные данные поста. Сбрасываем $post.
wp_reset_postdata();
the_title()
— выводит заголовок записиthe_author()
— выводит автора записиthe_content()
— выводит контент записиthe_post_thumbnail()
— выводит изображение записиborder-radius: 10% 10% 10% 10% / 20% 20% 20% 20%
wp_enqueue_script()
третьим параметром передадите зависимость от скрипта jquery, то сначала подключится он, после него ваш скрипт$cities_names = ['Новокрибирск', 'Керамзин', 'Ос Альта', 'Новый Зем'];
echo '<span id="city-name">' . $cities_names[0] . '</span>';
echo '<select id="cities" name="cities" class="selector">';
foreach ( $cities_names as $keyC => $cities_name ) {
echo '<option value="' . $cities_name . '">' . $cities_name . '</option>';
}
echo '</select>';
jQuery(document).ready(function ($) {
// устанавливаем значение из localStorage, если оно есть
var cityData = localStorage.getItem( 'cityData' );
if ( null !== cityData ) {
$( '#city-name' ).html( cityData );
}
// функция изменения селекта
$( '.selector' ).change( function(e) {
var value = $(this).val();
$( '#city-name' ).html( value ); // меняем город
localStorage.setItem( 'cityData', value ); // добавляем его localStorage
});
});
wp_enqueue_style()
и wp_enqueue_script()
wp_enqueue_style( $handle, $src, $deps, $ver, $media );
wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );
filemtime()
, это гарантирует, что файл обновится в браузере при его измененииfunction custom_scripts_init() {
// common css
wp_enqueue_style( 'common-styles', get_theme_file_uri( 'assets/css/common.min.css' ) , array(), filemtime( get_theme_file_path( '/assets/css/common.min.css' ) ) );
// common js
wp_enqueue_script( 'common-scripts', get_theme_file_uri( 'assets/js/common.min.js' ), array( 'jquery' ), filemtime( get_theme_file_path( '/assets/js/common.min.js' ) ), true );
}
add_action( 'wp_enqueue_scripts', 'custom_scripts_init' );