• 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(縦)方向にスライドして、画像がスルスルと滑らかにパララックス風に動くことです。プラグインを使わずに自作でスライダーを作りたい方は参考にどうぞ! 自作した縦スライダー […]

  • 2019年7月7日

Gutenberg Blocks チュートリアルの和訳と解説【属性・コンポーネント・リッチテキスト】

今回はIntroducing Attributes and Editable Fieldsを日本語化します。エディターで編集可能な動的ブロックを作るための基本的な概念、attuributes(属性)について、components(コンポーネント)ついて、リッチテキストの有効化についてが説明されてます。補足説明では、私が特に理解できなかった箇所を中心に解説してます。 公式チュートリアルの和訳 公式チ […]

  • 2019年7月5日

Gutenberg Blocks チュートリアルの和訳と解説【カスタムブロックにスタイルを適用する】

前回に引き続き、Block Editor Handbook(ブロックエディターハンドブック)のブロックスチュートリアルを日本語化していきます。今日はApplying Styles From a Stylesheet です。カスタムブロックでエディター側とフロント側のCSSを適用させる方法ですね。前回の記事はこちらからどうぞ。 公式チュートリアルの和訳 公式チュートリアルの英文はこちらのページ↓ ス […]

  • 2019年7月3日

Block Editor HandbookのBlocksチュートリアルを和訳する 【step.1】

そろそろ新エディターGutenbergで独自のカスタムブロックを作ってみたくて、公式チュートリアルのBlock Editor Handbook(ブロックエディターハンドブック)を少しずつ和訳していこうと思います。まだ日本語の詳しい説明が少ないのでね。わかりやすいように端折った部分がありますが、、誰かのお役に立ちますように。 公式チュートリアルの和訳 Blocks (Introduction) ht […]

  • 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( ) […]