ブロックエディタの活用

【SWELL】固定ページにプロフィールをオシャレに設置する技

当ページのリンクには広告が含まれています。

筆者はこんな人

AFFINGER6とSWELLを使って、6つのブログを運営している人。(2023年8月実績は、総PV約52,000/月)

SWELLで特化ブログを4つ、雑記ブログを1つ、AFFINGER6で当ブログを運営中。

AFFINGER6とSWELLそれぞれのメリット・デメリットを理解している。

両テーマを同時に使っているからこそ発信できるリアルな声。

私が運営している6つのブログたちのドメイン

ばらもん。
結論から申し上げますと、AFFINGER6とSWELLの両方を使って雑記ブログと特化ブログを両方運営することが最適解だと感じています。
雑記ブログを運営していて、伸びてきているカテゴリーはありませんか?
伸びてきているカテゴリーがあるなら、特化ブログを立ち上げることをオススメします!

ココがポイント

SWELLとAFFINFER6の比較記事を書いている方は多くいらっしゃいます。
しかし、私は両テーマを同時進行で使っている希少価値のあるブロガーです。

ばらもん。
両テーマの違いを包み隠さずに解説しています。

SWELLとAFFINGERどっち?!12項目で徹底比較にオリジナル意見をとことんまとめました。

AFFINGER6とSWELLを徹底的に比較して、テーマ選びに悩まれている方へ手助けをすることが当ブログのコンセプト
当ブログを読むことで、答えにたどり着けるはずですよ

でも、ひとりで6つものブログを運営するのって大変なんじゃないの?

ブログを複数(6つ)運営をして感じているメリット・デメリットにリアルな感想をまとめています。

SWELLの固定ページでプロフィール作成

本記事を読むメリット

SWELLの固定ページでオシャレなプロフィールを作成できることが期待できます

SWELLの固定ページでプロフィールを設置する方法

step
1
固定ページのプロフィール完成形

1-SWELL固定ページのプロフィールの完成形

step
2
フルワイドブロックを選択

2-フルワイドブロックを選択

step
3
見出しに『プロフィール』と入力

3-フルワイドブロックが挿入される

step
4
リッチカラムブロックを選択

4-リッチカラムブロックを選択

step
5
リッチカラムが挿入される

5-リッチカラムブロックが挿入される

step
6
左カラムをクリックしてカーソルをセット

6-左カラムをクリックしてカーソルを合わせる

step
7
↑矢印キーを押下するとカラムが選択される

7-上矢印を押下する

step
8
カラム横幅を70パーセントに設定

8-カラム横幅を70パーセントにする

step
9
下にあるカラムにカーソルをセット

9-左カラムの横幅が変更される

step
10
↑矢印キーを押下してカラムを選択

10-下カラムも同じようにして横幅を変更する

step
11
カラム横幅を30パーセントに設定

11-右カラムを30パーセントにする

step
12
左カラムにプロフィール分を入力

12-プロフィールを入力していく

step
13
右カラムにカーソルをセット

13-右カラムにカーソルをセットする

step
14
画像ブロックを選択

14-画像ブロックを選択する

step
15
画像をアップロードまたはメディアライブラリから選択

15-画像をアップロードまたはメディアファイルから選択する

step
16
プロフィール画像が挿入される

16-プロフィール画像を挿入する

step
17
画像のサイズを適当に変更

17-プロフィール画像のサイズを変更する

step
18
画像の下にキャプションを追加

18-プロフィール画像にキャプションを挿入する

step
19
キャプション追加完了

19-プロフィール画像にキャプション入力完了

step
20
リストブロックを選択

20-リストブロックを選択する

step
21
親のリストブロックを選択

21-親リストブロックを選択する

step
22
スタイルの変更と下線を引く

22-リストのスタイル変更と下線を引く

step
23
プロフィール画像の下まで完成

23-プロフィール画像下のリストの設定完了

step
24
フルワイドブロックの端の方をクリックして、コンテンツサイズを変更

24-フルワイドブロックの端っこを選択してサイト幅を選択する

メモ

  • サイト幅
  • 上下のパディング量は、40

step
25
背景画像の設定

25-背景画像にメディアを設定する

step
26
背景画像を設定するとこんな感じ

26-背景画像が挿入される

step
27
テキストカラーをホワイトに設定

27-文字色を白色に変更する

step
28
オーバーレイカラーを黒にして、不透明度は20に設定

28-オーバーレイカラーを変更する

step
29
プロフィールの完成

29-プロフィール完成

まとめ

ポイントをおさらいしておきます。

本記事のポイントまとめ

  • SWELLの固定ページでプロフィールを作成すときは、フルワイドブロックとリッチカラムを使うとオシャレに仕上がるよ!

以上です。

もしかしたら、あなたもドメイン更新料で損をしているかもしれません。

私は、お名前.comとムームードメインからエックスドメインへ移管をしました。
結果、更新料を大幅に安くすることに成功しています。

ブログをこれから先も継続していこうと考えているなら、下記の表をぜひともご覧になってください。

2023.9月時点

※割と頻繁にキャンペーンを開催しているので、料金は変動する可能性があります

.com お名前ドットコム ムームードメイン エックスドメイン
取得料金1年目 0円 750円 1円
更新料金2年目 1,408円 1,728円 1,428円
更新料金3年目 2,816円 1,728円 1,428円
更新料金4年目 4,224円 1,728円 1,428円
更新料金5年目 1,408円 1,728円 1,428円
更新料金6年目 1,408円 1,728円 1,428円
更新料金7年目 1,408円 1,728円 1,428円
合計(仮に7年目まで) 12,672円 11,118円 8,569円

 

