Yellow Pencil: Visual CSS Style Editor

Yellow Pencilは、WordPress用のポイント＆クリックCSS編集インターフェースを提供します。このプラグインを使用すると、ページ上の任意の要素を選択し、直感的なインスペクターパネルを通じてその視覚的プロパティを変更できます。

主な機能

• ビジュアルインスペクター：任意の要素をクリックして、色、フォント、マージン、パディング、ボーダーなどのCSSプロパティを編集
• レスポンシブ編集：デスクトップ、タブレット、モバイルのブレークポイントごとにスタイルをプレビューおよびカスタマイズ
• アニメーションエディター：タイミング、イージング、トリガーイベントの視覚的コントロールを使用してCSSアニメーションを追加
• 背景マネージャー：グラデーション、画像、オーバーレイ、ビデオサポートを使用して背景を編集
• フォントマネージャー：Google Fontsやカスタムフォントをブラウズし、タイポグラフィコントロールで適用

開発者向け機能

CSSコードエディターは、構文ハイライトと自動補完を使用して直接CSSを書くことができます。変更はポータビリティのためにCSSファイルとしてエクスポートできます。