コンテンツへスキップ

/recent
- /recorded
- /scheduled
- /dev
- /print
- /series
/app
/root

ブロックエディタ

Gutenbergへ貼ったMarkdownのコードブロック言語を、シンタックスハイライトプラグインへ自動反映する

2026-05-232026-05-21 by chiilabo

#WordPress（61） #Gutenberg（18） #クリップボード（15） #WordPressプラグイン（14） #ブロックエディタ（13）

カテゴリー記事タグ block snapshot、capture phase、clientId、core/code、ES Modules、getter-only、Gutenberg、Gutenbergプラグイン、language属性、Markdownコードブロック、MutationObserver、normalizeLanguageKey、Object.defineProperty、paste イベント、pasteHandler、property descriptor、resolveLanguage、Syntax-highlighting Code Block、UMDパターン、updateBlockAttributes、Webpack、WordPress、WordPressプラグイン、wp.data、クリップボード、シンタックスハイライト、フェンスコードブロック、ブロックエディタ、言語マッピング、言語属性

【WordPressプラグイン】Markdownのフェンス言語をシンタックスハイライトに設定する（Gutenbergの介入点）

2026-03-262026-03-18 by chiilabo

#デバッグ（24） #WordPressプラグイン（14） #ブロックエディタ（13） #シンタックスハイライト（7） #pasteHandler（6）

カテゴリー記事タグ blockツリー、bootstrapログ、captureフェーズ、clientId、configurable、core/codeブロック、ES Modules、getter-only、Gutenbergプラグイン、language属性、live binding、Markdownフェンス言語、Object.getOwnPropertyDescriptor、observe first mutate later、pasteHandler、pasteイベント、store操作、updateBlockAttributes、Webpack、WordPressプラグイン、wp.data.dispatch、wp.data.select、wp.data.subscribe、シンタックスハイライト、デバッグ、ブロックエディタ、ラッパー、介入点、名前空間オブジェクト、補助プラグイン

【WordPress】引用ブロックを吹き出しUIに変換するプラグインを作った

2026-03-08 by chiilabo

#Gutenberg（18） #WordPressプラグイン（14） #ブロックエディタ（13） #設定画面（13） #フィルターフック（7）

カテゴリー記事タグ add_filter、blockquote、cite要素、Cocoon、DOMDocument、esc_url、Gutenberg、HTML解析、InnerBlocks、Quoteブロック、render_block、WordPressプラグイン、wp_kses_post、アイコン画像、ガード節、クラスマッピング、コンテンツ保護、サニタイズ、テーマ移行、フィルターフック、プラグイン設計、ブロックエディタ、ブロック変換、フロント表示、出力エスケープ、吹き出しUI、引用ブロック、設定画面、話者名、追加CSSクラス

\sum LaTeXを貼ったらMathMLに変換するWordPressプラグインを作った 2026-02-22 2026-02-22 by chiilabo #正規表現（23） #Gutenberg（18） #ブロックエディタ（13） #フロントエンド（12） #pasteHandler（6） カテゴリー 記事 、 開発記録 タグ clipboardData 、 E2Eテスト 、 enqueue_block_editor_assets 、 Gutenberg 、 HTMLブロック 、 KaTeX 、 LaTeX 、 LaTeX変換 、 MathJax 、 MathML 、 pasteHandler 、 WordPress プラグイン 、 wp.blocks 、 wp.latexToMathml 、 イベント割り込み 、 インライン数式 、 コードスパン 、 セグメント分割 、 ディスプレイ数式 、 テスト駆動 、 トークナイザ 、 ブロックエディタ 、 フロントエンド 、 改行トリム 、 数式変換 、 正規表現 、 段落ブロック 、 誤検出抑止 、 貼り付け処理 、 通貨記号

WordPressでMarkdownとショートコードの自動変換が競合しないようにするプラグインを作った

2026-02-202026-02-19 by chiilabo

#WordPress（61） #Gutenberg（18） #ショートコード（14） #ブロックエディタ（13） #プラグイン開発（11）

カテゴリー記事タグ @playwright/test、@wordpress/block-library、@wordpress/env、blocks.registerBlockType、core/shortcode、E2Eテスト、Easy Footnotes、efn_note、enqueue_block_editor_assets、Gutenberg、Markdown、transforms.from、WordPress、wp-hooks、wp.blocks.pasteHandler、キャッシュ対策、ショートコード、バージョン依存、フィルター、プラグイン開発、ブロックエディタ、ブロック変換、ペーストハンドラ、ユニットテスト、変換定義、段落ブロック、無限ループ、競合、自動ブロック化、貼り付け変換

WordPressで管理者ログイン時にGoogle広告を消すプラグインを作った（非表示と出力抑制）

2026-02-012026-01-31 by chiilabo

#WordPress（61） #プラグイン（31） #正規表現（23） #Gutenberg（18） #パフォーマンス最適化（16）

カテゴリー記事、開発記録タグ add_filter、AdSense、CSS非表示、Google広告、Gutenberg、HTML出力、stripos、widget_block_content、widget_text、WordPress、WordPress5.8、WordPressプラグイン、ウィジェット、ウィジェット領域、サイドバー、パフォーマンス最適化、フィルターフック、フッター、プラグイン、ブロックウィジェット、ブロックエディタ、レガシーウィジェット、出力バッファ、出力抑制設計、単体ページ、広告スクリプト、広告出力抑制、広告判定、広告非表示、正規表現、管理者ログイン、管理者表示制御

Gutenbergブロックのキーワード検索を拡張するプラグイン

2026-01-26 by chiilabo

