• 2019年10月9日
  • 2019年10月9日

【Contact Form 7】お問い合わせフォームのカスタマイズ済みテンプレート作りました。[デザイン4つ]

Contact Form 7(コンタクトフォーム7)でお問い合わせページを作るとき、もっと簡単に、オシャレにカスタマイズできるようにテンプレートを作ってみました。お問い合わせフォームのカスタマイズって、慣れていないと結構時間がかかって面倒なんですよね。しかもプラグインを使うとHTMLも特殊になるので余計に時間がかかるという。 Javascriptを使えばもっとリッチな表現が出来たりしますが、ここで […]

  • 2019年10月9日
  • 2019年10月10日

【Contact Form 7】カスタマイズ済みフォームテンプレート[4]のデモ

このページについて 当ブログの記事「【Contact Form 7】お問い合わせフォームのカスタマイズ用テンプレート作りました。」でご紹介している、Contact Form 7で使えるお問い合わせフォームテンプレート[4]のデモページです。挙動確認用なので、実際に送信は出来ません! テンプレートのコードと詳しい解説は下記の記事を参考にしてください。 デモフォーム テンプレート[4] ゲストブック風

  • 2019年10月9日
  • 2019年10月10日

【Contact Form 7】カスタマイズ済みフォームテンプレート[1]のデモ

このページについて 当ブログの記事「【Contact Form 7】お問い合わせフォームのカスタマイズ用テンプレート作りました。」でご紹介している、Contact Form 7で使えるお問い合わせフォームテンプレート[1]のデモページです。挙動確認用なので、実際に送信は出来ません! テンプレートのコードと詳しい解説は下記の記事を参考にしてください。 デモフォーム テンプレート[1] シンプルな縦並 […]

  • 2019年10月9日
  • 2019年10月10日

【Contact Form 7】カスタマイズ済みフォームテンプレート[3]のデモ

このページについて 当ブログの記事「【Contact Form 7】お問い合わせフォームのカスタマイズ用テンプレート作りました。」でご紹介している、Contact Form 7で使えるお問い合わせフォームテンプレート[3]のデモページです。挙動確認用なので、実際に送信は出来ません! テンプレートのコードと詳しい解説は下記の記事を参考にしてください。 デモフォーム テンプレート[3] ラベルとフィー […]

  • 2019年10月9日
  • 2019年10月10日

【Contact Form 7】カスタマイズ済みフォームテンプレート[2]のデモ

このページについて 当ブログの記事「【Contact Form 7】お問い合わせフォームのカスタマイズ用テンプレート作りました。」でご紹介している、Contact Form 7で使えるお問い合わせフォームテンプレート[2]のデモページです。挙動確認用なので、実際に送信は出来ません! テンプレートのコードと詳しい解説は下記の記事を参考にしてください。 デモフォーム テンプレート[2] ラベルとフィー […]

  • 2019年9月8日

CSSでカスタマイズする縦方向のパララックス風スライダー【コピペで簡単自作】

swiper.jsやslick.jsなどスライダー系プラグインは沢山ありますが、どうも望み通りのスライダーにカスタマイズ出来なかったので、、CSSメインでカスタマイズできるスライダーを作りました。ポイントは、下から上のvertical(縦)方向にスライドして、画像がスルスルと滑らかにパララックス風に動くことです。プラグインを使わずに自作でスライダーを作りたい方は参考にどうぞ! 自作した縦スライダー […]

  • 2018年11月4日
  • 2019年10月3日

【All in One SEO Pack】SNSでシェアする画像や要約を簡単に設定する。

All in One SEO Packでソーシャル設定をする方法の記事は沢山ありましたが、記事ごとに自由に画像を選んだり、投稿記事内にない画像を設定する方法がなかなか見つからず苦戦しました。。 記事ごとにシェア用の画像を設定する方法 これ、とーっても簡単でした。なぜ気付かなかったのでしょう。。 記事の投稿画面にある「All in One SEO Pack」>「メイン設定」というタブの隣に「ソーシャ […]

  • 2018年10月17日
  • 2019年10月3日

【WP Maintenance Mode】管理者権限でもサイトが見れなくて困った話。

ワードプレスでサイトリニューアルをする時、「ただいまリニューアル中です」の表示を出せる便利なプラグイン、WP Maintenance Mode。 本来は、メンテナンスモードにしても管理者ならサイトの中身を見れるはずですが、先日請け負った案件でサイトリニューアルする時に、管理者権限でも中身が見れなくてとてもとても焦りました。。この問題、結論から言うと、一旦ログアウトしてログインし直したら無事に中身を […]

  • 2018年10月4日

WordPressのカテゴリー関係いろいろ

PHP初心者でもわかりやすいように、ワードプレスのカテゴリー関係の取得や出力方法をまとめました。パラメーターを指定したり条件分岐をすることで、沢山カスタマイズできます。functions.phpが苦手な方は、上手にプラグインを使うのもおすすめです。 投稿が属するカテゴリーを表示したい ループ内でつかう 現在の投稿が所属する全てのカテゴリーをリンク付きで表示するときは、the_category( ) […]

  • 2018年9月29日

コーディングファイルを納品する前に必ず確認すること。

自分の備忘録も兼ねて。コーディング案件を受託して完成ファイルを納品する前に、プロとして必ず確認するべきチェック項目です。 [toc heading_levels=”2,3″] マークアップの確認 HTMLの記述にミスがないか? タグは正しく使われているか? タグの閉じ忘れはないか? metaタグの中身は適切な内容になっているか? altが空っぽになっていないか? 誤字脱字が […]

  • 2018年9月27日
  • 2019年10月10日

カスタムフィールドで文字装飾ができることに気付いた話。

ACFとかSCFとか、カスタムフィールドのプラグインは以前から使っていましたが、気づいていませんでした、、、フィールドタイプでWysiwygエディタを指定すれば、文字を装飾したり、リンクを張ることもでするんですね。 カスタムフィールド で改行したいとき テキストエリアで改行できるように、わざわざ▼下のように書いていたけれども。 [crayon-5f01403031d3b616792805/] エデ […]

  • 2018年7月23日
  • 2019年10月4日

【Contact Form 7】チェックボックスにラベルをつけてユーザビリティ向上

コンタクトフォーム7でラベルつきのチェックボックスをつくる方法を紹介します。ラベルをつけるとチェックボックスにチェックをつけやすくなるので、ユーザビリティを向上できます。しかもやり方はとっても簡単! そもそもラベルとは? HTMLでフォーム部品をつくるとき、そこに何を入力するべきか、何をチェックするべきか、などを説明するテキストがありますね。例えば「お名前」とか「メールアドレス」とか「性別」とか。 […]