HTML/CSSサンプルコード集

SEO対策・ホームページ集客
Pz-LinkCardでデフォルトのサムネイル画像を表示する方法

ワードプレスのプラグイン「Pz-LinkCard」を利用していてカテゴリーページでサムネイル画像が取得できない場合に、代わりにデフォルトのサムネイル画像を表示したい、そんなときに使えるJavaScriptコードをご紹介し […]

続きを読む
HTML/CSSサンプルコード集
検索結果にサブドメインサイトのサイト名を反映させる最低限の記述(構造化 @type Website)

下記記述を対象のサブドメインサイトの~内に記述しましょう。 <script type="application/ld+json"> { "@context" : "https://schema.org", " […]

続きを読む
コンテンツ
【JQuery】appendで追加した要素でclickイベントが発火しないときの対処法

JQueryでclickイベントがうまく発火しない・・・もしかしてそのクリック対象の要素、appendで追加していませんか? appendで追加した要素でclickイベントを発火させるには以下のように記述を変更する必要が […]

続きを読む
PHP/MySQLサンプルコード集
【コピペで使える】WordPressで~日以内の記事にNEWアイコンを出す方法

ワードプレスのオリジナルテーマを作って運用をはじめてみたけど、ビジュアルエディターを開くと実際のサイトデザインが反映されず、ビジュアルエディターの意味がない・・・そんな風にお悩みの方はこちらをお試しください。 ワードプレ […]

続きを読む
コンテンツ
【コピペで使える】WordPressのビジュアルエディターにデザインを適用する方法

ワードプレスのオリジナルテーマを作って運用をはじめてみたけど、ビジュアルエディターを開くと実際のサイトデザインが反映されず、ビジュアルエディターの意味がない・・・そんな風にお悩みの方はこちらをお試しください。 ワードプレ […]

続きを読む
コンテンツ
【コピペで使える】WordPressでpタグ自動挿入を回避する方法

ワードプレスの固定ページや投稿ページでコーディングをしていたら意図せぬ場所に勝手にpタグが挿入されている!とお困りの方はこちらをお試しください。 functions.phpに下記コードをコピペして保存するだけで問題解決で […]

続きを読む
コンテンツ
【コピペで使える】リンククリック数を自力で計測するJavascriptコード

HTMLサイトで指定のリンクのクリック回数を記録したいといったケースがあります。 リンククリックの計測で検索するとGoogleアナリティクスの設定が出てきますが、本記事ではJavascript(JQuery)とPHPを使 […]

続きを読む
コンテンツ
【コピペで使える】ワードプレスで投稿一覧を無限スクロールで表示させる方法(カテゴリー別)

WordPressの記事一覧を「もっと見る」ボタンなどで、ページ下部に動的に読み込んでゆく無限スクロールを実装する方法をメモします。 下記タドワークスで実際に実装をさせていただいたクライアント様のページとなりますが、こん […]

続きを読む
コンテンツ
【コピペで使える】プレーンなJavascriptで作る開閉ボタン(よくある質問等)

ホームページのよくある質問などのページでこんなインターフェイスを見かけたことはありませんか? よくある質問のようなページでは、ユーザーは自分が知りたい情報に素早くアクセスしたいため、それ以外の内容のテキストボリュームが多 […]

続きを読む
コンテンツ
【コピペで使える】フォームへの生年月日入力でリアルタイムに年齢を表示するサンプルコード

今回はフォームで生年月日を入力した際にリアルタイムで年齢を計算して表示するスクリプトコードを紹介します。 サンプルコード <html> <head> <meta charset="utf-8 […]

続きを読む