バックアップ及び備忘録として。
(今後、子テーマのCSSをまだまだ修正するかもしれませんが、思い出すたびにこの記事も修正する予定です、、、)
目次
Swell子テーマのCSSの内容【備忘録・バックアップとして】
最終更新日時:2024年12月30日 20:38
以下は、Swell子テーマで使用しているCSSコードのバックアップです。
@charset "UTF-8";
/*
Template: swell
Theme Name: SWELL CHILD
Theme URI: https://swell-theme.com/
Description: SWELLの子テーマ
Version: 1.0.0
Author: LOOS WEB STUDIO
Author URI: https://loos-web-studio.com/
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
*/
.pre{
background-color: rgba(250,250,250,.48);
outline: 1px solid rgba(228,228,228,.8705882353);
color:#444;
overflow: auto;
display: block;
list-style-type: disc;
list-style-position: outside;
padding: 30px 20px 20px 20px;
margin-bottom:50px;
line-height:1.7;
}
.pre p{
margin:0;
}
.wp-block-quote p{
margin-bottom:0;
}
blockquote p {
margin: 0;
}
.gray{
color:gray
}
.red{
color:red;
}
#main_content .post_content h4{
margin-top:0px;
margin-bottom:1.62em;
}
#main_content .post_content h3{
margin-top:0px;
margin-bottom:1.62em;
border-left:solid 6px;
}
#main_content .post_content h2{
margin-top:1.62em;
margin-bottom:1.62em;
}
#main_content .post_content p{
margin-bottom:2.5em;
}
#main_content code{
margin-bottom:2.5em;
}
#main_content ul{
margin-bottom:2.5em;
}
#main_content h5{
font-size:1.1em;
margin-top:1.62em;
margin-bottom:1.62em;
border-bottom:solid 1px gray:
border-top:solid 1px gray;
}
#main_content p{
font-family:メイリオ;
}
#main_content li{
font-family:メイリオ;
}
#main_content .post_content li{
margin-left:1.0em;
}
#main_content .l-articleBottom__title{
border-left:solid 6px;
}
.editor-styles-wrapper block-editor-writing-flow{
margin:0;
}
このCSSが役立つ場面
ブロックスタイルのカスタマイズ
見栄えを調整する際に参考にできます。
見出しの装飾を強化
main_content .post_content h3やh2をカスタマイズすることで、見出しのデザインを際立たせ、記事全体の視認性を向上させます。
まとめ
この記事では、Swell子テーマのCSSコードを掲載しました。
今後、子テーマのCSSをまだまだ修正するかもしれませんが、思い出すたびにこの記事も修正する予定です。

コメント