SVG Support
WordPress のための完全な SVG ソリューション – 安全、柔軟、使いやすい。
SVG サポートにより、基本ユーザーと開発者の両方にとって強力な機能を備えた安全な SVG アップロードが可能になります:
主な特長: – 自動サニタイズによる安全な SVG アップロード – CSS/JS を直接操作するためのインラインレンダリング – 最小化によるファイルサイズの最適化 – 権限グループベースのアクセス制御 – 高度な開発者向けオプション – マルチサイト対応 – ブロックエディター (Gutenberg) との完全な互換性
🔒 セキュリティ第1: – 組み込みのサニタイズ機能により、潜在的に有害なコードを削除 – ロールベースのアップロード制限 – 包括的な MIME タイプ検証
🎨 デザイナーフレンドリー:↵ – SVG 要素の直接スタイル設定↵ – アニメーションのサポート↵ – カスタムクラスのターゲット設定↵ – 自動ディメンション処理
💻 開発者向け対応: – 追加機能のためのアドバンスモード – REST API サポート – Gutenberg 対応 – 豊富なフックとフィルター
使い方
基本的な使い方: – まず、WordPress ダッシュボードから SVG サポートをインストールして有効化します – SVG ファイルを他の画像と同様にメディアライブラリにアップロードします – 画像ブロック、カバーブロック、アイキャッチ画像とシームレスに連携します
高度な使用: – 最小化とインラインレンダリングのための「アドバンスモード」を有効にします – フックとフィルターでカスタマイズし、機能をカスタマイズできます
ブロックエディターの使用:
– アドバンスモードを使用して、インラインレンダリングを有効にします:
– Image ブロックに "style-svg" クラスを追加します
– SVGの背景をインラインでレンダリングするために、"style-svg" クラスを Cover ブロックに追加します
– Skip Nested SVGs” 設定を使用して、Cover ブロック内の SVG のインラインレンダリングを制御します
クラシックエディターの使い方:
– アドバンスモードを使用して、<img> タグに "style-svg" クラスを追加し、インラインレンダリングを行います。
– クラシックエディターでクラスを自動挿入するには、「クラスの自動挿入」オプションを有効化します
よくある問題と解決策: – SVG が表示されませんか ? CSS でサイズが正しく設定されていることを確認してください。 – ご不明な点がございましたら、サポートタブをご利用ください。できる限りサポートさせていただきます。
お試し版のサイトで体験してみませんか ?
TasteWP を使って、SVG Support 有効化ずみのサイトを試すことができます ! 完全に無料で、サインアップも、クレジットカードもいりません。一度試してみてください。 このリンクをクリックすると、10秒ほどでお試し版のサイトが立ち上がります。
セキュリティ
SVG サポートは、自動サニタイズとロールベースの制限によりセキュリティを最優先します。アップロード権限は信頼できるユーザーのみに付与する必要があります。機能性とセキュリティのバランスをとるために設定を調整してください。
フィードバック
SVG Support をお使いいただきありがとうございます ! 新機能の提案やフィードバックを受け付けています。
Follow @SVGSupport on Twitter Follow @benbodhi on Twitter Follow @benbodhi on Warpcast
ご案内: このプラグインを気に入っていただけることを願っています ! 気に入っていただけましたら、ぜひ、WordPress.org のレビューページで評価をお願いします。
開発と貢献
SVG Support の開発版は GitHub で管理されています。自由に貢献してください:
- バグレポートや機能提案を送信してください: GitHub Issues
- プルリクエストからコードを投稿してください
- 開発リポジトリ: GitHub