WordPress公式dockerパッケージ wp-env による開発環境構築 – Capital P – WordPressメディア
二ヶ月ほど前に WordPressによる公式Dockerコンテナである wp-env がリリースされたが、現在は日本語ドキュメントの整備も進み、かなり成熟してきたようだ。 wp-envの特徴 さて、wp-envはDockerのnpmラッパーといった趣で、次のような .wp-env.json をリポジトリに用意しておくことで、開発環境がまるっと用意できる。 { "core": null, "plugins": [ "." ] } Dockerを利用したWordPress開発環境はいくつかあるが、利点は下記の通り。 公式でサポートされている。たとえば Docker がリリースしているWordPressイメージなどはファイルパーミッションなどがやや微妙だった。DockerとNode（v12以上）がインストールされていれば、環境を再現できる。追加ソフトウェアのインストールは不要（というより、npm
新型コロナと自粛によるロスを削減するWebサービスsavejploss.com – Capital P – WordPressメディア
さる4月13日、savejploss.com というサイトがリリースされた。新型コロナ（Covid-19）による自粛要請で無駄になってしまいそうな食品・花卉かきなどを販売者が登録し、それを購入する通販マッチングサービスである。特に利用料などは徴収せず、ボランタリーなサービスとなっている。 作成者であるタケシタカズト氏とAtsushi Andoh氏は二人ともWordPressコミュニティのメンバー。サービスがWordPressでできていること、新型コロナのもたらす影響とやや距離のあるWordPressによる社会貢献ということ、サービスのリリースが早かったこと、いくつか興味深い点があったので、両氏にインタビューを行った。
Bootstrapを利用したWordPressテーマ設計の秘訣 – Capital P – WordPressメディア
WordPress受託業界では、HTML+CSS+JSが完全に組まれたモックアップを渡されてそれをWordPressテーマにするということが多くある。最近ではKunoichi MarketというWordPressのマーケットプレースを作ってもいるので、汎用テーマを作る機会も多い。 そんな中、CSSフレームワークを利用したモックアップがWordPressのマークアップに適さないというケースが多々ある。今回はBootstrapを例に挙げ、CSSフレームワークを採用する際のティップスを紹介しよう。 秘訣1. コンパイルしよう Boostrapのみならず、多くのCSSフレームワーク・ライブラリではCDN版が用意されているため、URLを書くだけで簡単に導入できる。 <?php // Bootstrapを読み込み wp_enqueue_style( 'bootstrap', 'https://stac
registerBlockStyleでブロックに独自のスタイルを追加する – Capital P – WordPressメディア
これまでブロックの作成方法などについて触れてきたが、Twenty Twentyなどに見られるように、WordPressコアやプラグインの提供するブロック機能に依存し、あくまでスタイルの拡張に徹底するというのも一つの戦略ではある。 カスタムブロックについて「自分はプログラマーではないのでちょっと……」などと思っている人でも手軽にできる、ブロックスタイルの追加方法を説明する。 スタイルの登録 Gutenbergのデフォルトブロックのうち、たとえば区切り線は「スタイル」という概念がある。 区切り線、要するに hr はスタイルを選ぶことができる。 この実装がどうなっているかというと、スタイルを選ぶごとにCSSのクラスが付与されるという形だ。hrを例にとると、デフォルトで以下の3種類。 上から順に、次の様なクラスが割り当てられている。 クラスなしあるいは is-style-defaultis-sty
WordPressテーマの終わり？ – Capital P – WordPressメディア
このCapital Pが日本語におけるそれであればよいと思うのだが、WordPressに関する高度な情報を入手できる英語メディアがいくつか存在する。そのうちの一つ、MasterWPというニュースレターから転載されたブログ記事 “The End of WordPress Themes is in Sight” に興味深いテーマについて意見が載せられていたので紹介しよう。 ブログの主張をかいつまんで紹介すると、次のようになる。 WordPressコアチームが現在開発中のコンテンツエリアのデモを見ると、WordPressはサイトビルダーに進化するようだ。テーマの役割は減っていき、最終的にはスタイルシートとJSONのような設定ファイルだけになる。WordPressのデザインは一貫性を欠いてはいるが、ともかくブロックやレイアウトを決定するのはコアやプラグインの役割となり、テーマはそれらの見栄えを調整
Googleが画像遅延の仕組みNative Lazyloadプラグインをリリース – Capital P – WordPressメディア
GoogleがWordPressプラグインNative Lazyloadプラグインをリリースした。このプラグインはその名前の通り、Lazy Loading（画像などの遅延読み込み）を実現するもの。画像読み込みでロックされるレンダリングを早くしようというものだ。このサイトCaptal Pでも導入してみたので、気になる方はチェックしてみてほしい。もっとも、そんなに画像をたくさん使うサイトではないので、効果は限定的だろうが……。 さて、こうしたLazy Loading系のプラグインはいままでもたくさんあったのだが、Googleがリリースしたこのプラグインの特徴はブラウザ実装の機能を使うという点。既存のLazy LoadingはJavaScriptなどを利用して画像を一時的にプレイスホルダーに置き換え、スクロールイベントなどを監視して画像を再度差し替えるものが多かった。しかし、Native Laz
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
