ヘッダータグ内を整理したいです。



  • ヘッダータグ内に直書きされているcssを外に出したいです。
    ヘッダータグがダラダラ長いのが気になります。
    以下のタグがヘッダータグ内に表示されています。
    cssはcssファイルにまとめたいです。
    どこを編集すればよいでしょうか?

    <style>
    			    div.advads-edit-bar{position:relative;top:0;left:0;height:0;display:none;z-index:10000;animation:advads-edit-appear 2s linear 1;}
    				@keyframes advads-edit-appear {
                        0% {opacity: 0.0;pointer-events: none;}
    					66% {opacity: 0.0;}
                        100% {opacity: 1.0;}
                    }
    			    a.advads-edit-button{position:absolute;top:0;left:0;text-decoration:none !important;box-shadow:none;border-bottom:none;color:#0074a2;margin-top:-5px;}
    			    a.advads-edit-button span{top:10px;line-height:25px;margin-left:-5px;width:26px;height:26px;border-radius:13px;border:solid 1px #0074a2;background:#fff}
    			    :hover > .advads-edit-bar:first-child{display:block;}</style>	<style type="text/css">
    		#wrapper{
    							background-color: #fff;
    				background-image: url();
    					}
    		.related-entry-headline-text span:before,
    		#comment-title span:before,
    		#reply-title span:before{
    			background-color: #57b0cc;
    			border-color: #57b0cc!important;
    		}
    		
    		#breadcrumb:after,
    		#page-top a{	
    			background-color: #57b0cc;
    		}
    				footer{
    			background-color: #57b0cc;
    		}
    		.footer-inner a,
    		#copyright,
    		#copyright-center{
    			border-color: #fff!important;
    			color: #fff!important;
    		}
    		#footer-widget-area
    		{
    			border-color: #fff!important;
    		}
    				.page-top-footer a{
    			color: #57b0cc!important;
    		}
    				#breadcrumb ul li,
    		#breadcrumb ul li a{
    			color: #57b0cc!important;
    		}
    		
    		body,
    		a,
    		a:link,
    		a:visited,
    		.my-profile,
    		.widgettitle,
    		.tabBtn-mag label{
    			color: #3b4675;
    		}
    		a:hover{
    			color: #008db7;
    		}
    						.widget_nav_menu ul > li > a:before,
    		.widget_categories ul > li > a:before,
    		.widget_pages ul > li > a:before,
    		.widget_recent_entries ul > li > a:before,
    		.widget_archive ul > li > a:before,
    		.widget_archive form:after,
    		.widget_categories form:after,
    		.widget_nav_menu ul > li > ul.sub-menu > li > a:before,
    		.widget_categories ul > li > .children > li > a:before,
    		.widget_pages ul > li > .children > li > a:before,
    		.widget_nav_menu ul > li > ul.sub-menu > li > ul.sub-menu li > a:before,
    		.widget_categories ul > li > .children > li > .children li > a:before,
    		.widget_pages ul > li > .children > li > .children li > a:before{
    			color: #57b0cc;
    		}
    		.widget_nav_menu ul .sub-menu .sub-menu li a:before{
    			background-color: #3b4675!important;
    		}
    		footer .footer-widget,
    		footer .footer-widget a,
    		footer .footer-widget ul li,
    		.footer-widget.widget_nav_menu ul > li > a:before,
    		.footer-widget.widget_categories ul > li > a:before,
    		.footer-widget.widget_recent_entries ul > li > a:before,
    		.footer-widget.widget_pages ul > li > a:before,
    		.footer-widget.widget_archive ul > li > a:before,
    		footer .widget_tag_cloud .tagcloud a:before{
    			color: #fff!important;
    			border-color: #fff!important;
    		}
    		footer .footer-widget .widgettitle{
    			color: #fff!important;
    			border-color: #ffcd44!important;
    		}
    		footer .widget_nav_menu ul .children .children li a:before,
    		footer .widget_categories ul .children .children li a:before,
    		footer .widget_nav_menu ul .sub-menu .sub-menu li a:before{
    			background-color: #fff!important;
    		}
    		#drawernav a:hover,
    		.post-list-title,
    		#prev-next p,
    		#toc_container .toc_list li a{
    			color: #3b4675!important;
    		}
    		
    		#header-box{
    			background-color: #57b0cc;
    		}
    						@media (min-width: 768px) {
    		#header-box .header-box10-bg:before,
    		#header-box .header-box11-bg:before{
    			border-radius: 2px;
    		}
    		}
    										@media (min-width: 768px) {
    			.top-image-meta{
    				margin-top: calc(0px - 30px);
    			}
    		}
    		@media (min-width: 1200px) {
    			.top-image-meta{
    				margin-top: calc(0px);
    			}
    		}
    				.pickup-contents:before{
    			background-color: #57b0cc!important;
    		}
    		
    		.main-image-text{
    			color: #555;
    		}
    		.main-image-text-sub{
    			color: #555;
    		}
    		
    				@media (min-width: 481px) {
    			#site-info{
    				padding-top: 15px!important;
    				padding-bottom: 15px!important;
    			}
    		}
    		
    		#site-info span a{
    			color: #f4f4f4!important;
    		}
    		
    				#headmenu .headsns .line a svg{
    			fill: #f4f4f4!important;
    		}
    		#headmenu .headsns a,
    		#headmenu{
    			color: #f4f4f4!important;
    			border-color:#f4f4f4!important;
    		}
    						.profile-follow .line-sns a svg{
    			fill: #57b0cc!important;
    		}
    		.profile-follow .line-sns a:hover svg{
    			fill: #ffcd44!important;
    		}
    		.profile-follow a{
    			color: #57b0cc!important;
    			border-color:#57b0cc!important;
    		}
    		.profile-follow a:hover,
    		#headmenu .headsns a:hover{
    			color:#ffcd44!important;
    			border-color:#ffcd44!important;
    		}
    				.search-box:hover{
    			color:#ffcd44!important;
    			border-color:#ffcd44!important;
    		}
    				#header #headmenu .headsns .line a:hover svg{
    			fill:#ffcd44!important;
    		}
    		.cps-icon-bar,
    		#navtoggle:checked + .sp-menu-open .cps-icon-bar{
    			background-color: #f4f4f4;
    		}
    		#nav-container{
    			background-color: #fff;
    		}
    		.menu-box .menu-item svg{
    			fill:#f4f4f4;
    		}
    		#drawernav ul.menu-box > li > a,
    		#drawernav2 ul.menu-box > li > a,
    		#drawernav3 ul.menu-box > li > a,
    		#drawernav4 ul.menu-box > li > a,
    		#drawernav5 ul.menu-box > li > a,
    		#drawernav ul.menu-box > li.menu-item-has-children:after,
    		#drawernav2 ul.menu-box > li.menu-item-has-children:after,
    		#drawernav3 ul.menu-box > li.menu-item-has-children:after,
    		#drawernav4 ul.menu-box > li.menu-item-has-children:after,
    		#drawernav5 ul.menu-box > li.menu-item-has-children:after{
    			color: #f4f4f4!important;
    		}
    		#drawernav ul.menu-box li a,
    		#drawernav2 ul.menu-box li a,
    		#drawernav3 ul.menu-box li a,
    		#drawernav4 ul.menu-box li a,
    		#drawernav5 ul.menu-box li a{
    			font-size: 14px!important;
    		}
    		#drawernav3 ul.menu-box > li{
    			color: #3b4675!important;
    		}
    		#drawernav4 .menu-box > .menu-item > a:after,
    		#drawernav3 .menu-box > .menu-item > a:after,
    		#drawernav .menu-box > .menu-item > a:after{
    			background-color: #f4f4f4!important;
    		}
    		#drawernav2 .menu-box > .menu-item:hover,
    		#drawernav5 .menu-box > .menu-item:hover{
    			border-top-color: #57b0cc!important;
    		}
    				.cps-info-bar a{
    			background-color: #ffcd44!important;
    		}
    				@media (min-width: 768px) {
    			.post-list-mag .post-list-item:not(:nth-child(2n)){
    				margin-right: 2.6%;
    			}
    		}
    				@media (min-width: 768px) {
    			#tab-1:checked ~ .tabBtn-mag li [for="tab-1"]:after,
    			#tab-2:checked ~ .tabBtn-mag li [for="tab-2"]:after,
    			#tab-3:checked ~ .tabBtn-mag li [for="tab-3"]:after,
    			#tab-4:checked ~ .tabBtn-mag li [for="tab-4"]:after{
    				border-top-color: #57b0cc!important;
    			}
    			.tabBtn-mag label{
    				border-bottom-color: #57b0cc!important;
    			}
    		}
    		#tab-1:checked ~ .tabBtn-mag li [for="tab-1"],
    		#tab-2:checked ~ .tabBtn-mag li [for="tab-2"],
    		#tab-3:checked ~ .tabBtn-mag li [for="tab-3"],
    		#tab-4:checked ~ .tabBtn-mag li [for="tab-4"],
    		#prev-next a.next:after,
    		#prev-next a.prev:after,
    		.more-cat-button a:hover span:before{
    			background-color: #57b0cc!important;
    		}
    		
    
    		.swiper-slide .post-list-cat,
    		.post-list-mag .post-list-cat,
    		.post-list-mag3col .post-list-cat,
    		.post-list-mag-sp1col .post-list-cat,
    		.swiper-pagination-bullet-active,
    		.pickup-cat,
    		.post-list .post-list-cat,
    		#breadcrumb .bcHome a:hover span:before,
    		.popular-item:nth-child(1) .pop-num,
    		.popular-item:nth-child(2) .pop-num,
    		.popular-item:nth-child(3) .pop-num{
    			background-color: #ffcd44!important;
    		}
    		.sidebar-btn a,
    		.profile-sns-menu{
    			background-color: #ffcd44!important;
    		}
    		.sp-sns-menu a,
    		.pickup-contents-box a:hover .pickup-title{
    			border-color: #57b0cc!important;
    			color: #57b0cc!important;
    		}
    				.pro-line svg{
    			fill: #57b0cc!important;
    		}
    		.cps-post-cat a,
    		.meta-cat,
    		.popular-cat{
    			background-color: #ffcd44!important;
    			border-color: #ffcd44!important;
    		}
    		.tagicon,
    		.tag-box a,
    		#toc_container .toc_list > li,
    		#toc_container .toc_title{
    			color: #57b0cc!important;
    		}
    		.widget_tag_cloud a::before{
    			color: #3b4675!important;
    		}
    		.tag-box a,
    		#toc_container:before{
    			border-color: #57b0cc!important;
    		}
    		.cps-post-cat a:hover{
    			color: #008db7!important;
    		}
    		.pagination li:not([class*="current"]) a:hover,
    		.widget_tag_cloud a:hover{
    			background-color: #57b0cc!important;
    		}
    		.pagination li:not([class*="current"]) a:hover{
    			opacity: 0.5!important;
    		}
    		.pagination li.current a{
    			background-color: #57b0cc!important;
    			border-color: #57b0cc!important;
    		}
    		.nextpage a:hover span {
    			color: #57b0cc!important;
    			border-color: #57b0cc!important;
    		}
    		.cta-content:before{
    			background-color: #6FBFCA!important;
    		}
    		.cta-text,
    		.info-title{
    			color: #fff!important;
    		}
    		#footer-widget-area.footer_style1 .widgettitle{
    			border-color: #ffcd44!important;
    		}
    		.sidebar_style1 .widgettitle,
    		.sidebar_style5 .widgettitle{
    			border-color: #57b0cc!important;
    		}
    		.sidebar_style2 .widgettitle,
    		.sidebar_style4 .widgettitle,
    		.sidebar_style6 .widgettitle,
    		#home-bottom-widget .widgettitle,
    		#home-top-widget .widgettitle,
    		#post-bottom-widget .widgettitle,
    		#post-top-widget .widgettitle{
    			background-color: #57b0cc!important;
    		}
    		#home-bottom-widget .widget_search .search-box input[type="submit"],
    		#home-top-widget .widget_search .search-box input[type="submit"],
    		#post-bottom-widget .widget_search .search-box input[type="submit"],
    		#post-top-widget .widget_search .search-box input[type="submit"]{
    			background-color: #ffcd44!important;
    		}
    		
    		.tn-logo-size{
    			font-size: 160%!important;
    		}
    		@media (min-width: 481px) {
    		.tn-logo-size img{
    			width: calc(160%*0.5)!important;
    		}
    		}
    		@media (min-width: 768px) {
    		.tn-logo-size img{
    			width: calc(160%*2.2)!important;
    		}
    		}
    		@media (min-width: 1200px) {
    		.tn-logo-size img{
    			width: 160%!important;
    		}
    		}
    		.sp-logo-size{
    			font-size: 100%!important;
    		}
    		.sp-logo-size img{
    			width: 100%!important;
    		}
    				.cps-post-main ul > li:before,
    		.cps-post-main ol > li:before{
    			background-color: #ffcd44!important;
    		}
    		.profile-card .profile-title{
    			background-color: #57b0cc!important;
    		}
    		.profile-card{
    			border-color: #57b0cc!important;
    		}
    		.cps-post-main a{
    			color:#008db7;
    		}
    		.cps-post-main .marker{
    			background: -webkit-linear-gradient( transparent 60%, #ffcedb 0% ) ;
    			background: linear-gradient( transparent 60%, #ffcedb 0% ) ;
    		}
    		.cps-post-main .marker2{
    			background: -webkit-linear-gradient( transparent 60%, #a9eaf2 0% ) ;
    			background: linear-gradient( transparent 60%, #a9eaf2 0% ) ;
    		}
    		.cps-post-main .jic-sc{
    			color:#e9546b;
    		}
    		
    		
    		.simple-box1{
    			border-color:#ef9b9b!important;
    		}
    		.simple-box2{
    			border-color:#f2bf7d!important;
    		}
    		.simple-box3{
    			border-color:#b5e28a!important;
    		}
    		.simple-box4{
    			border-color:#7badd8!important;
    		}
    		.simple-box4:before{
    			background-color: #7badd8;
    		}
    		.simple-box5{
    			border-color:#e896c7!important;
    		}
    		.simple-box5:before{
    			background-color: #e896c7;
    		}
    		.simple-box6{
    			background-color:#fffdef!important;
    		}
    		.simple-box7{
    			border-color:#def1f9!important;
    		}
    		.simple-box7:before{
    			background-color:#def1f9!important;
    		}
    		.simple-box8{
    			border-color:#96ddc1!important;
    		}
    		.simple-box8:before{
    			background-color:#96ddc1!important;
    		}
    		.simple-box9:before{
    			background-color:#e1c0e8!important;
    		}
    				.simple-box9:after{
    			border-color:#e1c0e8 #e1c0e8 #fff #fff!important;
    		}
    				
    		.kaisetsu-box1:before,
    		.kaisetsu-box1-title{
    			background-color:#ffb49e!important;
    		}
    		.kaisetsu-box2{
    			border-color:#89c2f4!important;
    		}
    		.kaisetsu-box2-title{
    			background-color:#89c2f4!important;
    		}
    		.kaisetsu-box4{
    			border-color:#ea91a9!important;
    		}
    		.kaisetsu-box4-title{
    			background-color:#ea91a9!important;
    		}
    		.kaisetsu-box5:before{
    			background-color:#57b3ba!important;
    		}
    		.kaisetsu-box5-title{
    			background-color:#57b3ba!important;
    		}
    		
    		.concept-box1{
    			border-color:#85db8f!important;
    		}
    		.concept-box1:after{
    			background-color:#85db8f!important;
    		}
    		.concept-box1:before{
    			content:"ポイント"!important;
    			color:#85db8f!important;
    		}
    		.concept-box2{
    			border-color:#f7cf6a!important;
    		}
    		.concept-box2:after{
    			background-color:#f7cf6a!important;
    		}
    		.concept-box2:before{
    			content:"注意点"!important;
    			color:#f7cf6a!important;
    		}
    		.concept-box3{
    			border-color:#86cee8!important;
    		}
    		.concept-box3:after{
    			background-color:#86cee8!important;
    		}
    		.concept-box3:before{
    			content:"良い例"!important;
    			color:#86cee8!important;
    		}
    		.concept-box4{
    			border-color:#ed8989!important;
    		}
    		.concept-box4:after{
    			background-color:#ed8989!important;
    		}
    		.concept-box4:before{
    			content:"悪い例"!important;
    			color:#ed8989!important;
    		}
    		.concept-box5{
    			border-color:#9e9e9e!important;
    		}
    		.concept-box5:after{
    			background-color:#9e9e9e!important;
    		}
    		.concept-box5:before{
    			content:"参考"!important;
    			color:#9e9e9e!important;
    		}
    		.concept-box6{
    			border-color:#8eaced!important;
    		}
    		.concept-box6:after{
    			background-color:#8eaced!important;
    		}
    		.concept-box6:before{
    			content:"メモ"!important;
    			color:#8eaced!important;
    		}
    		
    		.innerlink-box1,
    		.blog-card{
    			border-color:#73bc9b!important;
    		}
    		.innerlink-box1-title{
    			background-color:#73bc9b!important;
    			border-color:#73bc9b!important;
    		}
    		.innerlink-box1:before,
    		.blog-card-hl-box{
    			background-color:#73bc9b!important;
    		}
    				
    		.jin-ac-box01-title::after{
    			color: #57b0cc;
    		}
    		
    		.color-button01 a,
    		.color-button01 a:hover,
    		.color-button01:before{
    			background-color: #008db7!important;
    		}
    		.top-image-btn-color a,
    		.top-image-btn-color a:hover,
    		.top-image-btn-color:before{
    			background-color: #ffcd44!important;
    		}
    		.color-button02 a,
    		.color-button02 a:hover,
    		.color-button02:before{
    			background-color: #d9333f!important;
    		}
    		
    		.color-button01-big a,
    		.color-button01-big a:hover,
    		.color-button01-big:before{
    			background-color: #3296d1!important;
    		}
    		.color-button01-big a,
    		.color-button01-big:before{
    			border-radius: 5px!important;
    		}
    		.color-button01-big a{
    			padding-top: 20px!important;
    			padding-bottom: 20px!important;
    		}
    		
    		.color-button02-big a,
    		.color-button02-big a:hover,
    		.color-button02-big:before{
    			background-color: #83d159!important;
    		}
    		.color-button02-big a,
    		.color-button02-big:before{
    			border-radius: 5px!important;
    		}
    		.color-button02-big a{
    			padding-top: 20px!important;
    			padding-bottom: 20px!important;
    		}
    				.color-button01-big{
    			width: 75%!important;
    		}
    		.color-button02-big{
    			width: 75%!important;
    		}
    				
    		
    					.top-image-btn-color:before,
    			.color-button01:before,
    			.color-button02:before,
    			.color-button01-big:before,
    			.color-button02-big:before{
    				bottom: -1px;
    				left: -1px;
    				width: 100%;
    				height: 100%;
    				border-radius: 6px;
    				box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
    				-webkit-transition: all .4s;
    				transition: all .4s;
    			}
    			.top-image-btn-color a:hover,
    			.color-button01 a:hover,
    			.color-button02 a:hover,
    			.color-button01-big a:hover,
    			.color-button02-big a:hover{
    				-webkit-transform: translateY(2px);
    				transform: translateY(2px);
    				-webkit-filter: brightness(0.95);
    				 filter: brightness(0.95);
    			}
    			.top-image-btn-color:hover:before,
    			.color-button01:hover:before,
    			.color-button02:hover:before,
    			.color-button01-big:hover:before,
    			.color-button02-big:hover:before{
    				-webkit-transform: translateY(2px);
    				transform: translateY(2px);
    				box-shadow: none!important;
    			}
    				
    		.h2-style01 h2,
    		.h2-style02 h2:before,
    		.h2-style03 h2,
    		.h2-style04 h2:before,
    		.h2-style05 h2,
    		.h2-style07 h2:before,
    		.h2-style07 h2:after,
    		.h3-style03 h3:before,
    		.h3-style02 h3:before,
    		.h3-style05 h3:before,
    		.h3-style07 h3:before,
    		.h2-style08 h2:after,
    		.h2-style10 h2:before,
    		.h2-style10 h2:after,
    		.h3-style02 h3:after,
    		.h4-style02 h4:before{
    			background-color: #57b0cc!important;
    		}
    		.h3-style01 h3,
    		.h3-style04 h3,
    		.h3-style05 h3,
    		.h3-style06 h3,
    		.h4-style01 h4,
    		.h2-style02 h2,
    		.h2-style08 h2,
    		.h2-style08 h2:before,
    		.h2-style09 h2,
    		.h4-style03 h4{
    			border-color: #57b0cc!important;
    		}
    		.h2-style05 h2:before{
    			border-top-color: #57b0cc!important;
    		}
    		.h2-style06 h2:before,
    		.sidebar_style3 .widgettitle:after{
    			background-image: linear-gradient(
    				-45deg,
    				transparent 25%,
    				#57b0cc 25%,
    				#57b0cc 50%,
    				transparent 50%,
    				transparent 75%,
    				#57b0cc 75%,
    				#57b0cc			);
    		}
    				.jin-h2-icons.h2-style02 h2 .jic:before,
    		.jin-h2-icons.h2-style04 h2 .jic:before,
    		.jin-h2-icons.h2-style06 h2 .jic:before,
    		.jin-h2-icons.h2-style07 h2 .jic:before,
    		.jin-h2-icons.h2-style08 h2 .jic:before,
    		.jin-h2-icons.h2-style09 h2 .jic:before,
    		.jin-h2-icons.h2-style10 h2 .jic:before,
    		.jin-h3-icons.h3-style01 h3 .jic:before,
    		.jin-h3-icons.h3-style02 h3 .jic:before,
    		.jin-h3-icons.h3-style03 h3 .jic:before,
    		.jin-h3-icons.h3-style04 h3 .jic:before,
    		.jin-h3-icons.h3-style05 h3 .jic:before,
    		.jin-h3-icons.h3-style06 h3 .jic:before,
    		.jin-h3-icons.h3-style07 h3 .jic:before,
    		.jin-h4-icons.h4-style01 h4 .jic:before,
    		.jin-h4-icons.h4-style02 h4 .jic:before,
    		.jin-h4-icons.h4-style03 h4 .jic:before,
    		.jin-h4-icons.h4-style04 h4 .jic:before{
    			color:#57b0cc;
    		}
    		
    		@media all and (-ms-high-contrast:none){
    			*::-ms-backdrop, .color-button01:before,
    			.color-button02:before,
    			.color-button01-big:before,
    			.color-button02-big:before{
    				background-color: #595857!important;
    			}
    		}
    		
    		.jin-lp-h2 h2,
    		.jin-lp-h2 h2{
    			background-color: transparent!important;
    			border-color: transparent!important;
    			color: #3b4675!important;
    		}
    		.jincolumn-h3style2{
    			border-color:#57b0cc!important;
    		}
    		.jinlph2-style1 h2:first-letter{
    			color:#57b0cc!important;
    		}
    		.jinlph2-style2 h2,
    		.jinlph2-style3 h2{
    			border-color:#57b0cc!important;
    		}
    		.jin-photo-title .jin-fusen1-down,
    		.jin-photo-title .jin-fusen1-even,
    		.jin-photo-title .jin-fusen1-up{
    			border-left-color:#57b0cc;
    		}
    		.jin-photo-title .jin-fusen2,
    		.jin-photo-title .jin-fusen3{
    			background-color:#57b0cc;
    		}
    		.jin-photo-title .jin-fusen2:before,
    		.jin-photo-title .jin-fusen3:before {
    			border-top-color: #57b0cc;
    		}
    		.has-huge-font-size{
    			font-size:42px!important;
    		}
    		.has-large-font-size{
    			font-size:36px!important;
    		}
    		.has-medium-font-size{
    			font-size:20px!important;
    		}
    		.has-normal-font-size{
    			font-size:16px!important;
    		}
    		.has-small-font-size{
    			font-size:13px!important;
    		}
    		
    		
    	</style>
    

    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン :
    ご利用のサーバー名 :
    PHPのバージョン :
    OS :
    ご利用のブラウザ :
    該当サイトのURL :


  • administrators

    @yuny さん

    こんにちは。ご連絡遅くなってしまい申し訳無いです。
    head内にあるCSSはカスタマイザーの値など動的に更新されるCSSを出力しておりますので別ファイルに設定してもカスタマイザーの値が更新されると勝手に生成されるのであまり意味がないかと思います。

    もしそれでもそれをしたとしても大幅なカスタマイズが必要ですので、当運営では対応できかねます。。
    どなたか有識のある方にご依頼いただくしかないかと思います。。

    お力になれず恐縮ではございますが、何卒ご理解の程よろしくお願い致します。