【完全初心者】SWELLのファビコンの設定方法を解説します

当ページのリンクには広告が含まれています。
SWELLファビコンアイキャッチ

SWELLのファビコンの設定方法が分からないよ?

という方向けの記事を今回、書いてみました

SWELLのファビコンの設定方法はブログ初心者の方は、始めたては分からないですよね?

僕もブログを始めたての頃は、全てが分からなかったので今回は初心者ブロガーの僕目線で書いてみますので、多分分かりやすいと思います

この記事でわかること
  • SWELLのファビコンの設定方法

ファビコンとは、ブラウザの左上に表示されているWebサイトのアイコンのことです

最初は、WordPressのアイコンが表示されていると思います

アイコンを変更することによって、あなたのサイトらしさが表現できるようになると思います

この記事は多分5分程度で読み終わります

ブロックエディターについて詳しくまとめた記事もありますので、よければこちらも参考にして読んでください

SWELLのダウンロードがまだの方はこちらからできます

ジャンプできるもくじ

SWELLのファビコンの設定方法を解説します

まずは、サイズから

SWELLファビコンのサイズは「512px×512px」です

「意外とサイズが大きいな」って思いました

画像の形式は「.png」をおすすめします。なるべく画質がいいものが良いと思いす

理由は、ファビコンは小さく表示されるので画質が悪いと、はっきりと表示されないからです

SWELLのファビコンのサイズ:「512px×512px」
画像の形式:「.png」

SWELLのファビコンが表示される場所

そもそもファビコンがどこに表示されるのかよく分からない

という方もいると思います。そのような方のために解説します

SWELLのファビコンが表示される場所は、ブラウザを表示した際に左上に表示されるアイコンのことです

僕の場合は、「パンダ」のアイコンがファビコン画像になります

ファビコンが表示される場所:左上に表示されるアイコン

ファビコンの作成手順

SWELLのファビコンの作成手順は簡単です

  1. カスタマイズを開く
  2. WordPress設定
  3. サイト基本情報
  4. 「サイトアイコンを選択」または「画像を変更」

手順は4つと簡単なので、一緒にやっていきましょう

手順
カスタマイズを開く
カスタマイズ
手順
WordPress設定
WordPress設定
手順
サイト基本情報
サイト基本情報
手順
「サイトアイコンを選択」または「画像を変更」

始めてファビコンを設定する場合:サイトアイコンを選択

ファビコン画像を変更したい場合:画像を変更

ファビコン画像:「512px×512px」

サイトアイコンを選択
画像を変更

以上でファビコンの登録は終わりです。お疲れ様でした

【補足】有名なアイコンサイト3選紹介

アイコン画像をどこで探したらいいのかわからないよ?

アイコン画像の入手方法はいくつかありますが、有名なサイトを3選紹介したいと思います

別にどれがいいとかはないので、自分に合ったファビコンサイトを活用して下さい

Font Awesome

多分一番アイコンのサイトで有名で、ボリュームも多いサイトだと思います

ここにはほとんどのアイコンがあると思います

無料で登録もできます

無料でも全然使えるので、基本的にシンプルしたい方はこちらをおすすめします

ココナラ

ココナラ

ココナラも登録は無料できるサイトです

ファビコンに限らず、プロフィール画像やヘッダー画像などを素人やプロの方が作成してくれるので比較的、安価で作成できます

ほとんどのブロガーがの方がココナラに登録して、作成してます

キャンペーンもかなりしてるので、登録しておいて損はないサイトだと思います

Canva

canva

Canvaは、アイキャッチ画像で僕は使ってます

無料でも充分使えますが、本気でブログを始めたい方は有料登録をおすすめします

こちらでもサイズ変更をすればファビコンが作成できます

最近、僕はアイキャッチ画像でしか利用してないので、他の使い方があれば教えて欲しいです笑

この3つはこれからブログを始める方は登録することをおすすめします

最後に

最後まで読んでいただきありがとうございました

今回は、「SWELLのファビコンの設定方法を解説します」というテーマで話をしていきました

まとめてみるとこんな感じです

SWELLのファビコン設定
  • ファビコン設定手順:4つ
  • 画像サイズ:512px×512px

最後に、ブロックエディターを詳しく知りたい方は、SWELL専用のブロックエディター全機能を解説をしてますので参考にしてみて下さい

SWELLのダウンロードがまだの方はこちらからできます

SWELLファビコンアイキャッチ

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA


ジャンプできるもくじ