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連携を進めましょう。 連携方法や各種設定はこちらのページを参考にしてみてください▼
ワードプレスのGutenberg(グーテンベルク)でテーブル(table)タグのセル結合(rowspanとcolspan)ができないときの対処方法 | ゆとり世代の投資家jun
ワードプレスのGutenberg(グーテンベルク)でテーブル(table)タグのセル結合(rowspanとcolspan)ができないときの対処方法 2019年10月26日2019年10月27日Wordpress(ワードプレス) みなさんどうもグータレベルク！やっと重い腰を上げてグーテンベルクにした@xi10jun1です。 グーテンベルクにしたのはいいんですが、『こういうセッティングにしておけば、効率的に記事が書けるぞ！』と施していた設定が全部パァになりまして、怒り心頭でこの記事を書いています。 で、今日僕を最も怒らせた愚か者が、テーブルタグでの結合ができない問題です。 グーテンベルクでテーブルタグのセル結合はできない(現状) おそらくこの記事にたどり着いたということは、グーテンベルクでテーブルタグの結合(rowspanとcolspan)ができないのは何故？と検索してきたからでしょう。
カスタム投稿タイプやタクソノミーも 検索対象に含める 『WP Extended Search』 - 創作とWordPressの小技
WP Extended Searchについて お使いのテーマ・テンプレートによっては、カスタム投稿タイプが検索結果に含まれないことがあります。 また、カスタムフィールドを積極的に使用しているサイトの中には、メタデータに記述した商品名、機能、サービス詳細などを検索結果に反映したいケースもあるでしょう。 プラグイン『WP Extended Search』は、通常の投稿（post）や固定ページ（page）の他、抜粋、ターム、メタデータなども検索対象に含めることができます。 操作も簡単で、functions.phpなどの難しい記述も不要です。 初心者にも、上級者にもおすすめの人気プラグインです。 『WP Extended Search』 https://ja.wordpress.org/plugins/wp-extended-search/ 基本の設定 プラグインを有効化すると、左側メニューに、『
[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/082a704064f1e0aa8593c8aeba2a490afb17991e/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCV29yZFByZXNzJTVEQ29udGFjdCUyMEZvcm0lMjA3JUUzJTgxJUFCJUU0JUI4JThCJUU1JUIxJUE0JUUzJTgzJTlBJUUzJTgzJUJDJUUzJTgyJUI4JUU0JUI4JTgwJUU4JUE2JUE3JUUzJTgyJTkyJUUzJTgzJTgxJUUzJTgyJUE3JUUzJTgzJTgzJUUzJTgyJUFGJUUzJTgzJTlDJUUzJTgzJTgzJUUzJTgyJUFGJUUzJTgyJUI5JUUzJTgxJUE4JUUzJTgxJTk3JUUzJTgxJUE2JUU1JThCJTk1JUU3JTlBJTg0JUUzJTgxJUFCJUU4JUJGJUJEJUU1JThBJUEwJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0zY2JhNDk2MmJiOGU0MTIxYzEzNDY0MDAxMjg2YTU3Mg%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBub3F1YSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YWJmYjZlY2RlZGY0ODA3YWQwOGIyZGYwODhhOGZiNDE%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D458dfe3aff0f815dc76f0cebf03c5b42)
【備忘録】『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 のカスタムフォームタグ・フォーム登録画面で使えるショートコードを
テーマ不要になるか？WPのテンプレートプラグイン「LIQUID BLOCKS」 | WordPressやWebデザインなど紹介 Ocadweb
WordPressのGutenberg（グーテンベルク）が導入されてから、htmlなどの知識がなくてもおしゃれなホームページが簡単にできるようになりました。 WordPressテーマは不要になるのか？ WordPress関連のブログ記事でもテーマは不要になるのではないかという意見もでています。（実際には現在、WordPressテーマは必要になります。しかし、いろんなテーマを選ばなくても簡単におしゃれなホームページができるようになるのでは。。。という意味です。） とはいえ、配置やデザインを考えたり、詳細な使い方を勉強したりせずにもっと簡単に作りたいという方に、今回紹介するテンプレートが用意されているWordPressプラグイン「LIQUID BLOCKS」を紹介します。このプラグインのイメージ画像は英語表記されていますが、製作者は日本人のため、もちろん日本語対応。またWordPress公式の
ShortcakeでビジュアルエディタのショートコードUXを向上する – Capital P – WordPressメディア
以前お知らせした通り、現在のWordPressのエディタは今後のロードマップにおける最重要事項として挙げられている。が、筆者の予想では、WordPressの管理画面はそれなりに作り込まれているため、リプレースに相当な時間がかかるはずだ。 さて、まだ見ぬ管理画面のことはさておき、現状の投稿画面のUXをもう少しわかりやすいものにしてくれるプラグインを紹介する。その名もShortcakeだ。 https://ja.wordpress.org/plugins/shortcode-ui/ Shortcakeはショートコードの出力結果をビジュアルエディタに表示してくれるプラグインである。日本では「知る人ぞ知る」といったポジションにあるのだが、きちんと作り込めば次のような見栄えを作ることが可能だ。 テーマでは次のような会話ブロックが表示されているが…… 投稿画面でもまったく同じものが表示される このプラ
高機能wordpressプラグイン Yoast SEO おすすめの機能や設定、注意点 | Root-013
MENTAやTimeTicketでZoomオンライン指導・メンタリングを行っています。 WordPressやHTMLサイトのトラブル、SEO対策のご相談、HTML・CSS・WordPressなどのレクチャーなどが可能です。 WordPressで鉄板のSEOプラグインといえば、今は「All in One SEO Pack」とこの「Yoast SEO」ではないでしょうか。 インストール・有効化するだけでそれなりに使えるAll in One SEO Packと違い、Yoast SEOは多機能過ぎで難しい・ややこしいと感じる人も多いでしょう。 デフォルトでは機能が制限されているYoast SEO ですが、設定を変更することで様々な機能が使えるようになるので、パンくずナビやxmlサイトマッププラグインが不要になることもあります。 今回は最低限押さえておきたい設定などをご紹介していきたいと思います。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
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の使い方
How To Get Password Fields In Contact Form 7
http://hapisupu.com/2015/11/wordpress-plugin-create-03/
