Web制作 【JavaScript】任意の位置にHTML要素を挿入する
ページの指定した位置にHTML要素を挿入するときは、下記の4種類のメソッドで挿入することができますappendChildbeforeafterinsertBeforeappendChild指定した要素の中の最後に挿入するNode: appe...
Web制作
Web制作 Web制作 【JavaScript】HTML要素を複製（コピー）する
複製したいHTML要素に対してcloneNodeメソッドを使うことで、属性やテキストを保持したままHTML要素を複製することができます。Node: cloneNode() メソッド - Web API | MDNcloneNodeメソッドの...
Web制作 WordPressのアーカイブページで1ページ目と2ページ目以降で処理を振り分ける
アーカイブページの1ページ目にだけ特定のコンテンツを表示したい場合や、逆に2ページ目以降にだけ特定のコンテンツを表示したい場合の振り分け方法です。is_paged()関数で条件分岐させる<?php if (!is_paged()) : ?>...
Web制作 【JavaScript / jQuery】ページ読み込み後に実行する関数の違い
JavaScriptwindow.onload = function()window.onload = function() { 実行させたい処理;}HTMLや画像など他の全てのデータの読み込みが完了した時に実行される。複数ある場合は、最後...
Web制作 WordPressでホーム（トップページ）とそれ以外で処理を振り分ける
トップページにだけ特定のコンテンツを表示したい場合や、逆にトップページ以外には特定のコンテンツを表示し、トップページにだけは表示したくない場合の振り分け方法です。トップページにだけ表示する場合<?php if ( is_home() || ...
Web制作 サーバー上のPDFファイルを検索結果に表示させない方法
PDFファイルは検索エンジンに認識される？基本的にテキストコンテンツであれば、言語を問わずさまざまな文字エンコードのPDFファイルからインデックス登録することができます。テキストが画像として埋め込まれている場合などはOCRアルゴリズムによる...
Web制作 【CSSのみ】details要素とsummary要素でアコーディオンを作る
よくある質問ページやQ&A等の詳細でよく使うアコーディオンを実装する際、JavaScript（jQueryを含む）をはじめ色々な実装方法がありますが、今回はdetails要素とsummary要素を使用してCSSのみで作る方法をご紹介します。...
Web制作 SQLiteのデータ型一覧
SQLiteはデータ型に関する制約が緩く、異なる型のフィールドにもデータを追加可能です。データ型の種類型説明NULLNULL値INTEGER負号付きの整数 （1、2、3、4、6、8バイト）REAL浮動小数点数 （8バイトのIEEE）TEXT...
Web制作 【CSS/JavaScript】iOS（iPhone）でモーダルウインドウの背面をスクロール禁止にする
モーダルウインドウなど全画面表示かつ背面を固定したい場合、PCだとbodyにoverflow:hidden;を指定することでスクロールしないようにすることができますが、iPhoneで確認するとスクロールができてしまっています。なので別の方法...
Web制作 【CSS】長いテキストを三点リーダーで省略する
テキストが1行を超えたら三点リーダー表示にしたい場合や、複数行のテキストを任意の行数で三点リーダー表示にしたい場合のCSSです。テキストが1行の場合テキストが1行の場合は、text-overflow: ellipsis;を使用します。tex...