SVG Blokk
Dashicon-okhoz
Minőségi ikon blokk WordPress bővítmény
Új Gutenberg blokkot ad, amivel Dashicon-okat használhatsz. Gyors, könnyű használni és teljes testreszabhatóságot ad!
Válassz 334 darab SVG ikonból és formázd igényed szerint!
Gyors, sebesség optimalizált
Részletesen testreszabható
Könnyű, egyszerű használat
Minden blokkos sablonhoz jó
Bővítmény bemutatása
Egy WordPress bővítmény, ami új Gutenberg blokkot ad a szerkesztőhöz, amellyel könnyen beilleszthetünk ikonokat a honlapunkra, webáruházunkba. Nincs szükség bonyolult beállításokra, sem kódok bemásolására, készítésére.
Az ikonok széleskörűen testreszabhatók. Méret, színek és további formázások is választhatók. Így bármilyen design-hoz tudunk hozzá illő SVG ikont választani.
Az SVG Block plugin készítesekor kiemelt szempont volt a sebesség. A plugin gyors és a használata nem lassít a honlap betöltési sebességén. Így ideális egy modern, gyors WordPress webhelyekhez.
- Dashicon-ok egyszerű használata
- 334 darab ikon közül választhatsz
- Gyors, Core Web Vitals-barát
- Akadálymentes, felolvasóprogram barát
- Nincs ikonfont, CSS, képfájl
- Nem túltervezett, nincs felesleges funkció
- Az ikonok bármilyen méretre skálázhatók
- Biztonságos, támogatott és ellenőrzött
WPCS (WP Code Standard)
PCP (WP Plugin Check Plugin)
ESLint
W3C
Ha fontos a gyors betöltés
Az ikonfontok letöltése és renderelése helyett az ikonok azonnal megjelennek a HTML-ben. Egyetlen egy ponttal sem csökkenti a Web Vitals értékeket honlapon! Nincs FOIT, nincsenek CSS pszeudo-elemek, nincs CLS-kockázat — jobb Core Web Vitals és kiszámítható megjelenítés.
Nincs sprite-loader, nincs futásidejű feldolgozás. Az SVG statikus HTML és így ideális gyors betöltéshez, SSR-hez, statikus gyorsítótárazáshoz és blokk-témákhoz. Így önmagában is leggyorsabbak közt van, illetve teljesen kompatibilis minden cache, optimalizáló bővítményhez!
Egyszerű, könnyed felépítésű
Az SVG Icon Block WordPress bővítmény mentes minden fölösleges elemtől, funkciótól. Nincs exportálás, importálás, ilyen cicoma lehetőség, olyan libary betöltés és nincs komplex kód benne.
Tisztán a Gutenberg gyári elemeire, lehetőségeire épül, melyek pont csak annyi lehetőséggel lettek kiegészítve, melyek szükségesek a könnyed használathoz.
Felhasználóknak, kódolás nélkül
A Dashicon választó blokk a felhasználóknak készült, így gyors, ismerős felületet használ. Egyszerű és következetes. A tartalomkészítők ikonokat választanak éd nem kódot akarnak szerkeszteni.
Sokszínű lehetőség áll a Gutenberg szerkesztő felületén a megjelenés megadására. Helyköz, margó, szín, háttérszín, szegély szín/vastagság és a szegélysugár/íveltség is. A mértegységekből használható mindegyik, ami a WordPress alapjában is megtalálható.
Kompatibilis, akadálymentes
A WordPress bővítmény nem használ olyan elemet, mely ne lenne kompatibilis más bővítménnyekkel való egyidejű használathoz. Akár AMP, cache, merge-tömörítő vagy bármely bővítményről is legyen szó.
Fontos szempont, hogy az SVG Block Dashicon-okhoz plugin más ikon bővítményekhez képest magasabb szintű akadálymentességi eredményt ad. Nincsenek CSS pseudo elemek, amik problémásak a felolvasóprogramoknak és focusable opciót is kezeli.
Saját nyelveden is
A bővítmény könnyen és gyorsan fordítható a hivatalos fordítói WordPress platformon, így még egyszerűbben használható a saját nyelvén. A WordPress bővítmény a szabványos i18-as formájú fordítási lehetőséget kínálja.
Segíts a közösségednek és fordítsd le 2-3 perc alatt a saját nyelvedre, majd ezt követően bárki tudja használni az adott nyelven! Akár AI eszközökkel is pillanat alatt lefordíthatod. Hivatalos csatorna a fordításhoz itt.
Szabványos, ellenőrzött kód
A WordPress plugin készítéskor az alapoktól kezdve kiemelt szempont a minőség és a standard-ek követése. Így biztosítható a hosszútávú működés és könnyű továbbfejleszthetőség biztosítása.
SVG Block Dashikon-okhoz bővítmény követi a WordPress Code Standard (WPCS) előírásait, ESLint ellenőrzött és a PCP (WordPress Plugin Check) teszten is teljeskörűen átesett. Ezeken felül csak W3C Valid/érvényes SVG kódok vannak használva az ikonokhoz.
Aktív, folyamatos támogatás
Mind a hivatalos (WordPress.org fórumban), mind a bővítmény saját csatornáin elérhető aktív támogatás, segítség. Emellett dokumentáció és videó bemutatók is elérhetők a bővítmény használatához.
Amennyiben kérdése lenne vagy hibajelzést küldene, több lehetőség is rendelkezésre áll. Tekintse meg a kapcsolat vagy hibajelentés oldalakat.
Vélemények, értékelések
Feltöltés alatt …
Ha szeretnél véleményt beküldeni, megteheted a kapcsolat menüpontban vagy a hivatalos repo-ban itt. Köszönet érte!
Gyakori kérdések és válaszok
Az erről szóló leírás itt tekinthető meg.
A Gutenberg szerkesztőben a bal felső sarokban a kék hátterű + gombra kattints. Itt vagy a Szöveg nevű csoportban találod vagy ha az ott megjelenő Keresés mezőbe beírod, hogy „svg block”, majd kattints a kis mosolygós ikonra.
A másik mód, hogy hozzáadsz egy sima bekezdés blokkot, majd elkezded beírni a következőt a bekezdésbe: „/svg block” és a megjelenő ablakban rákattintasz.
Ehhez használhatod a Gutenberg oszlop, sor vagy rács blokkját is. Ezek egyikét használva tudod egysorba rendezni az ikonokat (ezekben elhelyezve).
Természetesen lehet globálisan formázni minden bővítmény által beszúrt ikont egységesen, ezért kerültek be a class azonosítók. Az inline style értékeket az !important-el felül lehet írni.
div.wp-block-rsdsb-dashicon { ... } //wrap
div.wp-block-rsdsb-dashicon a { ... } //ikon
div.wp-block-rsdsb-dashicon svg.rsdsb-svg-dashicon { ... } //svgHa nem akarsz WP-CLI parancsot használni, akkor a legegyszerűbb, ha a /wp-content/plugins/svg-block-for-dashicon-rotistudio/languages/svg-block-for-dashicon-rotistudio-hu_HU-rsdsb-dashicons-svg-block-editor.json fájl módosításával és átnevezésével tudod. Az országot a fájlnévben és a fájl 10. sorában is cseréld. Illetve a fájlban a [ és ] elemek között.
Magyar nyelv esetén ez már elkészült, nyugi.
Dokumentáció
Miként ezen bővítmény nem rendelkezik komplex funkciókkal, nincs összekötve – integráció másik bővítménnyel, így nem igazán szükséges dokumentáció hozzá.