Seit einiger Zeit werden SVG-Dateien im Webdesign immer wichtiger, um die Vorteile zu nutzen, die sie bieten. Wenn Sie versuchen, eine SVG-Datei über die Multimedia-Bibliothek in Ihr WordPress-Blog hochzuladen, können Sie sicherstellen, dass WordPress dieses Format nicht nativ unterstützt . Infolgedessen werden wir heute über das SVG-Spritemap-Plugin sprechen , das die Unterstützung für SVG-Dateien in der Multimedia-Bibliothek hinzufügt und das Erstellen von SVG-Spritemaps ermöglicht (kombinieren Sie mehrere SVG-Dateien zu einer).
In diesem Artikel werde ich das SVG-Spritemap-Plugin analysieren und kurz auf die Vorteile von SVG-Dateien eingehen, die inzwischen in Mode gekommen sind.
Vorteile von Dateien im SVG-Format
- SVG-Dateien (Scalable Vector Graphics) sind vektorielle und skalierbare Grafiken, sodass die Größe ohne Qualitätsverlust geändert werden kann.
- Sie sind kompakte Dateien und unterstützen Transparentfolien.
- Diese Grafiken unterstützen Text und können auch bearbeitet werden, sodass Suchmaschinen ihn indizieren können (Google indiziert ihn, der Rest der Suchmaschinen kennt ihn nicht).
- Die Hauptbrowser unterstützen dieses Format nativ.
- SVG-Dateien sind Textdateien (obwohl es seltsam erscheint, können wir sie mit einem Texteditor bearbeiten).
- Sie können CSS-Stile hinzufügen, wodurch wir die vollständige Kontrolle über das Erscheinungsbild der Grafik haben (meiner Meinung nach ist dieser Vorteil einer der wichtigsten).
- Sie verwenden das XML-Format und können auch Skripts enthalten, mit denen das Diagramm dynamisch geändert wird.
- SVG-Dateien können zu einem Icon-Pack zusammengefasst werden. Tatsächlich gibt es einige bekannte und kostenlose Packs wie Font Awesome .
Analyse des SVG Spritemap Plugins für WordPress
Ich stelle mir vor, dass Sie, nachdem Sie die Vorteile des SVG-Formats erwähnt haben, neugierig geworden sind und dieses Format in Ihrem WordPress-Blog verwenden möchten, da Sie das SVG-Spritemap-Plugin am besten installieren.
Die Verwendung von SVG Spritemap ist sehr einfach. Nach der Installation können wir bereits SVG-Bilder über das Menü Medios ? Añadir nuevo hinzufügen hinzufügen und eine Vorschau dieser Dateien in der Multimedia-Bibliothek anzeigen.
Die zweite Funktionalität des Plugins besteht darin, eine Spritemap zu erstellen, um mehrere SVG-Dateien in einer einzigen Datei zu kombinieren und so HTTP-Anforderungen zu reduzieren. Um die Spritemap zu erstellen, rufen Medios ? SVG Spritemap Menü Medios ? SVG Spritemap . Sobald das vorherige Menü gefunden wurde, sehen wir, dass alle SVG-Dateien angezeigt werden, die wir in unseren Blog hochladen. Um die Spritemap zu erstellen, müssen Sie nur auf die zu berücksichtigenden klicken und dann auf die Schaltfläche “SVG-Spritemap aktualisieren” klicken .
Die mit der Spritemap erstellte Datei heißt defs.svg . defs.svg auf eine bestimmte SVG-Datei zuzugreifen, müssen Sie diese mit dem Namen defs.svg . Wenn beispielsweise eine der kombinierten SVGs Bunny heißt, verwenden wir den folgenden Code:
<svg><use xlink:href="http://www.urldetublog.com/wp-content/plugins/svg-spritemap/defs.svg#:bunny"></svg>
Ich hoffe, Ihnen hat das Plugin gefallen oder zumindest der Artikel hat Ihre Neugier auf SVG-Dateien geweckt.
