Elementor の テキストエディターの上下左右のスペースを20px にする。
.elementor-widget-text-editor {
margin: 20px;
}
エレメンターのテキストエディターには、４辺のスペース余白は、作られないので、CSSで設定しておくと、実際の投稿時の編集作業が簡単になる。
Elementor のテキストエディターの文章に、ノート風に罫線を入れるCSSです。ちょっとアナログっぽい雰囲気になる。
投稿記事の見出しを CSS で装飾できれば、編集作業は大幅に削減で、また、ページの見栄えも良くなる。
見出し番号をCSSで、ブロックエディタ投稿は動作するが、Elementorで投稿するとうまく動作しないので原因を探る
Elementorで CSS を使う時のポイントは CSS のクラスや ID を使って適応範囲をコントロールするのがポイントになる
ワードプレスの投稿文に自動で見出しの番号をElementorのカスタムCSSを使って付ける方法の検討、H2タグのみ
タフ系の解像度12MPコンパクトカメラ「Tough TG-7」普段使いできるのか画質を検証してみよう。
WEBページにAwesomeアイコンを簡単に挿入する方法
iframeを使って、他サイトをページに表示させることができます。
スクロールの効果のサンプルページです。印象に残るページの参考にしていただけると良いですね。Elementorより。
WEBページでスクロールを所定の位置で一旦止まるように設定することができると可読性が上がりそう。
ページのスクロールをしても、貼り付いて動かないようにする効果をSticky / 粘着した、と言います。
ページをスクロールさせると画像が横方向に移動させる。注目させたり違和感を感じさせる時に使える。
画面をスクロールさせると Transparency透明度が変化し、見えなかった画像が浮かび上がる効果
POP KARAIE
インターネット聡明期からホームページを作ってきた、Web1.0人間
