Paano Magdagdag ng SVG sa WordPress (na may 2 Simple Solusyon)

Nais mo bang magdagdag ng mga file na SVG sa iyong WordPress site? Bilang default, pinapayagan ka ng WordPress na mag-upload ng lahat ng mga tanyag na format, audio, at mga format ng video file, ngunit ang SVG ay hindi kasama sa kanila. Sa artikulong ito, ipapakita namin sa iyo kung paano madaling idagdag ang SVG sa WordPress.


Madaling magdagdag ng mga file ng SVG sa WordPress

Ano ang SVG?

Ang SVG o Scalable Vector Graphics ay isang format ng file na tumutukoy sa vector-graphics gamit ang XML markup language. Ang pangunahing pakinabang ng SVG ay nagbibigay-daan sa iyo upang palakihin ang mga imahe nang hindi nawawala ang kalidad o pagkakaroon ng anumang pixelation.

Paano gumagana ang SVG?

Ang Scalable Vector Graphics (SVG) ay isang teknolohiya na nagpapakita ng dalawang dimensional na mga guhit gamit ang XML. Ang mga ito ay naiiba kaysa sa mga karaniwang ginagamit na format ng imahe tulad ng PNG, GIF, o JPEG.

Kung kumuha ka ng isang file ng imahe ng png / jpeg at mag-zoom in, mapapansin mo na ang imahe ay magsisimulang lumabo at maging pixelated.

Hindi gumagamit ng mga pixel ang mga graphic vector. Sa halip, gumagamit sila ng isang two-dimensional na mapa na tumutukoy sa graphic na iyong tinitingnan. Habang nag-zoom in ka, hindi nag-pixelate ang imahe.

Pinapayagan ka nitong palakihin ang mga graphic vector nang hindi nawawala ang kalidad. Karamihan sa mga importanly, ang mga imahe ng SVG ay maaaring maging mas maliit sa mga pag-file kaysa sa mga JPEG o PNG.

Ang mga graphic graphics ay karaniwang ginagamit para sa mga icon, mga font ng icon, mga logo ng website, at mga imahe ng pagba-brand. Maaaring nais mong magdagdag ng mga file na SVG sa WordPress para sa logo ng iyong kumpanya, mga icon, o iba pang mga graphics.

Tulad ng cool na tunog nila, medyo hindi ligtas ang mga file ng SVG. Iyon ang dahilan kung bakit hindi suportado ng WordPress ang pag-upload ng file ng SVG nang default.

Kung nag-upload ka ng isang imahe ng SVG sa WordPress, pagkatapos ay makikita mo ang sumusunod na mensahe ng error:

Paumanhin, hindi pinapayagan ang uri ng file na ito para sa mga kadahilanang pangseguridad.

Ang error sa seguridad ng SVG sa WordPress

Mga Isyu ng Seguridad Tungkol sa SVG sa WordPress

Ang mga file na SVG ay naglalaman ng code sa wika ng XML markup na katulad ng HTML. Ang iyong browser o software ng pag-edit ng SVG ay naka-parse ang wika ng XML markup upang maipakita ang output sa screen.

Gayunpaman, bubukas nito ang iyong website sa posibleng mga kahinaan sa XML. Maaari itong magamit upang makakuha ng hindi awtorisadong pag-access sa data ng gumagamit, mag-trigger ng mga atake ng brute na puwersa, o mga pag-atake sa script ng cross-site.

Ang mga pamamaraan na ibabahagi namin sa artikulong ito ay susubukan na magpalinis ng mga file ng SVG upang mapabuti ang kanilang seguridad. Gayunpaman, hindi mapigilan ng mga plugins na ito ang ganap na nakakahamak na code mula sa mai-upload o injected.

Ang pinakamahusay na solusyon ay ang paggamit lamang ng mga file na SVG na nilikha ng maaasahang mga mapagkukunan at upang higpitan ang mga pag-upload ng SVG sa mga pinagkakatiwalaang mga gumagamit lamang.

Upang malaman ang higit pa tungkol sa seguridad, tingnan ang aming kumpletong gabay sa seguridad ng WordPress para sa mga nagsisimula.

Na sinabi, tingnan natin kung paano madali at ligtas na magamit ang mga file ng SVG sa WordPress.

Pamamaraan 1. Mag-upload ng Mga File ng SVG sa WordPress Gamit ang Suporta ng SVG

Nag-aalok ang pamamaraang ito ng kumpletong suporta para sa pagdaragdag ng mga file ng SVG sa WordPress. Pinapayagan ka nitong ipakita ang inline na SVG sa mga post at pahina ng WordPress.

Una, kailangan mong i-install at i-activate ang plugin ng SVG Support. Para sa higit pang mga detalye, tingnan ang aming hakbang-hakbang na gabay sa kung paano mag-install ng isang plugin ng WordPress.

Sa pag-activate, kailangan mong bisitahin Mga Setting »Suporta ng SVG pahina upang i-configure ang mga setting ng plugin.

Mga setting ng suporta sa SVG

Sa pahina ng mga setting, kailangan mong suriin ang kahon sa tabi ng pagpipiliang ‘Pagwawasto sa Mga Administrador?’ Papayagan lamang nito ang isang administrator ng site na mag-upload ng mga file na SVG sa WordPress.

Ang susunod na pagpipilian ay upang buksan ang advanced mode. Kailangan mo lamang suriin ang pagpipiliang ito kung nais mong gumamit ng mga advanced na tampok tulad ng CSS animation at inline na SVG rendering.

Huwag kalimutan na mag-click sa pindutan ng pag-save ng mga pagbabago upang maimbak ang iyong mga setting.

Maaari ka na ngayong lumikha ng isang bagong post o mag-edit ng isang umiiral na. Sa post editor, mai-upload mo ang iyong file ng SVG tulad ng mai-upload mo ang anumang iba pang file ng imahe. Magdagdag lamang ng isang bloke ng imahe sa editor at pagkatapos ay i-upload ang file na SVG.

Magagawa mong mag-upload at mai-embed ang file na SVG sa WordPress.

Ang file na SVG na naka-embed sa post ng WordPress

Pamamaraan 2. Mag-upload ng Mga File ng SVG sa WordPress Gamit ang Ligtas na SVG

Gumagamit din ang pamamaraang ito ng isang plugin at nagbibigay-daan sa iyo upang magsagawa ng sanitization ng mga file na SVG na na-upload sa WordPress.

Ang unang bagay na kailangan mong gawin ay i-install at isaaktibo ang Safe SVG plugin. Para sa higit pang mga detalye, tingnan ang aming hakbang-hakbang na gabay sa kung paano mag-install ng isang plugin ng WordPress.

Gumagana ang plugin sa labas ng kahon, at walang mga setting para sa iyo upang i-configure. Maaari mo lamang magpatuloy at simulan ang pag-upload ng mga file na SVG.

Ang downside ay ang plugin na ito ay nagbibigay-daan sa pag-upload ng SVG ng lahat ng mga gumagamit na maaaring magsulat ng mga post sa iyong WordPress site.

Upang makontrol kung sino ang maaaring mag-upload ng mga file, kakailanganin mong bilhin ang premium na bersyon ng plugin.

Inaasahan naming nakatulong sa iyo ang artikulong ito kung paano ligtas na magdagdag ng SVG sa WordPress. Maaari mo ring makita ang aming artikulo sa mga pinaka-karaniwang mga isyu sa imahe sa WordPress at kung paano ayusin ang mga ito.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me