javascript javascript ※Web開発 メールフォームプロCGIの設置と設定方法を解説
メールフォームを作成する事の出来るmailformproの実装方法以下のサイトからダウンロードできます。メールフォームプロCGI - SYNCK GRAPHICAhead内の記述（cssの読み込み）<link rel="stylesheet...
※Web開発 【コピペOK】CSSだけでサイトのタブを切り替える方法を徹底解説
多くのWEBサイトで利用されているタブ。少ないスペースでたくさんの情報を分かりやすく表示できる、とても便利な存在です。カテゴリー別に情報を整理して掲載しているサイトなどで、特によく使われています。Javascirptを利用して実装するのが一...
※Web開発 WordPressでglobal-styles-inline-cssを無効化する
global-styles-inline-cssを無効化する使用しているテーマのfunctions.phpに以下のコードを追加します。add_action( 'wp_enqueue_scripts', 'remove_global_styl...
※Web開発 これは便利！ HTMLはdiv要素一つ、あとはCSSをコピペするだけでさまざまな形状を簡単に実装できる -CSS Shape
※Web開発 CSSの比較関数が便利すぎる！ min(), max(), clamp()の使い方を詳しく解説
下記は各ポイントを意訳したものです。※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。はじめにCSSの比較関数のサポートブラウザCSSの比較関数min()関数とはmax()関数とはclamp()関数とはclamp()関数...
Bootstrap CSS コンテナクエリ（@container）の便利な使い方を解説
下記は各ポイントを意訳したものです。※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。CSSコンテナクエリの背景CSSメディアクエリの問題点CSSコンテナクエリはどのように役立つのか？CSSコンテナクエリの基礎知識CSS...
Bootstrap CSS Flexbox 各プロパティの使い方を詳しく解説
Flexboxで実装する定番レイアウトのコードのまとめCSS flexboxとはCSS flexboxの使い方flexコンテナ: flex-direction（横並びと縦並び）flexコンテナ: flex-wrap（単一行と複数行の指定）f...
※Web開発 Bootstrap5 navbar
※Web開発 表示されているページでどのテンプレートファイルが使われているかを調べる
表示されているページ上で使われているテンプレートファイルを表示させる方法メモです。WordPressでのサイト制作中にどのファイルを修正すればいいのか分からない場合、思い当たるファイルを片っぱしから調べるのは結構な手間です。その手間を省きた...