少しこのColibriテーマのカスタム方法が分かった。
一度はColibri Page Builderというプラグインをインストしたんだけど、
サイト表示がおかしくなったのでいったん削除。
今度はプラグインを入れずにできる所までやってみる。
ヘッダーが大きすぎると思ったが、
きれいな画像を大きく見せたいがための配置だろうと思うので
ボックスサイズというのか?マージンとかパディングだっけ?は、少しだけ小さめにした。
提供された素晴らしい画像のスライドショーまで出来る。
・・・それなのに無料だなんてすごくない❓🌈🙏
今は誰でもが素敵な画像を無料で入手出来て、利用も手軽にできるのね。
こんなの当たり前なのかもしれない。
ヘッダーのHero設定というところのスタイルをクリックすると、
h1かな?・・・記事タイトルが含まれるボックスの背景色が変更できる。
ボックスのサイズ(マージンパディング)なども。
背景画像は固定、スライドショー、動画なども選択できるのね。
スライドショーの速さも、トランジションのかぶせ具合?も変更できるわ。
ただ、記事タイトルの文字が大きすぎる。もっと小さくしたいねんけど。
ソース表示してみると要素の中にたくさんの属性と属性値。
コピペで挑んでみればいいけど、その上下の要素もあるし、、、
うんもっかいやってみる。
div .h-global-transition-all, span, h1 {
font-size:10px;
}
と、どうよ?
上のCSSを追加したらフォントサイズがちっさくなりましたもんね。🤪
もうCSSの書き方も忘れていた。😢
ところでこのエディタが使いづらい。
だいぶ以前からこのエディタになっていたけど、私は使わずにむしろプラグインになったクラシックエディタを使用。
やっぱりそのクラシックエディタプラグインを有効化した。
アイキャッチ画像はサムネイルのようにトップページで1:1に表示されているけど、
個別ページになると縦が狭くなって削られている。
だから正しいサイズの画像を表示してもらおうと思ったらアイキャッチ画像じゃなく、
普通にメディア画像を記事に投稿しなくてはならない。
アイキャッチ画像を入れるには、メディアを挿入するからではなく、右横サイドバーの投稿タブでアイキャッチ画像を挿入する。
でも、メディア画像を記事に投稿したってサムネにはならないのよこのテーマでは。
ここからが有料なんだと思う。
ちょっと残念だけどすっごいテーマ画像が使えるんだから今のところ満足、満足。