VSCodeでWordPress開発するための拡張機能とおすすめの設定 | HPcode（えいちぴーこーど）
名前の通り、WordPressのスニペット。WordPress関数の最初の数文字さえ分かれば、Ctrl + スペースで補完（もしくは候補を出す）してくれるので、うろ覚えでもなんとかなります。 いちいちCodexで検索しなくても済むのでコーディングスピードも上がるはずです。 公式 → https://marketplace.visualstudio.com/items?itemName=tungvn.wordpress-snippet IntelliSense for CSS class names in HTML classやidを数文字入力すると候補を出してくれるもの。同じプロジェクト内にあるcssファイルを読み取ってくれているみたいですね。 ちゃんとネーミングルールをちゃんと設計してclass名を付けていることが前提ですが、「c-btn-」くらいまで入力したらボタン関係のclassが見
画像をポップアップ風に拡大表示できるライトボックスのJavaScriptライブラリ | HPcode（えいちぴーこーど）
Lightboxのダウンロード 以下にアクセスしてください。 ダウンロード先 → Lightbox 「DOWNLOAD」ボタンからダウンロードできます。 いろいろなファイルが入っていますが、使用するのはdist内のファイルだけです。 Lightboxの使い方 Lightboxの使い方はめちゃくちゃ簡単です。 distフォルダ内のCSSファイル、JavaScriptファイル、imagesフォルダを移動して、画像のリンク先を指定したaタグを用意するだけになります。 CSSを<head>内に読み込みます。パスはご自身の環境に応じて変更してください。
確認画面、完了画面を作りたいなら「MW WP Form」1択！使い方と設定方法 | HPcode
WordPressのお問い合わせプラグインといえば、「Contace Form 7」が有名だと思いますが、欠点があります。 それは、「確認画面がない」ということ。プラグインを追加するなどして無理やり追加できますが、あまりスマートな方法ではありませんよね。 参考：Contact Form 7で確認画面と完了画面（サンクスページ）を追加する方法 そこで、お問い合わせに確認画面、完了画面が標準で装備されているプラグインを紹介します。 WordPressで確認画面、完了画面を設置したいなら、「MW WP Form」がめちゃくちゃおすすめです！ 導入方法と使い方について紹介していきます。 「MW WP Form」のインストール プラグイン → 新規追加 → 検索「MW WP Form」 → 今すぐインストール 有効化してください。 左のメニューに「MW WP Form」が追加されていればOKです。
VSCodeにコードスニペットを登録して効率的にコーディング！ | HPcode（えいちぴーこーど）
VSCodeでは各拡張子ごとにスニペットを登録しておくことが可能です。スニペットとは、単語登録のように、何かの文字をキーにコード一式を登録しておいて、簡単に使い回しできる機能のことです。 プログラミングをしていると、「これ何回同じ入力繰り返してるんだ・・・」ってコードがいくつかあるはずです。そういったコードを都度入力するのは無駄な時間以外のなにものでもありません。 スニペットとして登録して、3文字入力すれば100文字分のコードが出力されるみたいな登録をしておき、コーディングの効率化を図りましょう！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
