웹 사이트 소스 코드에서 css 및 javascript 코드를 제거하는 방법

-2

내 사이트에 Slicknav Menu 플러그인을 설치했습니다. 또한 머리에웹 사이트 소스 코드에서 css 및 javascript 코드를 제거하는 방법

<head> 
     ... 
<style id='slicknavcss-inline-css' type='text/css'> 
     .slicknav_menu { 
          display: none; 
         } 
        @media screen and (max-width: 768px) { 
         #responsive-menu { 
          display: none; 
         } 
         .slicknav_menu { 
          display: block; 
          background: #8c8c8c; 
         } 
         .slicknav_btn { 
          background-color:#f7634c; 
          float:right; 
         } 
         a.slicknav_open { 
          background-color:#dd3333; 
         } 
         ... 
    </head>

그리고 스크립트 코드 :

<script type='text/javascript'> 
/* <![CDATA[ */ 
var slickNavVars = {"ng_slicknav":{"ng_slicknav_menu":"#responsive-menu","ng_slicknav_position":"body","ng_slicknav_parent_links":true,"ng_slicknav_close_click":true,"ng_slicknav_child_links":false,"ng_slicknav_speed":400,"ng_slicknav_label":"","ng_slicknav_fixhead":false,"ng_slicknav_brand":"","ng_slicknav_search":false,"ng_slicknav_search_text":"search...","ng_slicksearch":"http:\/\/ali-coupons.net\/","ng_slicknav_closedsymbol":"\u25ba","ng_slicknav_openedsymbol":"\u25bc","ng_slicknav_alt":""}}; 
/* ]]> */ 
</script>

내 사이트의 메인 페이지로 이동하여 소스 코드를 실행할 때 지금, 나는이 플러그인의 CSS와 스크립트 코드의 일부를 참조

소스 코드의 헤더에서이 코드를 제거하는 것이 좋습니까? 여기

웹 사이트의 소스 코드의 머리 스타일과 스크립트를 생성 플러그인의 PHP 파일에서 코드 :

 //All the user input CSS settings as set in SLicknav settings 
     $slicknav_custom_css = " 
       .slicknav_menu { 
        display: none; 
       } 
      @media screen and (max-width: {$ng_slicknav_width}px) { 
       {$ng_slicknav_menu} { 
        display: none; 
       } 
       .slicknav_menu { 
        display: block; 
        background: {$ng_slicknav_background}; 
       } 
       .slicknav_btn { 
        background-color:{$ng_slicknav_button}; 
        float:{$ng_slicknav_button_position}; 
       } 
       a.slicknav_open { 
        background-color:{$ng_slicknav_button_expand}; 
       } 
       .slicknav_nav .slicknav_arrow { 
        float:{$ng_slicknav_submenu_position}; 
       } 
       .slicknav_menu .slicknav_menutxt { 
        color: {$ng_slicknav_label_color}; 
        text-shadow: {$ng_slicknav_label_shadow}; 
        font-size: {$ng_slicknav_label_size}px; 
        font-weight: {$ng_slicknav_label_weight}; 
       } 
       .slicknav_menu .slicknav_icon-bar { 
        background-color: {$ng_slicknav_icon_color}; 
        box-shadow: {$ng_slicknav_icon_shadow}; 
       } 
       .slicknav_nav li a { 
        color: {$ng_slicknav_link_color}; 
        text-transform: {$ng_slicknav_font_case}; 
        font-size: {$ng_slicknav_font}px; 
        padding: 5px 10px; 
       } 
       .slicknav_nav a:hover, 
       .slicknav_nav .menu-item a:hover, 
       .slicknav_nav .slicknav_row:hover { 
        background: {$ng_slicknav_link_hover_color}; 
        color: {$ng_slicknav_link_hover_text_color}; 
       } 

       .slicknav_nav input[type='submit']{ 
        background: {$ng_slicknav_search_color}; 
       } 

      }"; 
      //If Menu button is set to left, move brand logo to right, set in Slicknav settings 
     if($ng_slicknav_button_position == "left" ) 
     $slicknav_custom_css .= " 
       .slicknav_brand { 
       float: right; 
       }"; 
     //Fix menu to position in header if set in Slicknav settings 
      if($ng_slicknav_fixhead == true) 
     $slicknav_custom_css .= " 
     @media screen and (max-width: {$ng_slicknav_width}px) { 
      .slicknav_menu { 
       position: fixed; 
       width: 100%; 
       left: 0; 
       top: 0; 
       z-index: 999999; 
      } 
      html { 
       padding-top: 45px; 
      } 
     }"; 
     //Hide header if option is clicked in SlickNav settings 
     if($ng_slicknav_header == true) 
    $slicknav_custom_css .= " 
     @media screen and (max-width:{$ng_slicknav_width}px) { 
      .site-header { 
       display: none; 
      } 
     }"; 

    } 
    //add the above custom CSS via wp_add_inline_style 
    wp_add_inline_style('slicknavcss', $slicknav_custom_css); 
} 

add_action('wp_enqueue_scripts', __NAMESPACE__ . '\\responsive_menucss');

출처

2016-07-12 Vit Rasmussen

SlickNav 워드 프레스 플러그인은 그 코드를 추가한다. 보다 정상적이고 올바른 방식으로 직접 코드를로드 할 수 있습니다 : http://slicknav.com/. jQuery가로드 된 후 SlickNav js를로드해야합니다.

출처

2016-07-12 20:40:37

와우 .. PHP가 없나요? –

자세한 정보는 여기에 있습니다. http://stackoverflow.com/questions/24662650/slicknav-with-wordpress. 이 링크에는 –

에 또 다른 문제가 있습니다. http://slicknav.com/에서 코드를로드하려고 시도합니다. 나중에 나에게 결과를 씁니다. –

웹 사이트 소스 코드에서 css 및 javascript 코드를 제거하는 방법

답변

관련 문제