#セキュリティ（115） #WordPress（61） #JavaScript（46） #PHP（22） #Gutenberg（18）

カテゴリー記事タグ enqueue_block_editor_assets、functions.php、getBlockTypes、Gutenberg、JavaScript、keywords、PHP、register_setting、REST API、WordPress、wp_add_inline_script、WP_Block_Type_Registry、wp.blocks、エディタ拡張、オプションAPI、キーワード検索、コードブロック、サニタイズ、セキュリティ、テーマ非依存、パス解決、プラグイン化、プラグイン構成、プラグイン開発、ブロックID、ブロックエディタ、ブロックタイプ、動的処理、管理画面、設定画面

WP Maintenance ModeプラグインはLightStartに名前が変わっていた

2025-10-222025-10-22 by chiilabo

#WordPress（61） #カスタマイズ（34） #プラグイン（31） #ログイン（22） #インストール（19）

カテゴリー記事タグ Basic認証、LightStart、WordPress、WP Maintenance Mode、アクセス制限、インストール、カスタマイズ、サーバー設定、サイトリニューアル、シークレットモード、ステータス、デザイン、テンプレート、プライベートブラウジング、プラグイン、ブロックエディタ、メンテナンスページ、メンテナンスモード、ログイン、作業中、公式プラグイン、固定ページ、有効化、検索エンジン、無効化、管理者、編集、訪問者、設定方法、非表示

WordPressでタグリストを表示するGutenbergブロックを開発した

2025-05-182025-05-15 by chiilabo

#ブロックエディタ（13） #SEO対策（8） #WordPress管理画面（8） #Gutenbergブロック（3） #コード保守性（3）

カテゴリー記事タグ get_the_tags、Gutenbergブロック、JavaScriptブロック開発、PHPブロック開発、register_block_type、render_callback、SEO対策、ServerSideRender、tag-list-block、WordPressカスタムブロック、WordPressプラグイン開発、WordPress管理画面、wp_register_script、wp-blocks、カスタムブロック登録、コード保守性、サーバーサイドレンダリング、タグの表示条件、タグフィルタリング、タグリストブロック、タグリスト機能、タグリンク生成、ハッシュタグ表示、プラグインのセキュリティ対策、プラグイン構成、ブロックエディタ、ブロックカテゴリ、人気順タグ表示、記事数ソート、関連コンテンツ誘導

WordPressでタグのAND検索を実現するブロックUIの開発考察

2025-05-10 by chiilabo

#WordPress（61） #スマートフォン（48） #プラグイン（31） #PHP（22） #ユーザー体験（22）

カテゴリー記事タグ Ajax、AND検索、PHP、SEO、UIデザイン、WordPress、WP_Query、クライアントサイド、サーバーサイド、ショートコード、スマートフォン、タグ、タグフィルター、タグリンク検索、チェックボックス、ハイブリッド方式、パフォーマンス、ピル形式、プラグイン、ブロックUI、ブロックエディタ、ボタン形式、モバイル対応、ユーザー体験、リアルタイム表示、検索ボタン、積集合、絞り込み、複数タグ、該当記事数

トグルボックスとは？クリックで開閉できる便利な情報整理ツール（Ultimate BlocksのExpand）

2025-04-232025-04-23 by chiilabo

#WordPress（61） #プラグイン（31） #Gutenberg（18） #ショートコード（14） #ブロックエディタ（13）

カテゴリー記事タグ Arconix Shortcodes、Elementor、FAQ、GenerateBlocks、GeneratePress、Gutenberg、Gutenify、Ultimate Blocks、WordPress、WPDevelopers、アコーディオン、アフィリエイター、クリックしてツイート、グリッド、コールトゥアクション、コンテナ、ショートコード、タブコンテンツ、トグルコンテンツ、トグルボックス、ネスト対応、プラグイン、ブロックエディタ、ブロックエディタ拡張プラグイン、ブロック追加プラグイン、ボタン、レビュー、価格表、見出し、通知ボックス

WordPress×GeneratePressでコードをおしゃれに表示する方法

2026-05-212025-04-14 by chiilabo

#WordPress（61） #JavaScript（46） #Gutenberg（18） #WordPressプラグイン（14） #ショートコード（14）

カテゴリー記事タグ CDN、Claude風デザイン、Code Block Pro、codeタグ、GeneratePress、GitHub風デザイン、Gutenberg、highlight.js、JavaScript、language属性、preタグ、Prism.js、WordPress、WordPressプラグイン、wp_enqueue_scripts、カスタムCSS、コードハイライト、コードブロック、コピーボタン、ショートコード、シンタックスハイライト、テーマカスタマイズ、デザインパターン、プラグイン開発、ブロックエディタ、フロントエンド、モノスペースフォント、等幅フォント、自作プラグイン、言語名ラベル

WordPressのブログ一覧を見出しリストで表示する

2026-03-012025-04-12 by chiilabo

#WordPress（61） #カスタマイズ（34） #正規表現（23） #Gutenberg（18） #ブロックエディタ（13）

カテゴリー記事タグ CSSスタイリング、custom-h2-list、esc_html、functions.php、GeneratePress、get_permalink、get_the_excerpt、Gutenberg、h2タグ、liタグ、post_content、preg_match_all、strip_tags、style.css、the_excerpt、ulタグ、WordPress、WordPressテーマ、アーカイブページ、カスタマイズ、コンテンツ抽出、パーマリンク、フィルター、ブログ一覧、ブロックエディタ、リスト表示、子テーマ、抜粋、正規表現、見出しリスト

© 2026 Chiilabo Note • Built with GeneratePress

検索: