こんにちわ!
世界の野良犬こと、さわです。
このページでは当ブログのWordPressテンプレート「賢威6」の
オリジナルカスタマイズ方法をひたすらメモ感覚で残していきます。
※意味不明なことがたくさん記載されてますが、
あくまでも私があとから見て思い出せるためのメモページですw
不明なことはもしかしたらお手伝いできるかもしれませんので、
わからないことはお気軽にメッセージくださいませ((´∀`*))
可能な範囲でカスタム方法についてはお応えさせてもらいます!
■賢威カスタム方法参考サイト
マメボーさん
https://kasegoo.info
スイクンさん
https://yakugakusuikun.com/8283.html
リョータさん
https://www.xn--qdktbt0e5920a319c.com/
園山さん
https://sonoyama.org/1917.html
デフォルトのファビコンを削除する方法
【編集場所】header.php
[css autolinks=”false” classname=”myclass” collapse=”false” firstline=”1″ gutter=”true” highlight=”1-3,6,9″ htmlscript=”false” light=”false” padlinenumbers=”false” smarttabs=”true” tabsize=”4″ toolbar=”true” title=”example-filename.php”]
<link rel="shortcut icon" type="image/x-icon" href="<?php bloginfo(‘template_url’); ?>/favicon.ico" />
[/css]
上記の部分を丸々一行削除する。
ヘッダーとTOPメニューの隙間を失くす
【編集場所】design.css
[css autolinks=”false” classname=”myclass” collapse=”false” firstline=”1″ gutter=”true” highlight=”1-3,6,9″ htmlscript=”false” light=”false” padlinenumbers=”false” smarttabs=”true” tabsize=”4″ toolbar=”true” title=”example-filename.php”]
padding-top: 25px;
[/css]
の値を小さくする。
[css autolinks=”false” classname=”myclass” collapse=”false” firstline=”1″ gutter=”true” highlight=”1-3,6,9″ htmlscript=”false” light=”false” padlinenumbers=”false” smarttabs=”true” tabsize=”4″ toolbar=”true” title=”example-filename.php”]
■■1682行目 付近
#container {
position: relative;
padding-top: 25px;
}
■■32行目 付近
#container {
position: relative;
padding-top: 25px;
}
[/css]
ヘッダーとグローバルメニューの隙間を失くす
【編集場所】design.css
[css autolinks=”false” classname=”myclass” collapse=”false” firstline=”1″ gutter=”true” highlight=”1-3,6,9″ htmlscript=”false” light=”false” padlinenumbers=”false” smarttabs=”true” tabsize=”4″ toolbar=”true” title=”example-filename.php”]
margin-bottom: 1em;
[/css]
を削除する。
[css autolinks=”false” classname=”myclass” collapse=”false” firstline=”1″ gutter=”true” highlight=”1-3,6,9″ htmlscript=”false” light=”false” padlinenumbers=”false” smarttabs=”true” tabsize=”4″ toolbar=”true” title=”example-filename.php”]
■■1760行目 付近
#header h1 {
margin-bottom: 1em;
font-size: 1.167em;
}
■■110行目 付近
#header h1 {
margin-bottom: 1em;
font-size: 1.167em;
}
[/css]
コンテンツ本文の内容を内側(25px)に移動する方法
【追加場所】https://saway.jp/css/sawacustoum.css
[css autolinks=”false” classname=”myclass” collapse=”false” firstline=”1″ gutter=”true” highlight=”1-3,6,9″ htmlscript=”false” light=”false” padlinenumbers=”false” smarttabs=”true” tabsize=”4″ toolbar=”true” title=”example-filename.php”]
#main-contents .contents {
padding: 0 25px;
}
[/css]
コンテンツ部分の角を丸くする方法
【追加場所】https://saway.jp/css/sawacustoum.css
[css autolinks=”false” classname=”myclass” collapse=”false” firstline=”1″ gutter=”true” highlight=”1-3,6,9″ htmlscript=”false” light=”false” padlinenumbers=”false” smarttabs=”true” tabsize=”4″ toolbar=”true” title=”example-filename.php”]
al-c {
background-color: #fff;
border-radius: 8px;
}
#main-contents .post {
border-radius: 8px;
}
#sidebar .contents{
border-radius: 8px;
}
#main-contents h2.post-title{
border-radius: 8px 8px 0 0;
}
.sub-column .contents h3{
border-radius: 8px 8px 0 0;
}
#main-contents p {
border-radius: 8px;
}
[/css]
WP-PageNaviを賢威に導入する方法
https://netbusinessland.com/wp-pagenavi-851
パンくずの背景色の変更方法
【編集場所】design.css
[css autolinks=”false” classname=”myclass” collapse=”false” firstline=”1″ gutter=”true” highlight=”1-3,6,9″ htmlscript=”false” light=”false” padlinenumbers=”false” smarttabs=”true” tabsize=”4″ toolbar=”true” title=”example-filename.php”]
/*●パン屑ナビ*/
#breadcrumbs{
clear: both;
margin-bottom: 1.5em;
background: #fff;
border-radius: 4px;
font-size: 1.2em;
}
[/css]
モバイル、PC用に表示を変える裏ワザ
[css autolinks=”false” classname=”myclass” collapse=”false” firstline=”1″ gutter=”true” highlight=”1-3,6,9″ htmlscript=”false” light=”false” padlinenumbers=”false” smarttabs=”true” tabsize=”4″ toolbar=”true” title=”example-filename.php”]
<?php if (wp_is_mobile()) :?>
モバイル用
<?php else: ?>
PC表示用
<?php endif; ?>
[/css]
賢威6にレビューやデモページに使える1カラムレイアウトを追加する
https://www.keni-customize.net/keni-1column-1167/