【マナブログ】ワードプレステーマ『Minimal』のデザインカスタマイズ【まとめ】

/*twitter貼り付け位置/

.twitter-tweet{
margin: 0 auto;
}

/*文字サイズ（サイドメニューやら小さい文字を大きく）*/

.author p {
font-size: 14px;
}

footer p, footer a {
font-size: 14px;
}

ul.list-unstyled{
line-height: 0;
}

main .wrap .meta {
text-align: center;
font-size: 15px;
}

/*————————-
 引用
————————-*/

blockquote {
position: relative;
padding: 10px 15px 10px 60px;
box-sizing: border-box;
font-style: italic;
background: #efefef;
color: #555;
}

blockquote:before{
display: inline-block;
position: absolute;
top: 18px;
left: 15px;
vertical-align: middle;
content: “\f10d”;
font-family: “Font Awesome 5 Free”;
color: #cfcfcf;
font-size: 30px;
line-height: 1;
font-weight: 900;
}

blockquote p {
padding: 0;
margin: 10px 0;
line-height: 1.7;
}

blockquote cite {
display: block;
text-align: right;
color: #888888;
font-size: 0.9em;
}

/*蛍光ペン*/

.pink_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, 
#FFDFEF 0%) repeat scroll 0 0;}

.blue_line{background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%,
 #cce5ff 0%) repeat scroll 0 0;}

.yellow_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, 
#ffffbc 0%) repeat scroll 0 0;}

/*枠付きボックス（グレー）*/

.single div.pre {
font-size: 16px;
padding: 20px;
background-color: #fafafa;
outline: 1px solid #f0f0f0;
border-color: #f0f0f0;
text-align: left;
margin: 40px;
margin-bottom: 60px;
margin-top: 15px;
}

/*枠付きボックス（青枠）*/

.single div.pre2 {
font-size: 16px;
padding: 20px;
background-color: #F8F9FF;
outline: 1px solid #f0f0f0;
border-color: #4865B2;
text-align: left;
margin: 40px;
margin-bottom: 60px;
margin-top: 15px;
}

/*枠付きボックス（青点線）*/

.single div.pre3 {
font-size: 16px;
padding: 20px;
background-color: #F8F9FF;
outline: 1px dashed #4865B2;
border-color: #4865B2;
text-align: left;
margin: 40px;
margin-bottom: 60px;
margin-top: 15px;
}

code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}

.wp-block-image {
width: 90%;
margin: 10px auto;
}

display: block;
border: 2px solid #F0F0F0;
padding: 1.2em 1em;
background-color: #FAFAFA;
line-height: 1.7;

display: block;
border: 2px solid #F0F0F0;
padding: 1.2em 1em;
background-color: #F8F9FF;
line-height: 1.6;

display: block;
border: 1px dashed #4865B2;
padding: 1.2em 1em;
background-color: #F8F9FF;
line-height: 1.6;

padding: .3em;
text-align: center;
background-color: #EE7917;
color: #ffffff;
font-size: 90%;
margin-right: 5px;

padding: .3em;
text-align: center;
background-color: #2B418B;
color: #ffffff;
font-size: 90%;
margin-right: 5px;

padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;

display: block;
position: relative;
line-height: 1.4;
background: #ffffff;
border: 0px solid #acf;
padding: 1em 1em 1em 1.0em;
font-size: 1.3em;
font-weight: 600;

[after] content: ” “;
[after] display: block;
[after] width: 0;
[after] height: 50%;
[after] position: absolute;
[after] top: 25%;
[after] left: 3.4em;
[after] opacity: 0.6;
[after] border-right: 0px dashed;
[after] border-right-color: #76b3f7;

[before] font-weight: 900;
[before] font-size: 0.6em;
[before] font-family: “Font Awesome 5 Free”, “Font Awesome 5 Brands”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
[before] content: “\f00c”;
[before] color: #6C9FCE;
[before] display: inline-block;
[before] position: absolute;
[before] top: 50%;
[before] left: 0em;
[before] transform: translateY(-50%) scale(1.5);

[before] line-height: 1;
[before] font-size: 1em;
[before] font-family: “Font Awesome 5 Free”,”Font Awesome 5 Brands”,Aharoni,”Arial Black”,Impact,Arial,sans-serif;
[before] content: “\f138”;
[before] font-weight: 900;
[before] padding-right: .2em;
[before] margin-right: .2em;
[before] color: #333;

[before] line-height: 1;
[before] font-size: 1em;
[before] font-family: “Font Awesome 5 Free”,”Font Awesome 5 Brands”,Aharoni,”Arial Black”,Impact,Arial,sans-serif;
[before] content: “\f058”;
[before] font-weight: 900;
[before] padding-right: .2em;
[before] margin-right: .2em;
[before] color: #ED5B65;

text-decoration: underline;

border: solid 1px #777777;
border-radius: 2px;
box-shadow: 2px 2px 2px #DEDEDE;
padding-top: 1px;
padding-bottom: 1px;
background-color: #F9F9F9;
color: #605857;
font-size: .8em;
padding-left: 6px;
padding-right: 6px;

Warning: Use of undefined constant _aioseop_description – assumed ‘_
aioseop_description’ (this will throw an Error in a future version of PHP) in 
/home/manabubb/manabubb.xsrv.jp/public_html/minimal/
wp-content/themes/minimal/search.php on line 43