ココがポイント

契約期間が長くなれば長くなるほどに、金額差が広がっていくことがわかりますね。

ブログは長くやればやるほどに成長(ドメインエイジが増す)していきます。
ドメインをどこで契約するのかは一目瞭然ではないでしょうか。

 

お得情報

私はエックスサーバーでサーバー&ドメインを同時契約して、キャンペーンドメインをゲットしました(更新料が永久無料)

しかもこれ、ドメイン移管でもオッケーなんです。(※諸条件あるので、公式ページを要チェック。)

 

ばらもん。
私自身、お名前ドットコムとムームードメインからエックスサーバーにドメイン移管してエックスサーバーで一元管理しています

ここだけの話、更新料永久無料キャンペーンドメインを2個もっています。
くわしくは下記の記事をご覧ください。

ドメイン更新料は、独自ドメインでブログを運営する上で絶対に必要な経費。
安く抑えていきたいところです。

【エックスサーバー】独自ドメインキャンペーンがすごすぎる?!

 

\現在開催中のキャンペーンを公式ページでチェックすることをオススメします/

エックスサーバー でお得なキャンペーン情報をチェックしてみる

 

\特化ブログを立ち上げる流れを詳しく解説!/

step
1
特化ブログを立ち上げる下準備

下記を考えておくとスムーズに特化ブログを立ち上げることができるよ!

ポイント

新しいサイト名

新しいドメイン名

新しいサイトのユーザー名

新しいサイトのログインパスワード

引っ越しする記事

引っ越しするカテゴリー

ココがポイント

パソコンのメモ帳やEvernoteに設定情報をメモしておくと便利!

step
2
独自ドメインを取得

独自ドメインをセルフバックでお得にゲットしちゃいましょう。
エックスサーバーがキャンペーン期間中なのかは要チェック!

ポイント&注意点

エックスドメインのセルフバック
【エックスドメイン】セルフバックを2回やってみた

続きを見る

関連

エックスサーバーじゃない方は、これを機にサーバー移転をすることもオススメ。
私自身も、カゴヤサーバーからエックスサーバーに乗り換えました。

【エックスサーバー】独自ドメインキャンペーンがすごすぎる?!

step
3
エックスサーバーの設定

独自ドメインがゲット出来たら、エックスサーバーの設定をササっと済ませておきます!
当ブログが推奨しているエックスサーバーには、『WordPress簡単インストール』機能もあって便利です。

ポイント&注意点

エックスサーバーでドメイン取得したらやっておくこと
【エックスサーバーでドメイン取得したらやっておくこと】

続きを見る

step
4
SWELLのダウンロード→インストール

SWELLをまだ持っていない人は、SWELLのテーマファイルをダウンロードしましょう!
WordPressに命の風を吹き込んでいきます!

ポイント&注意点

【SWELL導入手順】ポイントと注意点を画像多めでくわしく解説

続きを見る

step
4
SWELLに最適なプラグインをインストール

WordPressにSWELLがインストールできたら、SWELLに必要なプラグインをセットしていきましょう!

ポイント&注意点

SWELLにインストールしているプラグイン
【SWELL】インストールしているプラグインをご紹介

続きを見る

step
5
SWELLにGoogleアナリティクスとGoogleサーチコンソールを設定

プラグインのインストール→有効化が完了したら、GoogleアナリティクスとGoogleサーチコンソールの設定をしていきましょう!

ポイント&注意点

SWELLでアナリティクスとサーチコンソールの設定
SWELLでアナリティクス→サーチコンソール設定【2023最新版】

続きを見る

step
6
サイトアイコン作成

ブログの顔でもある『サイトアイコン』を無料&最速で作っておきましょう!

ポイント&注意点

swellでサイトアイコンを作った方法
SWELLでサイトアイコンを最速&無料で作った方法

続きを見る

step
7
お問い合わせフォームの設置

お問い合わせフォームの設置しておくことをオススメします。
WPFormsというプラグインを使えば、簡単にオシャレなお問い合わせフォームを作ることができます。

ポイント&注意点

SWELLでお問い合わせフォームの設置
SWELLでWPFormsを使って問い合わせを設置する手順

続きを見る

step
8
プライバシーポリシーページの設置

ブログを運営していくためには、自分自身を守るためにもプライバシーポリシーページが必要です。

ポイント&注意点

SWELLでプライバシーポリシーページを設置する方法
SWELLでプライバシーポリシーページを設置する手順

続きを見る

step
9
トップページ作成

オシャレなトップページを作成して、訪問ユーザーをビックリさせちゃいましょう!

ポイント&注意点

SWELLで画像に文字入れする方法
SWELLで画像の上に文字を置く方法4選!

続きを見る

step
10
記事一覧ページの作成

ユーザーの回遊率アップを狙うために、記事一覧ページを用意しておきましょう!

ポイント&注意点

swell一覧ページの設置
SWELLの記事・人気・カテゴリー一覧ページの作り方

続きを見る

step
11
記事のお引越し

GoogleアナリティクスとGoogleサーチコンソールの設定ができたら、記事を引っ越ししていきましょう!
私自身、引っ越しさせた記事は50記事は超えています。

ポイント&注意点

記事を引っ越しして特化ブログを作ってみよう!ポイントや注意点は?

続きを見る

step
12
余裕があれば高速化しておこう

SWELLをさらに高速化させて、ユーザービリティ向上を狙いましょう!

ポイント&注意点

swell高速化9選
【SWELL高速化9選】モバイル99点・デスクトップ100点

続きを見る

-ブロックエディタの活用