HTML/CSS 電話リンク（href=”tel:”）をスマホでのみ効くようにする
電話番号をタップして電話をかける、スマートフォンでウェブサイトを見る人向けに当然必要となります。が、ものぐさなコーディングで、パソコンでもリンクがクリックできる状態にしていると、お客様から「なんか電話番号クリックしたらエラー出るんですけど！...
HTML/CSS 
その他 Googleしごと検索に対応するための構造化データマークアップ
下記のJavaScriptをhtml,php内に記述してアップロードすればOK。SearchConsoleでクロール申請と、その後の確認はしましょう。<script type="application/ld+json">{ "@contex...
その他 Instagramの写真をサイトに埋め込んで自動表示する方法
※InstagramGraphAPIが5.0になりました。以下記事を参考下さい。お客様からよくある要望の一つで、インスタグラムでアップしたら自動的にホームページに載せたいというものがあります。一昔前なら、インスタグラムのAPIでササ―っと実...
JavaScript,jQuery jQueryプラグインで半角数字のみ入力可能にする方法
お客様より、フォームのinputで、郵便番号などで半角数字のみを入力できるようにしてほしいと要望がありました。とりあえずググった情報で、jQueryで半角数字のみ入力可能としてみました。その際、矢印やら削除キーを動くようにもしました。が、「...
PHP phpでテスト環境を簡単に作成する方法の１つ
ページのこの部分直して、一度テストでブラウザ確認したい。そういった時、作り方を改善すればいいかもしれない問題ですが、例えばワードプレスなんかで「page-▲▲.php」で固定ページを作成している場合、単純に複製したとしてもテストページは作れ...
VisualStudioCode Visual Studio Codeおすすめ拡張機能
コーディングするときは、Visual Studio Code（以下vscode）を使用しております。非常に素晴らしいエディタだと思います。欲を言えば、DreamWeaverのように、エクセルのセルをコピーしてエディタ上でペーストすることによ...
Wordpress WordPressの「固定ページ」だけ自動整形を無効にする方法
基本的に、Wordpressを導入するお客様のサイトでは、私が勤めているところでは、オリジナルのテンプレートを使用します。私の作り方として、基本的に下層ページ（固定ページ）は、通常のサイト制作のように、例えば「会社概要ページ」があるとすれば...
Wordpress WordPressのおすすめカスタムフィールドプラグイン
Wordpressでのサイト制作を行うと、決まってデフォルトの「投稿」で出来ること以上のことを求められます。例えば施工実績をアップしたいから、「写真・施工日・施工内容・自社コメント・お客様の声」といった事を含めて投稿したいと言われます。SE...
Wordpress WordPressサイト制作時のオリジナルテーマの中身一例
下記の一例はあくまで私が業務で行う際のテーマフォルダ内に入れているものです。 assetsassetsフォルダ。中身はcss（scss）,img,jsフォルダが主に入っています。 funtctions.phpWordpressで使用する関数...
Wordpress Worpdressのサイト制作で大体入れるプラグイン
Classic Editor言わずもがな、新エディターの「Gutenberg」は正直使いこなせていないので、旧エディタにこれで戻します。 Yoast SEOSEO対策・sitemap.xmlの自動生成はとりあえずこれで。が、何故keywor...