CATEGORY

WORDPRESS

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

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

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

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

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

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

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

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

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

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

  • 2018年7月1日
  • 2019年10月10日

【Contact Form 7】お問い合わせフォームを簡単実装する実務の話。

コーポレートサイトを作るときに必ず求められるのが「お問い合わせフォーム」ですが、フロントエンドの人がPHPでプログラムを組むのはとても大変なこと。簡易的なメールフォームなら、Wordpressの「Contact Form 7」でサクッと簡単実装しちゃいましょう。 この記事でつくるメールフォーム 例があるとわかりやすいと思うので、今回は次のようなシンプルなメールフォームをつくってみます! 完成イメー […]

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

【初心者コーダー向け】WordPressオリジナルテーマづくり PART1

HTMLで作成された既存のウェブサイトをオリジナルのテーマ(テンプレート)にする手順。専門的な難しい用語は使わず、できるだけシンプルにわかりやすく説明した記事です。デザイナーやコーダーの方々が初めてWordpress構築の依頼を受けたときに役立ちますように! まず準備するもの 自分でデザインしたウェブサイトのコーディングファイル一式をひとつのフォルダに入れておきます。フォルダ名はサイトやテーマの名 […]