Figmaのデザイン制作が楽になる時短プラグイン30選
ブラウザ上で簡単にデザインができるFigmaですが、人気の理由のひとつがプラグインを活用すれば自分好みにカスタマイズできる点でしょう。 たとえば、「できるだけ効率よく作業時間を短縮したい」というクリエイターの願いを叶えるAI機能を生かしたプラグインや、統一感のあるWebサイトに欠かせないデザインシステム作成プラグインなど用途によってさまざまです。 しかし、いざ探してみると、どこから見つけていいのか迷ってしまうほど膨大な数が公開されています。 そこでこの記事では、デザインをつくるときに役立つFigmaプラグインに絞り、リスト形式でご紹介します。 しかも、どれも無料。気になるアイテムはどんどん試してみましょう。きっとこれまで以上楽にデザインを作成できますよ。 このリストはこんな人におすすめ デザインのアクセントになる「あしらい」をさくっと作りたい どのプラグインを使えばよいか迷っている まわり
WordPress Popular Postsで表示内容をカスタマイズする
こんにちは、Ryohei（@ityryohei）です！ 本記事では、WordPressWordPress Popular Postsdで表示内容をカスタマイズする方法をご紹介しています。 では、解説していきます。 WordPress Popular Postsのカスタマイズ方法 WordPress Popular Posts(WPP)で表示内容をカスタマイズする例としていくつか方法があります。 ウィジェットのカスタムHTMLテンプレートタグ関数によるフィルターフックQuery(WPP_Query)の利用 参考URL：https://github.com/cabrerahector/wordpress-popular-posts/wiki どの方法を用いてもカスタマイズ可能で、ある程度であれば理想とする表示内容にできるようになっていますが、本記事ではQuery（WPP_Query）クラスを用
WordPressでwebp（ウェッピー）画像を使う方法（Apache、Nginx対応：WordPress高速化チューニング） – wordpressのカスタマイズなどWordPress情報ならWPLab
WordPressでwebp（ウェッピー）画像を使う方法（Apache、Nginx対応：WordPress高速化チューニング） WordPress+Nginxでwebpを使う方法です。 画像をできるだけ軽くすることでサイトの表示速度を高速にすることができますが、この際に利用したいのがGoogleの新しい画像フォーマット、webp（ウェッピー）です。 webpは通常のjpg画像などに比べておおよそ30%程度軽量にできることもあり、高速化には大きな力を発揮します。 またアルファチャンネルが使えるということでpng画像のような透過画像にも対応しています。 webpに対応するブラウザ webpに対応しているブラウザは新しいブラウザに限られており、多くの古いブラウザでは対応していません。 Which web browsers natively support WebP? そこで、この記事ではweb対
ACFのWYSIWYGメニュー(Full/Basic)をカスタマイズする方法について | ahalog – Web Blog
この記事ではACF(Advanced Custom Fileds)のWYSIWYGメニューを調整する方法をご紹介します。 個人的にツールバーの定義名称が不明で、調べるのに少し時間を費やしたので取りまとめてみました。 ACFのWYSIWYGにはFullとBasicがある WordPressの従来の標準WYSIWYGでは一つしかメニューバーがありませんが、ACFではフィールドタイプからWYSIWYGを選択すると、ツールバーが表示されFullとBasicを選択することができます。 標準のFullでは以下のメニュー構成となります。 Basicでは以下の構成となります。 このままでも便利ですが、それぞれ過不足が出てきて調整したくなることも多いと思います。そこでこの記事ではカスタマイズする方法を2種類ご紹介します。 ツールバーをカスタマイズ (プラグイン利用) 手軽に行うにはTinyMCE Advan
WordPress × GitHubの自動デプロイは「WP Pusher」が超簡単だった | ma-ya's CREATE / WEB DESIGN
こんにちは、ma-ya’s CREATE［まーやずくりえいと］です。 日曜の深夜、寝れません。 このままだと月曜の勤務が地獄ですがブログでも書こうと思います。 近年流行りのCI/CD技術ですが、このサイトもその流れに少しでも乗りたいな、と思い色々と試しておりました。 先日作ったアプリ「俺のホッピー居酒屋管理帳」なんかはFirebaseにホスティングしていたので、GitHub Actionsによる自動デプロイも簡単でした。※GitHub→Firebaseへの自動デプロイ方法はこちらの記事で紹介しています。 しかしAmazon Lightsailにのせているこのサイトには苦戦を強いられ、ググりまくって半日以上費やしても一部の不具合に悩まされ続けた結果（具体的にはデプロイ用のPHPファイルが実行できない）、まったく別のアプローチを試したら「アッ！」という間に自動デプロイできたのでご紹介します。
WordPress：「MW WP Form」のエラー表示周りをカスタマイズする際の備忘録 - NxWorld
確認・完了画面付きのフォームを簡単に実装できるWordPressプラグイン「MW WP Form」をカスタマイズしたいときに毎回ど忘れしたりググったりしているので備忘録です。 エラー文言の変更やエラーをまとめて表示するなど、エラー表示周りのカスタマイズ時のものになります。 紹介している内容は、MW WP Form Ver 3.2.1で検証した内容になります。 「MW WP Form」についての基本的なインストール・使用方法については割愛しているので、使用したことない場合などはプラグインの詳細も含め「MW WP Form」で確認してください。 formタグにエラー用classを付与する 「MW WP Form」は、入力画面では.mw_wp_form_input、確認画面では.mw_wp_form_previewというように現在の状態によってform部分に特定のclassが付与される作りになっ
Simple GA Rankingが表示されず「このアプリは確認されていません」の対処法
※本サイトは、アフィリエイト広告による収益を得て運営しています。リンク先での購入により売上の一部が本サイトに還元されることがあります。 このサイトのトップページに表示している記事ページのランキング（Simple GA Ranking）が表示されなくなったので、調べてみました。 WordPress プラグインの Simple GA Ranking の Debug Mode をオンにするとランキングは表示されるので、インストールの際に設定した Google API が原因かと思いましたが、このサイトのドメインと Google Analytics とのアクセス権が切れていたようです。 WordPressプラグイン「Simple GA Ranking」とはGoogle Analyticsのデータと同期してランキングを表示させるプラグインです。 WordPress のデータベースにランキングデータを
WordPressサイトに「Smallchat」を使ってチャット機能を追加する方法
Slackと連携してWebサイトにチャット機能を追加できる「Smallchat」をWordPressサイトに追加する方法について紹介します。 Slackと連携して無料で使ってチャット機能を追加できる「Smallchat」 「Smallchat」はSlackと連携してWebサイトにチャット機能を追加できるサービスです。 Webサイト上に表示されたチャット欄からお問い合わせがあった場合、Slack上に作成されたスレッドでユーザーとチャットのやり取りを進めます。 「Smallchat」をWordPressサイトに追加する Smallchatの埋め込みコードを取得 まずはSmallchatのアカウント作成とSlack連携を進めましょう。 連携方法や各種設定はこちらのページを参考にしてみてください▼
Contact Form 7のカスタマイズ（コピペOK、レスポンシブ対応）
WordPress プラグインで常に人気上位にランクインしている【Contact Form 7】 こちらのプラグインはお問い合わせフォームを簡単に作れるプラグインです。 簡単に作れると言ってもデフォルトの【Contact Form 7】のお問い合わせフォームデザインのままだと少しさみしいフォームになってしまいます。 サイトに合わせて、【Contact Form 7】のお問い合わせフォームも作りこんでみましょう！ 【Contact Form 7】の使い方〜カスタマイズ方法をご紹介いたします。 あわせてCSSのデザインカスタマイズ方法も掲載していますので、ご利用ください！ 最短10分で全ステップを完了出来ます。 初めは少し難しいかもしれませんが、手順に沿って行えば簡単に本格的な問い合わせフォームを作ることができます。 では、順番に行ってみましょう。 フォーム完成後は以下のようなデザインになりま
ワードプレスのGutenberg(グーテンベルク)でテーブル(table)タグのセル結合(rowspanとcolspan)ができないときの対処方法 | ゆとり世代の投資家jun
2019年10月26日2019年10月27日Wordpress(ワードプレス) みなさんどうもグータレベルク！やっと重い腰を上げてグーテンベルクにした@xi10jun1です。 グーテンベルクにしたのはいいんですが、『こういうセッティングにしておけば、効率的に記事が書けるぞ！』と施していた設定が全部パァになりまして、怒り心頭でこの記事を書いています。 で、今日僕を最も怒らせた愚か者が、テーブルタグでの結合ができない問題です。 グーテンベルクでテーブルタグのセル結合はできない(現状) おそらくこの記事にたどり着いたということは、グーテンベルクでテーブルタグの結合(rowspanとcolspan)ができないのは何故？と検索してきたからでしょう。 はい、現状はできません。絶望です。神は死んだ。 なのでクラシックエディターに戻すか、グーテンベルクのクラシックブロックを用いることになりますが、後
[WordPress]Contact Form 7に下層ページ一覧をチェックボックスとして動的に追加 - Qiita
WordPressのフォーム設置プラグインとして有名なContact Form 7をカスタマイズし、チェックボックスを動的に追加する方法になります。 今回は、特定の親ページをに紐づく下層ページをチェックボックスとして追加します。 独自タグを定義するのですが、プラグインのバージョンによって仕様が変わり動作しない場合がありますのでご注意ください。 仕様 Contact Form 7の設定画面で独自タグ [page_list] を利用 Contact Form 7標準のチェックボックス同様、以下のオプションも選択できる 必須項目 名前 ラベルを前に、チェックボックスを後に配置する 個々の項目を label 要素で囲む チェックボックスを排他化する ID属性 クラス属性 固定ページ 以下のように親子階層となっている固定ページで、親ページIDもしくはスラッグを元に下層ページのタイトルを取得し、フォー
![[WordPress]Contact Form 7に下層ページ一覧をチェックボックスとして動的に追加 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/0128881a1798867fea013b9bfcdc2e50ec0546f4/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCV29yZFByZXNzJTVEQ29udGFjdCUyMEZvcm0lMjA3JUUzJTgxJUFCJUU0JUI4JThCJUU1JUIxJUE0JUUzJTgzJTlBJUUzJTgzJUJDJUUzJTgyJUI4JUU0JUI4JTgwJUU4JUE2JUE3JUUzJTgyJTkyJUUzJTgzJTgxJUUzJTgyJUE3JUUzJTgzJTgzJUUzJTgyJUFGJUUzJTgzJTlDJUUzJTgzJTgzJUUzJTgyJUFGJUUzJTgyJUI5JUUzJTgxJUE4JUUzJTgxJTk3JUUzJTgxJUE2JUU1JThCJTk1JUU3JTlBJTg0JUUzJTgxJUFCJUU4JUJGJUJEJUU1JThBJUEwJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz03OWY2OTQxOTRiMDBiZWZjMmRlOGFiYjI0OTFjZGMxNw%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBub3F1YSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZmUxMjgwOWM0MTRhNjkwOGI0MDhmYzk4ZmU2NTczMzM%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D9b71a3fbe726d78d1b43510ac5ba7bdd)
【備忘録】『MW WP Form』の『日付ピッカー』で生年月日の入力欄を作成する
Web制作『yearRange』設定前。 表示されるのは『maxDate』で設定した一番新しい『年』から過去10年のみ。 MW WP Formは比較的簡単な操作で高機能かつ柔軟なフォームが作成できるプラグインです。標準機能で自動返信メールが設定できたり、入力情報をCSV形式で一括ダウンロードできたりするのもポイント。毎回問い合わせフォームが必要なサイトを作成するときには便利に使わせていただいています。 MW WP Formでは日付の入力欄を作成する手段として『日付ピッカー』が用意されています。設置するといわゆる『jQuery Datepicker』が表示され、カレンダーから直感的に日付を選択できるようになります。 しかしこの『日付ピッカー』、標準設定のままだと生年月日を選択させたいときなどあまり具合が良くありません。 『年』の選択範囲が広すぎる デフォルトでは『年』はドロップダウンで選択で
WordPress ContactForm7 動的なオリジナルのフォームタグを作りたい。 - かもメモ
WordPressでサイトを作る時のフォームの定番Contact Form 7はすごく便利なのですが、カスタム投稿から動的にselectタグを作るなどカスタマイズしたタグが欲しいことがあります。 ゴール (作りたいフォームタグ) 例えばこんな感じに、タレント(talent)というカスタム投稿タイプを作成して所属するアイドルを登録して フォームでは、お仕事を依頼するタレントを選べるようにしたいような場合。 タレントを登録・削除するたびに、フォームのセレクトタグのvalueの値を変更するのはメンドーだし、ジョニー先生に任せた時に上手く運用できるか怪しいので、タレントの登録情報を動的に取得してセレクトタグを出力できると運用の手間も減ってハッピーになれそうです。 ※ カスタム投稿タイプの登録は割愛します Contact Form 7 のカスタムフォームタグ・フォーム登録画面で使えるショートコードを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JVN#01093915: WordPress 用プラグイン MW WP Form および Snow Monkey Forms における複数の脆弱性
How to Use TablePress with Meta Box in Page Templates - Meta Box
WordPressのダッシュボードをカスタマイズするAdmin Menu Editorの使い方
https://novel.onl/word/wp-extended-search/
How To Get Password Fields In Contact Form 7
Yao Wei / contact-form-7-flatpickr · GitLab
http://hapisupu.com/2015/11/wordpress-plugin-create-03/
