HTML&CSS

タブメニューを作る

WEBサイトでよく見かけるものにタブメニューがあります。 タブメニューはタブの部分をクリックすることにより、コンテンツ部分が切り替わります。 必要な情報だけを画面に表示することができるのでスペースの節…

HTML&CSS

見出しの両サイドに横棒を配置する方法

WEBサイトにはhタグを使った「見出し」がつきものです。 見出しには様々なバリエーションがありますが、結構よく見かけるのが見出しのキーワードの両サイドに横棒がある見出しです。 シンプルですが見出しであ…

JavaScript

Ajaxを使って初歩的な「問い合わせフォーム」を作成する

先日PHPを使った基本的な「問い合わせフォーム」作成の記事を書きました。 この記事で作成した「問い合わせフォーム」は全て「PHP」を使って 入力フォーム → 確認画面 → 送信完了画面 という流れで入…

PHP

PHPで初歩的な「問い合わせフォーム」を作成する

WEBサイトには「問い合わせフォーム」がつきものです。 WEBサイトの管理者と連絡を取りたい場合。 「問い合わせフォーム」に名前やメールアドレス、用件などを入力してポチッと「送信」ボタンを押せば、入力…

ツール

ajaxzip3でらくらく住所入力

WEBサイトには「問い合わせフォーム」がつきものです。 個人が運営しているサイトの問い合わせフォームの項目は「ニックネーム」「メールアドレス」「問い合わせ内容」くらいで住所の入力項目がないことが多いと…

WordPress

reCAPTCHAでスパムからサイトを守る

WEBサイトを作成する場合。 ほとんどの人がWEBサイトに設置するのがコメントフォームやコンタクトフォームなどの「フォーム」です。 記事の感想を書いたり管理人との連絡に必要となるので、WEBサイトには…

WordPress

「WP to Twitter」で更新情報を自動投稿

WordPressで新しい記事を書いて公開した時。 Twitterに記事のリンクを貼って公開を知らせておけば、Twitter経由で記事を読みに来てくれる可能性があります。 Twitterに記事のリンク…

ツール

【文例あり】「Twitter developer account」の作成方法

ブログに記事を投稿した際に、その記事へのリンクを自動的にTwitterに投稿したい場合。 WordPressならプラグインを利用することで、それが可能となります。 ただし、Twitterへの自動投稿を…

WordPress

カバレッジの問題が起きた時の原因と解決法の一例

先日、「Google Search Console」から以下のようなメールが届きました。 カバレッジyuntu-keiba.comで問題が検出されました 僕が運営しているサイトに「カバレッジの問題」と…

ツール

「Google Search Console」と「Google Analytics」へのサイトの追加

WEBサイトの運営には欠かせない「Google Search Console」と「Google Analytics」。 WEBサイトを開設したらすぐに導入する人がほとんどだと思います。 サイトの運営に…