楽天市場リアルタイムランキングはこちら

WING(AFFINGER5)からSWELLにブログテーマを変更した際に直したところはここだ!!

WING(AFFINGER5)からSWELLへブログテーマを変更した際に直したところはここだ
  • URLをコピーしました!

8月にこのブログ「カジテレママ」のブログテーマをWING(AFFINGER5・アフィンガー5)からSWELLへ変更しました。

変更した理由はこちらの記事で書きました。

あわせて読みたい
WING(AFFINGER5 )からSWELLにブログテーマを変えた理由【ワードプレス】 こんにちは。カジテレママです。 じつはこの「カジテレママ」というブログの見た目が、2019年8月の中頃から変わっています。 その理由はブログのテーマをWING( AFFINGE...

今回は、WINGからSWELLに変更した際に、実際に直した部分をお伝えします。

WEBが得意は人からしたら、「なんだこれ」と思う記事かもしれませんが、私のように疎い方には需要があるかなと思います。

SWELLバナー

目次

WING(AFFINGER5)からSWELLにブログテーマを変更した際に直したところはここだ!

AFFINGER5はほかのブログテーマより、独自に設定された部分が多いらしいんです。

それが、AFFINGER5だとできることが多いってことにつながるので、いいところなんですけど。

だから、他のテーマに変更しようとすると大変らしい。

まだ、全部完璧に変更できたわけじゃないですが、ちょこちょこ変更していってます。

カジテレママ
変更自体は難しくないんですが、変更するついでにリライトしてしまうのでちっとも進みません

でも、私のブログが普通のブログでアフィリエイトサイトとかじゃなかったからか、そこまで難しくなかったんですよ。

では、変更した部分をご説明しますね。

WING(AFFINGER5)はA

SWELLはS

で表示します。

内部リンク(関連記事)のコードを変更する

まず、自分のブログないのほかの記事を表示させたいとき、AFFINGER5ではコードを呼び出して、記事ごとに割り振られているIDを入力していました。

SWELLもコードを呼び出して、IDを入れるのは同じなので、何にも考えず貼りなおすだけ。

編集画面上はこんな風に変わります。

A:[st-card id=3675 label=”” name=”” bgcolor=”” color=”” readmore=”on”]

S:

あわせて読みたい
DA PUMP出てた!「劇場版 仮面ライダージオウ Over Quartzer」ネタバレなし感想 7月26日公開ですが、お盆になってようやく、「劇場版 仮面ライダージオウ Over Quartzer」見に行ってきましたー。 やったーうれしい。 DA PUMPファンのみなさんが続々と...

YouTubeの埋め込み方を変更する

三浦大知やDA PUMP、Leadが好きな私はこのブログに公式のYouTubeを貼ることが多いんですが、そんなYouTubeを埋め込むときのやり方が違いました。

A:入りたい動画の共有にあるコードの「https://youtu.be/」以下 A_kgOrj9zQM の部分のみをAFFIGER5のYouTubeコードの後ろに貼る

S:貼りたいYouTube動画の共有部分に乗っているコードをそのまま貼り付ければいい

https://youtu.be/ □A_kgOrj9zQM

(そのままだと動画が貼れてしまうので、□をいれています)

各ボックスのショートコードを変更する

ブログを少しでも読みやすく、見やすくしたいと思って、いろいろ装飾すると思うんですが、その装飾の一つ、四角い枠で囲むボックスのコードも変更しました。

ボックスってこういうのです↓

キャプション

A:

midasibox title=”キャプション” fontawesome=”” bordercolor=”” color=”” bgcolor=”” borderwidth=”” borderradius=”” titleweight=”bold”]

[/st-midasibox]

S:

コードをそのまま貼ると、ボックスが表示されてしまいます。他のブログでよく見るコード表みたいな表し方がわからないので、最初と最後の<>をはずしてみました。

カジテレママ
それくらい、WEBに疎いんです…

div class=”□”cap_box” is-style-small_ttl=””
div class=”□”cap_box_ttl””>キャプション</div
div class=”□”cap_box_content””

/div

ふきだしのショートコードを変更する

AFFINGER5もSWELLもあらかじめ登録しておいたショートコードでふきだしを呼び出すことができるので、それを貼りなおすだけです。

A:

[st-kaiwa1] ここにテキストを入力 [/st-kaiwa1]

S:

ふきだし set=”カジテレちゃん”] ここにテキストを入力 [/ふきだし

※こちらもそのまま貼ると吹き出しになってしまうので、カッコ[  ]を外して表示しています。

プラグインを減らした

これは、そのブログ自体にどれくらいのプラグインを入れているかは人によって違うので、なんとも言えないかもしれませんが、以下のようなAFFINGER5独自のプラグインは確実に外せます。

  • SUGOI MOKUJI (目次のプラグイン)
  • STINGER系テーマアップデーター2 (アップデートするときに使用するプラグイン)
  • クレジット削除プラグイン (クレジットからAFFIGER5という文字を消せるプラグイン)

私は、PCのことやワードプレスのことはよくわかっていない方なので、ブログでほかの方が、「こんなプラグインを入れるといいよ」ときじにされていうると、結構バカスカ入れてしまっていたんです。

でも、SWELLはプラグインを入れなくても、テーマをSWELLにするだけでできることがたくさんあるので、他にも、こんなプラグインを外すことができました。

AddQuicktag

WordPress Popular Posts

Simple Colorbox

Easy FancyBox

WP Fastest Cache

逆に入れたブラグインはSWELL専用のプラグイン「 SEO SIMPLE PACK 」だけです。※専用と言いながらSWELL以外のブログテーマにも対応しているそうです。

本当に加えたのはそのひとつだけ。

プラグインは便利な反面、たくさんいれるとブログが重くなる原因にもなるので、少ない方がありがたいですもんね。

このSWELLのプラグインについては、ブログのことをいろいろ教えてもらっているかみじょーさんのこちらの記事を参考にして作業しました・

あわせて読みたい
ワードプレスSWELLに入れておきたいおすすめプラグイン | KsWorks.com│lineオープンチャット ワードプレスSWELLに入れておきたいおすすめプラグイン、いらないプラグイン、あっても良いプラグインをまとめてみました。この記事は2019年8月4日に書きました。ワードプ...

かみじょーさん、ありがとうございます。

結論:AFFINGER5からSWELLに変更するのはそこまで難しくない

AFFINGER5からSWELLへの移行作業。

コードを張り替える手間はありますが、思っていたよりはそれほど難しくありませんでした。

テーマを変更するのすごく身構えていたんですが、「もっと早く変えればよかった」と少し拍子抜けしたぐらいです。

WEBに疎い私でもできるので、みなさんも大丈夫だと思います。

ブログテーマ「 SWELL 」を開発した了さんがSWELLユーザーのためのフォーラムサイトも作ってくれているので、そこで同じSWELLを使っている人同士で情報交換もできるので心強いですよ。

私も、これから、どんどん「カジテレママ」のブログをみてもらえるように、見やすいブログにしていきたいと思いまーす。

SWELL公式HPはこちらから/

楽天ROOM

楽天ルームでは普段買っている物やテレビで紹介されたものを中心にご紹介しています。

 

楽天ルーム

 

WING(AFFINGER5)からSWELLへブログテーマを変更した際に直したところはここだ

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

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