ただいま工事中につきリンク切れなどがでております

【WordPressカスタマイズ】MinimalWPさんのFolcloreを初心者向けにカスタマイズする方法いろいろ

こんばんは、ひろです。今回もMinimalWPさんのFolcloreテーマのカスタマイズについて書きたいと思います。

ワードプレステンプレート Minimal...
WordPressテーマ Minimal WP | シンプル&おしゃれな日本語テンプレート WordPressテーマ「Minimal WP」はシンプルでおしゃれな日本語ワードプレステンプレートです。初心者でも簡単にスマホ対応のホームページが作れます。2012年のスタート以来...

私自身ワードプレスを始めてから全く無知でメニューって何?ウィジットってなに?プラグインて?

というところからスタートして、最初にMinimalWPさんのテンプレートを買ってワードプレスを触っていきましたので、当時私がつまづいた項目というか、初心者向けの記事を書きます。

今回は、ブログの見た目を変えるためのCSSの記述サンプルとPHPファイルをちょこっとだけさわります。

注意

申し訳ありませんが、カスタマイズは自己責任でお願いいたしますm(__)m

CONTENTS

トップページのメインビジュアル(大きな画像)を消すためのCSS

こちらを、外観→カスタマイズから追加CSSに書いてくださいね。

.top-header {
display:none;
}

ブログ記事の見出しのカスタマイズ

h2見出しの見栄えを変えます。

h2{

と最後の

の間に、お好みの見出しデザインを記述してください。

.single-contents h2 {
  padding: 0.5em;/*文字周りの余白*/
  color: #000000;/*文字色*/
  background: #f2f2f2; /*背景色*/
  border-left: solid 5px #555555; /*左線(実線 太さ 色)*/
  border-bottom: none;
  border-top: none;
}

見出しデザインのサンプルは、サルワカくんのサイトにたくさん載っています。

CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選
よかったらシェアしてね!

PROFILE

hiroのアバター hiro ただの主婦

5歳の女の子を育てながら日記を書いています。おだやかにくらしたい。

RANKING

応援が励みになりますm(__)m

CONTENTS