実際に出たエラーメッセージ

<?php if ( is_home() || is_front_page() ) : ?>

<!-- TOP3カラム表示 -->
<div class="col-xs-12 picks">

<div class="col-xs-12 col-sm-4 wrap topcolbox">
<div itemscope="" itemtype="http://schema.org/ImageObject" class="thumbnail">

<a style="background-image:url(https://www.monkeychop69.com/wp-content/uploads/2019/05/minimal1.jpg" title="【マナブログ】ワードプレステーマ『Minimal』のデザインカスタマイズ【まとめ】" itemprop="url" class="thumbnail-img topthumb-img"></a>

</div>

<h2 class="title topttlorg" itemprop="name headline">

<a href="https://www.monkeychop69.com/2019/05/06/minimal/" title="【マナブログ】ワードプレステーマ『Minimal』のデザインカスタマイズ【まとめ】" itemprop="url">【マナブログ】ワードプレステーマ『Minimal』のデザインカスタマイズ<br>【まとめ】</a>
</h2>
<div class="readmore"><a href="https://www.monkeychop69.com/2019/05/06/minimal/">READ MORE</a></div>
</div>



<div class="col-xs-12 col-sm-4 wrap center topcolboxcenter">

<div itemscope="" itemtype="http://schema.org/ImageObject" class="thumbnail">

<a style="background-image:url(https://www.monkeychop69.com/wp-content/uploads/2019/06/demore.png" title="【副業しないと老後が危ない!?】サラリーマン会社員デザイナーにおすすめな副業３選【老後必要資金は2,000万】" itemprop="url" class="thumbnail-img topthumb-img"></a>

</div>

<h2 class="title topttlorg" itemprop="name headline">

<a href="https://www.monkeychop69.com/2019/06/13/fukugyo-designer/" title="副業しないと老後が危ない!?】サラリーマン会社員デザイナーにおすすめな副業３選【老後必要資金は2,000万】" itemprop="url">【副業しないと老後が危ない!?】サラリーマン会社員デザイナーにおすすめな<br>副業３選【老後必要資金は2,000万】</a>
</h2>
<div class="readmore"><a href="https://www.monkeychop69.com/2019/06/13/fukugyo-designer/">READ MORE</a></div>
</div>

<div class="col-xs-12 col-sm-4 wrap topcolbox">
<div itemscope="" itemtype="http://schema.org/ImageObject" class="thumbnail">
<a style="background-image:url(https://www.monkeychop69.com/wp-content/uploads/2019/07/webd1.png" title="グラフィックデザイナーからwebデザイナーへの転職方法【基本独学でOK】" itemprop="url" class="thumbnail-img topthumb-img"></a>
</div>
<h2 class="title topttlorg" itemprop="name headline">
<a href="https://www.monkeychop69.com/2019/07/08/designer-webdesigner/" title="グラフィックデザイナーからwebデザイナーへの転職方法【基本独学でOK】" itemprop="url">グラフィックデザイナーから<br>webデザイナーへの<br>転職方法【基本独学でOK】</a>
</h2>
<div class="readmore"><a href="https://www.monkeychop69.com/2019/07/08/designer-webdesigner/">READ MORE</a></div>
</div>

<?php endif; ?>	
	

/* トップ3カラム */
@media (min-width: 768px) {
main .container .topcolbox{
  width: 31.33333%;
  margin-top: 30px;
  padding-bottom: 40px;
}}
@media (max-width: 479px) {
main .container .topcolbox{
  padding-bottom: 5px;
}}
@media (min-width: 768px) {
main .container .topcolboxcenter{
  width: 31.33333%;
  margin-top: 30px;
  margin-right: 3%;
  margin-left: 3%;
  padding-bottom: 40px;
}}
@media (max-width: 479px) {
main .container .topcolboxcenter{
  padding-bottom: 5px;
}}
main .wrap .thumbnail .topthumb-img{
  height: 170px;
}
main .container .topttlorg{
  font-size: 18px;
  padding-left: 5px;
  padding-right: 5px;
}

border: solid 1px #777777;
 border-radius: 2px;
 box-shadow: 2px 2px 2px #DEDEDE;
 padding-top: 1px;
 padding-bottom: 1px;
 background-color: #F9F9F9;
 color: #605857;
 font-size: .8em;
 padding-left: 6px;
 padding-right: 6px;

@media screen and (max-width : 767px){
 html,
 body {
 overflow-x: hidden!important;
 overflow-y: scroll;
 -webkit-overflow-scrolling: touch;
 }
}

Warning: Use of undefined constant _aioseop_description - assumed '
_aioseop_description' (this will throw an Error in a future version of PHP) in 
/home/masuo3/monkeychop69.com/public_html/wp-content/themes/minimal_blue
/tag.php on line 38

<div style="position: relative; padding-bottom: 56.25%;">
  <iframe 
    style="position: absolute; top: 0; left: 0; width: 90%; height: 90%;" 
    src="https://www.youtube.com/embed/【youtube動画のID】 
    frameborder="0" 
    allow="autoplay; 
    encrypted-media" 
    allowfullscreen>
  </iframe>
</div>