oEmbed機能の仕組みに見る、WordPressが圧倒的に安全な理由
WordPressを使っていて便利なのが、YouTubeやTwitterのURLをペーストするだけで埋め込めること。ただ便利なだけでなく、安全性にも気を配った仕組みなのです。 自分のWordPressのサイトにいつも投稿している人なら、外部コンテンツを埋め込む必要を頻繁に感じていることでしょう。 YouTubeやVimeoからの動画、SoundCloudやSpotifyからのミュージッククリップ、TweetやVine、Instagram上のFlickr、なんであれ、あっという間に埋め込めます。埋め込みたいコンテンツのURLをWordPressの記事にコピー＆ペーストするだけで完成です。 この記事では、WordPressの「embed」（埋め込み）と「oEmbed」機能に関する詳細をすべて、徹底的に紹介します。 WordPressに「embed」機能が必要な理由 これまで使ってきたほかのCM
ロリポップ！レンタルサーバーで全国TV放送に耐えられた訳 – ecogrammer
今日、会社の商品が日本テレビ系「スッキリ」で紹介されたのですが、さすがに全国放送されると、レンサバ（ロリポップ！レンタルサーバー）を利用しているのでアクセス過多で500エラーになるだろうと、覚悟していたのですが…。 結論、落ちませんでした。 見出しの通り、表示されない。といった状況になることなく、もちろんSNSでも「表示されない」「商品を買えない」などのコメントも一才ありませんでした。もっというと「表示が遅い」こともありませんでした。これ、かなりすごいことなのではないかと..。 去年、苦い経験をした 去年、同じく全国放送されたことがあるのですが、その時はほとんど対策を行うことなく当日を迎え、案の定サイトは表示されない事態になりました。 今回なぜ落ちなかったのか もちろん事前準備を全くしていなかった訳ではありません。特に難しいことをした訳でもありません。ではどのような準備をしていたのかという
Headless Form Submission With the WordPress REST API | CSS-Tricks
If you’re building a WordPress site, you need a good reason not to choose a WordPress form plugin. They are convenient and offer plenty of customizations that would take a ton of effort to build from scratch. They render the HTML, validate the data, store the submissions, and provide integration with third-party services. But suppose we plan to use WordPress as a headless CMS. In this case, we wil
Varnish vs Nginx FastCGI Cache: Which is Best for WordPress? - SpinupWP
When it comes to fast loading WordPress sites, caching is crucial. A well-optimized page cache can dramatically improve load time for visitors and reduce the load on your server. It’s a win-win situation! However, not all page caching solutions are equal. A simple plugin search for “caching” on WordPress.org will return thousands of results. But WordPress caching plugins aren’t the only options av
ブロックエディターではじめるアクセシビリティ
この記事は、2021年1月29日に開催された WordPress のオンライン勉強会 WP Zoom UP #57 新春LT大会2021！ で発表した内容に、もう少しお話したかった補足︎を加えたものです。 使用したスライドはこちら（Speaker Deck）です。 自由と可能性 WordPress 5.0 からコンテンツのエディターが「ブロックエディター」へと刷新されました。 ブロックエディターの登場で、WordPress を使った発信はさらに自由にパワフルになりました。これまで HTML や CSS の知識がないとできなかったような表現が、ブロックを組み立てるように、誰でも簡単にできるようになりました。 この記事もブロックエディターを使って書いていますし、新規でサイトを制作する時はブロックエディターをデフォルトにしています。 そこでひとつ質問です。 サイトの目的はそれぞれだと思いますが、
WordPress カスタム投稿タイプのアーカイブをカスタムメニューで追加してCSSクラスもいい感じに付与 - Qiita
歴史的経緯 カスタム投稿タイプ自体は ver 2.9から実装されている 脚光を浴び始めたのは ver 3.0 ぐらいから カスタム投稿タイプはアーカイブが持てる、かつそのアーカイブへのリンクを作成する関数もあるのに、なぜか外観＞メニューのカスタムメニューでは追加できなかった。 ただし、メニューの「カスタムリンク」を使えばリンク自体は作成できたが、カスタムリンクなので current-menu-item といったCSSクラスは付与されなかった。 よってカスタムメニューでカスタム投稿タイプのアーカイブを追加（かつ current などのCSSクラスが適切に付与される）ためにはプラグインを利用する必要があった ver 4.4以降 リリースノートにコメントとして記載されていないが、この機能はver 4.4で実装されている。 トラックにあるように 'has_archive' => trueであれば出
WordPress Gutenberg スライダーを表示するブロックの作り方
WordPress スライダーを表示するブロックの作成 WordPress のブロックエディタ Gutenberg でスライダーのプラグイン Swiper を使ってスライダーを表示するカスタムブロックの作り方についての覚書です。 以下は(旧)ブロックの作成 チュートリアル（削除予定）などの古い情報を参考にしているため部分的に古い情報になっています。 ブロックの基本的な作成方法や環境の構築方法については以下を御覧ください。 関連ページ カスタムブロック MediaUpload で複数の画像を挿入 スライダーでアイキャッチ画像を表示するブロックを作成 Gutenberg ブロックの作成（JSX を使用しない場合） Gutenberg ブロック開発の環境構築 JSX を使った Gutenberg ブロックの作り方 ダイナミックブロックの作り方 カスタムカードブロックの作り方 Code-Prett
WordPress Gutenberg ブロック開発の環境構築
WordPress 関連リンク JavaScript ビルド環境のセットアップ（@wordpress/scripts） @wordpress/create-block パッケージ ブロックの作成 チュートリアル（create-block） JavaScript Build Setup（英語） @wordpress/create-block（英語） Create a Block Tutorial（英語） @wordpress/scripts (wp-script) npm 関連リンク @wordpress/scripts @wordpress/create-block 関連ページ Node.js を Mac にインストール（nodebrew の使い方） npm の基本的な使い方 webpack の基本的な使い方 React を使ってみる（基本的な使い方） このページ以外にも以下のようなブロッ
WordPressのテーマやプラグイン開発でその内容をGitHub Actionsを使ってエックスサーバに自動デプロイする - Qiita
WordPressのテーマやプラグイン開発でその内容をGitHub Actionsを使ってエックスサーバに自動デプロイするWordPressBashエックスサーバーGitHubActions はじめに WordPressで開発を行っている際、アップロードが手間だったり、接続方法を聞いたり、アップロード事故1を起こしたり…、と色々と悩みがあります。 Gitにプッシュすると開発環境にデプロイされて、Slackで通知されて、PRで確認できて…、という環境になるとそういった悩みを軽減するとができます。 複数人での開発が捗るので是非オススメです。 エックスサーバで環境の準備 エックスサーバで環境を準備していきます。 SSHの有効化 自動化する前にまずは手元（ローカル環境）からデプロイを行えるようにしておきます。 今回の対象はエックスサーバです。 デプロイをFTPで行うこともできますが、SSHを使った
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SQL Query Optimization for Faster WordPress Sites
https://www.wpgraphql.com/2021/03/09/gutenberg-and-decoupled-applications
Update on Gutenberg accessibility audit - WPCampus 2020 Online - July 29-30 - Where WordPress meets higher education
Insert Font Awesome Icons Into the Block Editor via the JVM Gutenberg Rich Text Icons Plugin
9 Best Gutenberg Blocks Plugins to Make the Editor Better
https://blockbasedthemes.courses/tutorials/gutenberg-colour-settings/
WordPress Multisite and Sharing Widgets | RedTree
Controlling Responsive Image Sizes in WordPress - Pine
How To Use Block Variations In WordPress | CSS-Tricks
WordPress and Eleventy - Foxland
Namespacing and Autoloading
