Web制作 【JavaScript】HTML要素を複製(コピー)する 複製したいHTML要素に対してcloneNodeメソッドを使うことで、属性やテキストを保持したままHTML要素を複製することができます。cloneNodeメソッドの戻り値は複製したHTML要素のオブジェクトです。変数に格納することで属性等を編集したり、任意の場所に挿入することで複製したHTMLを表示することが来ます。 2023.06.10 Web制作
Web制作 WordPressのアーカイブページで1ページ目と2ページ目以降で処理を振り分ける アーカイブページの1ページ目にだけ特定のコンテンツを表示したい場合や、逆に2ページ目以降にだけ特定のコンテンツを表示したい場合の振り分け方法です。 2023.05.23 Web制作
Web制作 【JavaScript / jQuery】ページ読み込み後に実行する関数の違い JavaScript window.onload = function() window.onload = function() { 実行させたい処理; } HTMLや画像など他の全てのデータの読み込みが完了した時に実行される。複数ある場合... 2023.05.22 Web制作
フォント 【商用可】無料で使える古印体フリーフォント「白舟古印体」 使用許諾の範囲内で商用・個人使用が可能で、無料でダウンロードできるフリーフォント「白舟古印体(教育漢字版)」をご紹介します。電子印鑑などで重宝しそうな古印体のフォントで、教育漢字1026字とフォント名プレビュー用漢字が収録されています。 2023.05.18 フォント
Web制作 WordPressでホーム(トップページ)とそれ以外で処理を振り分ける トップページにだけ特定のコンテンツを表示したい場合や、逆にトップページ以外には特定のコンテンツを表示し、トップページにだけは表示したくない場合の振り分け方法です。 2023.05.17 Web制作
Web制作 サーバー上のPDFファイルを検索結果に表示させない方法 PDFファイルのクローリングは.htaccessで制御することができますので、X-Robots-Tagという記述を用いてクローリングの回避を行います。 2023.05.17 Web制作
Web制作 【CSSのみ】details要素とsummary要素でアコーディオンを作る よくある質問ページやQ&A等の詳細でよく使うアコーディオンを実装する際、JavaScript(jQueryを含む)をはじめ色々な実装方法がありますが、今回はdetails要素とsummary要素を使用してCSSのみで作る方法をご紹介します。 2023.05.12 Web制作
Web制作 【CSS/JavaScript】iOS(iPhone)でモーダルウインドウの背面をスクロール禁止にする モーダルウインドウなど全画面表示かつ背面を固定したい場合、PCだとbodyにoverflow:hidden;を指定することでスクロールしないようにすることができますが、iPhoneで確認するとスクロールができてしまっています。 なので別の方法で固定します。 2023.04.19 Web制作