大分県のweb関連・wordpress・PCサポートやってます
-
要素全体にリンクする
ブロックエディタで要素全体にリンクする方法を探すとリンクタグのみを入れて要素全体に適用する感じのものが多いです。 ブロックエディタの標準的な使い方では、こういう処理が出来ないので少し工夫します。 カス…
-
画像をマウスオーバーでズームする
画像の上にマウスが行くと画像がズームされるという処理をCSSのみで行います。wordpressのブロックエディタで使える様にしています。 サンプル 画像ブロックの高度な設定＞追加CSSクラスに img…
-
WebP対応してみる？
サイトに使用する画像のロード時間短縮の為にWebP形式に変換するプラグインを紹介します。 AIに聞いてみた WebPは、ウェブページの表示速度を向上させるための有効な手段の一つです。ファイルサイズを削…
-
CodePenを挿入する
表現したい何かを探す為にHTMLやCSSなどのコードを探している時に良く検索に引っかかるサイトが、CodePenです。 HTMLとCSS・JSを紹介して出力画面も表示しているアレです。コードを書き換え…
-
固定ページや投稿ごとにCSSやJavaScriptを追加したい
検索して見つけたけど、答えはこれだわ(笑) WordPress｜固定ページや投稿ごとにCSSやJavaScriptを追加する方法 とても素晴らしい情報をシェアしてくれてありがとうございます。 ※エラー…
-
スクロールすると表示するエフェクト
スクロールするとじわーっと表示するエフェクトです。CSSとJavascriptで設定します。このページのソースコード部分に設定しています。 今回はクラス名を「scroll-effect」に設定しました…
-
Parallaxなプラグイン
Parallaxエフェクトを使ったサイトを簡単に作りたくて、探してテストしてを３日くらい試していました。 合格点の出たプラグインを紹介します。 PIBE – Parallax Image Block …
-
wordpress初心者向けサイトの紹介
wordpressでブログの記事を書くにはどうすれば良いか？ ブロックエディタって、どう使うの？ という方に向けたサイトを作成しました。 wordpress learnning です。 基礎的な部分が…
-
お問い合わせに関する情報
HTML自動で補完 autocomplete属性 お問い合わせフォームのウェブアクセシビリティー対応の方法 今どきの入力フォームはこう書く！ お問い合わせページを作るにあたって調査した事
-
画像にテキストを重ねる
サンプル 画像の下部にテキストを重ねて表示する場合は以下の様に行います。CSSのみの設定で可能です。 オーバーレイする文字をこの段落に記述すると表示されます。グループで指定しているので、グループ内の画…