Webデザイン

WordPress

WordPress – 非公開や下書きの固定ページを親ページに設定できるようにする

WordPressで固定ページを作成する時に不便だと感じていたのが、デフォルトのページ属性では、下書きや非公開状態のページを親ページに選択出来ないことです。 新規にWebサイトを制作する場合や新たに階層を追加する時など、公開するまでに親子の...
WordPress

WordPress – プラグインなどの不要なスタイルシート(CSS)やJavaScriptを読み込ませない方法

WordPressでプラグインを利用する際、テーマ(子テーマ)のスタイルシート(style.css)に記述した内容が反映されず、思い通りのデザインにならない時があります。例えば私の場合はネットショップ構築プラグインWelcart(ウェルカー...
WordPress

WordPress – Contact Form 7のreCAPTCHA v3のロゴを必要なページの邪魔にならない場所にのみ表示させる

WordPressのプラグイン「Contact Form 7」で是非使っておきたい機能に「reCAPTCHA インテグレーションモジュール」があります。 この「reCAPTCHA」は、スパムやその他の自動化された不正なフォーム送信を遮断する...
スポンサーリンク
WordPress

WordPress – テーマCocoon使用時にプラグインWelcartが有効化できない重大エラーの対処法

WordPressの無料テーマの中でも超秀逸なCocoon。カスタマイズの自由度も高いので、Cocoonをカスタマイズして使用させていただくことが多い私は感謝しかありません。 そのCocoonテーマでプラグインWelcartを使用していて、...
jQuery

CSS3 – 炭酸飲料のような泡を量産するアニメーション

飲料販売サイトのバナーにサイダーの泡のようなアニメーションが欲しいと思い、CSS3とjQueryを使って作成しました。 概要 CSSで泡単体のデザインと基本的なアニメーションパターンを作り、そのスピードや配置や大きさを少しずつ変えてパターン...
WordPress

WordPress – Contact Form 7にURLパラメータを渡して参照元を特定したりアクセス解析する方法

以前、業務システム支援関連のWEBサイトを制作させていただいたクライアントより、「他サイトからのアクセスが見積依頼につながった時にどのサイトから来たのか知りたい」という相談がありました。具体的には、リファラーに応じてIDを取得したいというこ...
jQuery

HTMLエンティティツール

HTMLエンティティツールは、ブラウザがHTMLを表示する際に特別な意味を持つ記号("&'<>^~など)を特別な処理をせずに通常のテキストとしてそのまま出力させ、コード掲載などに使えます。エンコード・デコードの相互変換が可能です。
HTML

HTML5 – videoタグの動画がautoplay属性なのに自動再生されない時にチェックすること

私は主に Google Chrome をブラウザとして使用していますが、videoタグの動画が、autoplay属性を付けているのに自動再生されない時があり、ググってみました。ブラウザを更新したり、他ページから遷移してくると再生されますが、...
jQuery

CSS3 – テキストを波のようにゆらゆらと上下に動かすアニメーション

CSS3を使った、テキストを波のようになめらかに動かすアニメーションです。 概要 Webページで h タグなどの見出しにも使えるよう、通常のテキストを1文字ずつ span タグで囲った文字に変換し、それらをインラインブロック要素としてそれぞ...
jQuery

jQuery – スクロール時にグローバルナビゲーションメニューをページトップに固定

Webページのスクロール時に、ヘッダーナビゲーションメニューをページトップに固定するJavaScriptのご紹介です。UIデザインの好みやバランスにもよるかと思いますが、私の場合は、ヘッダーメニューはスクロールでページトップ固定もしくは最初...
スポンサーリンク
タイトルとURLをコピーしました