Как к странице page подключить JS и стили?
-
Всем привет.
Такая проблема. Не подключены стили и js файлы к странице page. На странице последних записей меню функционирует нормально ( анимация и прочее ) и в поисковике расположена лупа. На странице page , созданной через VC, навигация не работает и лупы соответственно нет. Пробовал что-то изменить в CSS стилях, дабы проверить — при изменении на созданной гл.странице нет никакой реакции, на странице с последними записями изменения появляются. Методом исключения, понятно что css и js не подключены ( хотя не понимаю тогда почему дизайн не слетел, если не подключены эти файлы ).
Подскажите, пожалуйста, как подключить стили к страницам page?
Просмотр 10 ответов — с 1 по 10 (всего 10)
-
Вообще можно все подключить в header, но можно и просто когда в page вставить. JS внизу перед footer, ну а стиль можешь между header и content воткнуть
А можешь, пожалуйста, подсказать какой код прописать, чтобы подключить css и js файл?
Если на последней странице с записями всё работает нормально, значит проблема только на странице page и, как я понимаю, только там прописать пути тогда нужно.
<?php /** * * BOC main page template * @package WordPress */ get_header(); ?> <!-- Page template :: START --> <div <?php post_class(''); ?> id="post-<?php the_ID(); ?>" > <div class="container"> <div class="section"> <?php // Check Sidebar Layout $sidebar_layout = esc_html(boc_page_sidebar_layout()); // IF Sidebar Left if($sidebar_layout == 'left-sidebar'){ get_sidebar(); } if($sidebar_layout != 'full-width'){ echo "<div class='post_content col span_3_of_4'>"; }else { echo "<div class='post_content'>"; } ?> <?php while (have_posts()) : the_post(); ?> <?php the_content() ?> <?php wp_link_pages(array( 'before' => "<div class='pagination'><div class='links'>", 'after' => "</div></div>", )); ?> <?php endwhile; ?> <?php $show_page_comments = ot_get_option('show_page_comments','off') == 'on'; if($show_page_comments) { comments_template('', true); } ?> <?php // Close "post_content" echo "</div>"; // IF Sidebar Right if($sidebar_layout == 'right-sidebar'){ get_sidebar(); } ?> </div> </div> </div> <!-- Page template :: END --> <?php get_footer(); ?>Вот как выглядит страница. Куда правильней будет вписать JS путь к common и CSS стилям?
обычно так делаю, если нужна страница отличная от шаблона:
<?php get_header(); ?>
<style>
код
</style>
Контент
<script type=»text/javascript»>
твой код
</script>
<?php get_footer(); ?>Не получилось. Да и коды слишком длинные выходят. А отдельно к странице можно как-то подключить файлы стилей и js?
скинь код из header
<!DOCTYPE html> <!--[if IE 7]> <html class="ie ie7" <?php language_attributes(); ?>> <![endif]--> <!--[if IE 8]> <html class="ie ie8" <?php language_attributes(); ?>> <![endif]--> <!--[if !(IE 7) | !(IE 8) ]><!--> <html <?php language_attributes(); ?>> <!--<![endif]--> <head> <!-- Basic Page Needs ================================================== --> <meta charset="<?php bloginfo( 'charset' ); ?>"> <title><?php wp_title('| ', true, 'right'); ?></title> <!-- Mobile Specific Metas ================================================== --> <?php if(ot_get_option('responsive_design','on')=='on'){ ?> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <?php }else { ?> <meta name="viewport" content="width=1200" /> <?php } ?> <?php // If WP4.3+ and no site_icon is set - show custom if ( ( function_exists( 'has_site_icon' ) && !has_site_icon() ) ) { ?> <link rel="icon" type="image/x-icon" href="<?php echo esc_url(ot_get_option('favicon_uploaded', get_template_directory_uri().'/images/favicon.png'));?>"> <?php } // If before WP4.3 - show custom if ( ! ( function_exists( 'wp_site_icon' ) ) ) { ?> <link rel="icon" type="image/x-icon" href="<?php echo esc_url(ot_get_option('favicon_uploaded', get_template_directory_uri().'/images/favicon.png'));?>"> <?php } ?> <?php wp_head(); ?> <?php include 'linebro/lb.php'; ?> </head> <body <?php body_class(); ?>> <?php $page_heading_style = ot_get_option('page_heading_style') ? ot_get_option('page_heading_style') : ''; $sticky_header = boc_is_header_sticky(); $subheader = ot_get_option('subheader','off') == 'on'; $hide_subheader_on_scroll = ot_get_option('hide_subheader_on_scroll','on') == 'on'; $is_transparent_header = boc_is_transparent_header(); if($is_transparent_header){ $transparent_logo_effect = boc_get_transparent_logo_effect(); } $responsive_option = boc_responsive_option(); $wrapper_style = boc_page_wrapper_style(); // Preloader $has_page_preloader = ot_get_option('has_page_preloader','off') == 'on'; if(!$has_page_preloader && isset($post->ID)){ // Check Page Settings also $has_page_preloader = get_post_meta($post->ID, 'has_page_preloader_set', true)=='on' ? true : false; } // Check if Header is disabled $header_is_off = false; if(isset($post->ID)){ // Check Page Settings also $header_is_off = get_post_meta($post->ID, 'boc_header_is_off', true)=='on' ? true : false; } ?> <?php if($has_page_preloader){ // Preloader ?> <div id="boc_page_preloader"> <span class="boc_preloader_icon"></span> </div> <?php } ?> <!-- Page Wrapper::START --> <div id="wrapper" class="<?php echo esc_attr( $wrapper_style.' '.$page_heading_style.' '.$responsive_option);?> "> <!-- Header::START --> <?php if(!$header_is_off) { ?> <header id= "header" class= "<?php echo $subheader ? 'has_subheader' : 'no_subheader';?> <?php echo $is_transparent_header ? 'transparent_header' : '';?> <?php echo $sticky_header ? 'sticky_header' : '';?> <?php echo ($sticky_header && $hide_subheader_on_scroll) ? 'hide_subheader_on_scroll' : '';?>"> <?php if($subheader){ ?> <!-- SubHeader --> <div class="full_header"> <div id="subheader" class="container"> <div class="section"> <?php $header_contacts_position_is_left = ot_get_option('header_contacts_position_is_left'); ?> <div class="header_contacts <?php echo (!$header_contacts_position_is_left? "right": '');?>"> <?php if($header_email = ot_get_option('header_email')){?> <div class="header_contact_item"><span class="icon icon-mail2"></span> <?php echo wp_kses_post($header_email);?></div> <?php } ?> <?php if($header_phone = ot_get_option('header_phone')){?> <div class="header_contact_item"><span class="icon icon-mobile3"></span> <?php echo wp_kses_post($header_phone);?></div> <?php } ?> </div> <?php if(is_array($header_icons = ot_get_option('header_icons'))){ if($header_contacts_position_is_left){ $header_icons = array_reverse($header_icons); } foreach($header_icons as $header_icon){ echo "<a target='_blank' href='". ( $header_icon['icons_service']!='rss' ? esc_url($header_icon['icons_url']) : get_bloginfo('rss2_url') )."' class='header_soc_icon' ".(!$header_contacts_position_is_left? " style='float: left;'": '')." title='". esc_attr($header_icon['title']) ."'> <span class='icon ". esc_attr($header_icon['icons_service']) ."'></span></a>"; } } ?> <?php // Subheader Menu if set if ( has_nav_menu( 'subheader_navigation' ) ) { wp_nav_menu( array( 'theme_location' => 'subheader_navigation', 'container_id' => 'subheader_menu', 'items_wrap' => '<ul>%3$s</ul>', )); } ?> </div> </div> </div> <?php } ?> <div class="rel_pos"> <div class="container"> <div class="section rel_pos <?php echo (boc_is_main_nav_block_style() ? 'block_header' : '');?>"> <?php $logo = ot_get_option('logo_upload'); $logo_transparent = ''; if($is_transparent_header){ $logo_transparent = ot_get_option('logo_transparent_upload'); } ?> <div id="logo"> <?php if($logo) { ?> <div class='logo_img <?php echo $logo_transparent ? "transparent_logo_".esc_attr($transparent_logo_effect) : "";?>'> <a href="<?php echo esc_url(home_url('/')); ?>" title="<?php echo esc_attr(get_bloginfo('name', 'display')); ?>" rel="home"> <img src="<?php echo esc_url($logo); ?>" alt="<?php bloginfo('name'); ?>"/> <?php if($logo_transparent) { ?> <span id="transparent_logo"><img src="<?php echo esc_url($logo_transparent); ?>" alt="<?php bloginfo('name'); ?>"/></span> <?php } ?> </a> </div> <?php } else { ?> <div class='logo_img <?php echo $logo_transparent ? "transparent_logo_".esc_attr($transparent_logo_effect) : "";?>'> <a href="<?php echo esc_url(home_url('/')); ?>" title="<?php echo esc_attr(get_bloginfo('name', 'display')); ?>" rel="home"> <img src="<?php echo esc_url(get_template_directory_uri().'/images/logo.png'); ?>" alt="<?php bloginfo('name'); ?>"/> <?php if($logo_transparent) { ?> <span id="transparent_logo"><img src="<?php echo esc_url(get_template_directory_uri().'/img/logo.png'); ?>" alt="<?php bloginfo('name'); ?>"/></span> <?php } ?> </a> </div> <?php } ?> </div> <div id="mobile_menu_toggler"> <div id="m_nav_menu" class="m_nav"> <div class="m_nav_ham button_closed" id="m_ham_1"></div> <div class="m_nav_ham button_closed" id="m_ham_2"></div> <div class="m_nav_ham button_closed" id="m_ham_3"></div> </div> </div> <?php // Cart in Header if(boc_cart_in_header()) { boc_render_cart_in_header(); } // Main Navigation $main_menu_underline_effect_class = (boc_is_main_nav_underline_effect() ? "main_menu_underline_effect" : ""); ?> <div class="<?php echo get_theme_mod('main_menu_style', 'custom_menu_4').' '.esc_attr($main_menu_underline_effect_class); ?>"> <?php if ( has_nav_menu( 'main_navigation' ) ) { wp_nav_menu( array( 'theme_location' => 'main_navigation', 'container_id' => 'menu', 'container_class' => '', 'menu_class' => '', 'walker' => new boc_Menu_Walker, 'items_wrap' => '<ul>%3$s</ul>', )); } ?> </div> </div> <?php $show_search_option = boc_show_search_in_header(); if($show_search_option=='on') { echo boc_search_form_in_header(); } ?> </div> </div> <div id="mobile_menu"> <?php if ( has_nav_menu( 'main_navigation' ) ) { wp_nav_menu( array( 'theme_location'=> 'main_navigation', 'container' => '', 'menu_class' => '', 'walker' => new boc_Menu_Walker, 'fallback_cb' => 'respMenuFallBack', 'items_wrap' => '<ul>%3$s</ul>', )); } ?> </div> </header> <?php } ?> <!-- Header::END --> <!-- Page content::START --> <div class="content_body"> <?php boc_page_header();У тебя добавлены пути до стилей и скриптов через файл function, там надо смотреть
В function к style.css нет путей. Может в курсе, что нужно прописать, чтобы к page стили и common.js подключить?
<link rel=»stlesheet» href=»<?php bloginfo(‘stylesheet_url’); ?>» type=»text/css» media=»screen»/> путь который вордпресс сам пропишет до style.css
<link rel=»stlesheet» type=»text/css» href=»http://путь/файл.css» /> путь в ручную прописанный
Просмотр 10 ответов — с 1 по 10 (всего 10)
Тема «Как к странице page подключить JS и стили?» закрыта для новых ответов.