HOME フォーラム BizVektor ヘッダーのスタイルシートの記述について

このトピックには1件の返信が含まれ、2人の参加者がいます。2 ヶ月、 1 週前じょに次郎 じょに次郎 さんが最後の更新を行いました。

2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • 投稿者
    投稿
  • #8864

    hajime
    参加者

    ヘッダーにスタイルシートが外部ファイルとしてリンクするのではなく
    以下のように生で記述されているのですが、こちらを外部ファイルなどにする方法はないでしょうか?


    <style type=”text/css” media=”all”
    id=”siteorigin-panels-layouts-head”>/* Layout 212 */ #pgc-212-0-0 , #pgc-212-0-1 , #pgc-212-0-2 { width:33.3333%;width:calc(33.3333% – ( 0.666666666667 * 30px ) ) } #pg-212-0 , #pg-212-1 , #pl-212 .so-panel { margin-bottom:30px } #pgc-212-1-0 , #pgc-212-2-0 { width:100%;width:calc(100% – ( 0 * 30px ) ) } #pl-212 .so-panel:last-child { margin-bottom:0px } #pg-212-0.panel-no-style, #pg-212-0.panel-has-style > .panel-row-style , #pg-212-1.panel-no-style, #pg-212-1.panel-has-style > .panel-row-style , #pg-212-2.panel-no-style, #pg-212-2.panel-has-style > .panel-row-style { -webkit-align-items:flex-start;align-items:flex-start } #pgc-212-1-0 { align-self:auto } @media (max-width:780px){ #pg-212-0.panel-no-style, #pg-212-0.panel-has-style > .panel-row-style , #pg-212-1.panel-no-style, #pg-212-1.panel-has-style > .panel-row-style , #pg-212-2.panel-no-style, #pg-212-2.panel-has-style > .panel-row-style { -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column } #pg-212-0 .panel-grid-cell , #pg-212-1 .panel-grid-cell , #pg-212-2 .panel-grid-cell { margin-right:0 } #pg-212-0 .panel-grid-cell , #pg-212-1 .panel-grid-cell , #pg-212-2 .panel-grid-cell { width:100% } #pgc-212-0-0 , #pgc-212-0-1 { margin-bottom:30px } #pl-212 .panel-grid-cell { padding:0 } #pl-212 .panel-grid .panel-grid-cell-empty { display:none } #pl-212 .panel-grid .panel-grid-cell-mobile-last { margin-bottom:0px } } </style> <style type=”text/css”>
    /* FontNormal */
    a,
    a:hover,
    a:active,
    #header #headContact #headContactTel,
    #gMenu .menu li a span,
    #content h4,
    #content h5,
    #content dt,
    #content .child_page_block h4 a:hover,
    #content .child_page_block p a:hover,
    .paging span,
    .paging a,
    #content .infoList ul li .infoTxt a:hover,
    #content .infoList .infoListBox div.entryTxtBox h4.entryTitle a,
    #footerSiteMap .menu a:hover,
    #topPr h3 a:hover,
    #topPr .topPrDescription a:hover,
    #content ul.linkList li a:hover,
    #content .childPageBox ul li.current_page_item a,
    #content .childPageBox ul li.current_page_item ul li a:hover,
    #content .childPageBox ul li a:hover,
    #content .childPageBox ul li.current_page_item a { color:#1e73be;}

    /* bg */
    ::selection { background-color:#1e73be;}
    ::-moz-selection { background-color:#1e73be;}
    /* bg */
    #gMenu .assistive-text,
    #content .mainFootContact .mainFootBt a,
    .paging span.current,
    .paging a:hover,
    #content .infoList .infoCate a:hover,
    .sideTower li.sideBnr#sideContact a,
    form#searchform input#searchsubmit,
    #pagetop a:hover,
    a.btn,
    .linkBtn a,
    input[type=button],
    input[type=submit] { background-color:#1e73be;}

    /* border */
    #searchform input[type=submit],
    p.form-submit input[type=submit],
    form#searchform input#searchsubmit,
    #content form input.wpcf7-submit,
    #confirm-button input,
    a.btn,
    .linkBtn a,
    input[type=button],
    input[type=submit],
    .moreLink a,
    #headerTop,
    #content h3,
    #content .child_page_block h4 a,
    .paging span,
    .paging a,
    form#searchform input#searchsubmit { border-color:#1e73be;}

    #gMenu { border-top-color:#1e73be;}
    #content h2,
    #content h1.contentTitle,
    #content h1.entryPostTitle,
    .sideTower .localHead,
    #topPr h3 a { border-bottom-color:#1e73be; }

    @media (min-width: 770px) {
    #gMenu { border-top-color:#eeeeee;}
    #gMenu { border-bottom-color:#1e73be; }
    #footMenu .menu li a:hover { color:#1e73be; }
    }
    </style>
    <!–[if lte IE 8]>
    <style type=”text/css”>
    #gMenu { border-bottom-color:#1e73be; }
    #footMenu .menu li a:hover { color:#1e73be; }
    </style>
    <![endif]–>
    <style type=”text/css”>
    /*——————————————-*/
    /* menu divide
    /*——————————————-*/
    @media (min-width: 970px) {
    #gMenu.itemClose .menu, #gMenu.itemOpen .menu { display: -webkit-flex; display: flex; }
    #gMenu .menu > li { width:100%; }
    }
    </style>
    <style type=”text/css”>
    /*——————————————-*/
    /* font
    /*——————————————-*/
    h1,h2,h3,h4,h4,h5,h6,#header #site-title,#pageTitBnr #pageTitInner #pageTit,#content .leadTxt,#sideTower .localHead {font-family: “ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro”,”メイリオ”,Meiryo,Osaka,”MS Pゴシック”,”MS PGothic”,sans-serif; }
    #pageTitBnr #pageTitInner #pageTit { font-weight:lighter; }
    #gMenu .menu li a strong {font-family: “ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro”,”メイリオ”,Meiryo,Osaka,”MS Pゴシック”,”MS PGothic”,sans-serif; }
    </style>

    #8869
    じょに次郎
    じょに次郎
    モデレーター

    色を動的に変更するために head に直接出力されているのだと思います。
    管理画面から色を変更出来なくなっても良いのであれば
    remove_action() フックなどを使えばヘッダーへのCSS出力をとめる事は可能です。

    しかし労力・色が簡単に変更できなくなるデメリットに見合うほどSEO効果などは期待できません。

    どうしても消したい場合は「アクションフック remove_action」などで検索してみてください。

2件の投稿を表示中 - 1 - 2件目 (全2件中)

このトピックに返信するにはログインが必要です。