-
画像にテキストを重ねる
サンプル 画像の下部にテキストを重ねて表示する場合は以下の様に行います。CSSのみの設定で可能です。 オーバーレイする文字をこの段落に記述すると表示されます。グループで指定しているので、グループ内の画…
-
画像に文字をオーバーレイで表示
例 オーバーレイする文字をこの段落に記述すると表示されます。グループで指定しているので、グループ内の画像や他の段落なども表示します。 別の段落も表示されます。 ブロックのレイアウト 縦積みの下に画像と…
-
投稿に公開期限を設定する
プラグイン Post Expiratorと紹介されていますが、名前が変わっているみたいで現在は「PublishPress Future」になっています。 Post Expirator で検索した方が良…
-
メディア別表示
PCのみ表示したい。スマホの時だけ表示したい。という場面で使えるCSSです。 使用例 PCのみ表示 PCのみ表示します。for-pc スマホのみ表示 スマホのみ表示します。for-mobile 段落に…
-
タグの装飾
デモ（HTML） gutenberg プラグイン ページビルダー HTMLソース ブロックテーマにもよるが、出力されるタグのHTMLソースは上記の様になります。 CSS設定 今回は、単語カードっぽいデ…
-
トップに戻る
トップに戻るを実装する 一定数スクロールすると矢印を表示して、トップに戻るようにします。矢印はFont Awesomeを使って表示します。 HTML的にはbodyタグの下にリンク貼って、CSSとJSで…