WordPressで作るウェブサイト&サイト運営・集客をわかりやすく学べます
※本サイトはプロモーションが含まれています

WordPressでSVGファイルを扱う方法と知っておきたい注意点

WordPressでSVGファイルを扱う方法と知っておきたい注意点

最近、SVG形式のファイルを取り扱うことが増えました。弊社でもクライアントさんに「WordPressでSVGを取り扱えるようにしてほしい」という依頼があったので、そのときに対応した内容とクライアントさんにお伝えした注意点を備忘録としてみなさんに共有しますね。

WordPressはSVG形式に対応していない!アップロードには対応が必要

第一にWordPressはセキュリティの観点からSVG形式に対応していません。そのため、WordPressサイトでSVG形式のファイルを取り扱うには対応が必要になります。

対応としては「プラグインのインストール」と「function.phpへの追記」の2種類に分かれます。「function.php」は非常に重要なファイルのため、初心者の方にはプラグインを利用する方法がおすすめです。この記事ではプラグインのインストールで対応する方法を紹介していきます。

プラグイン「SVG Support」のインストールと有効化

サイトの管理画面からプラグインの新規追加を選択し、「SVG Support」と検索。該当のプラグインをインストールして、有効化しましょう。

これだけでサイトでSVG形式ファイルを利用することができます。設定は特にないので簡単ですね!

SVGをアイキャッチやOGPとしてに使う予定なら注意が必要

プラグインでSVGを利用できるようになりましたが、もしアイキャッチにSVGファイルを使う予定なら注意が必要です。その理由は「プラグインを入れただけではSVGファイルはアイキャッチ画像として表示されない」ことと、「FacebookやtwitterでSVG形式はサポートされていない」ためです。

WordPressテーマの仕様として、アイキャッチを自動的にOGPとして利用していることも多いですから、その点は注意をしてくださいね。SVG形式の画像をOGPに利用するなら、PNGやほかの対応画像形式に変換また生成する必要があります。

新しいファイル形式を利用するときは動作確認を

サイトを制作・運用しているとクライアントさんからご要望をもらうことはたくさんありますよね。ただ導入するのは簡単でも、その後の利用方法によっては注意が必要だったりします。

新しいファイル形式を利用するときやプラグインを導入するときは、クライアントさんのサイトの用途とともに、利用の注意点を説明できるとよりよいですね。

新しいプラグインのインストールやテーマの改修をするときは、サイトのバックアップを取ることを忘れずに!

 集客&新規ビジネスに!はっちゃんの新サービス

WordPressで会員動画サイトが作れる!

\動画コンテンツで新しい収益を!/

オンライン講座機能付き
WordPressテンプレート新発売

多言語化によるお悩みを解決します

\導入費用のみ!月額費用は不要/

管理画面からカンタン更新!
AI翻訳+人力翻訳の使い分けも可能

 開催中のWordPress講座・セミナー

サイト制作&運営のお悩みを解決しませんか?

~ あなたのための特別カリキュラムでお悩み解決 ~
・制作・運営のちょっとした困ったを解決!
・集客&効率化のアドバイスも!
・オンラインレッスンだから全国どこでも参加可能
・受講後も安心!メールサポート付き

【東京開催】対面レッスンのElementor講座

~ 対面でのセミナーを再開しました~
ノーコードで簡単にデザインができる
大人気プラグイン「Elementor」の対面での講座です。

新しいWordPress作成のスタンダード!

~ Elementorでサイトデザインを作ってみよう ~
WordPressでの制作はこれから大きく変化します!
テーマを選んで当てはめていく作り方から、
自分で自由にデザインし、テーマまで作れるオンライン講座です。

 はっちゃんセミナー公式SNS

 はっちゃんYouTubeチャンネル

無料セミナー・お役立ち情報を配信中!

公式メールマガジンもあります!

新着情報

  新サービス開始しました

WordPressで会員動画サイトが作れる!
オンライン講座機能付きWordPressテンプレート新発売!→詳しくはこちら

多言語化によるお悩みを解決します!
管理画面からカンタン更新!AI翻訳+人力翻訳の使い分けも可能→詳しくはこちら

  ピックアップ講座

最新のAIコンテンツ生成とSEO対策が
6時間しっかり学べるコンテンツマーケティング講座(オンライン開催)→詳しくはこちら

 

WordPressに限らず、Canvaの画像編集やサイト運営に関係する内容と、受講生さんからのご質問等で共通な内容も掲載していきます。

  ピックアップ記事

 カテゴリー
公式Facebook
公式LINEアカウント

友だち追加

こちらのURLからお友だち登録できます。
https://lin.ee/CbqqEEI

公式メールマガジン

こちらのURLからメルマガに登録できます。https://www.8seminar.com/mailmagazine-form

PAGE TOP