M-1グランプリ2019の前にプライムビデオで復習しよう

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

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

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

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

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

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

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

目次

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:

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

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

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

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

YouTube
YouTubeYouTube でお気に入りの動画や音楽を楽しみ、オリジナルのコンテンツをアップロードして友だちや家族、世界中の人たã...
□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のプラグインについては、ブログのことをいろいろ教えてもらっているかみじょーさんのこちらの記事を参考にして作業しました・

 

上條晴行.com
ワードプレスSWELLに入れておきたいおすすめプラグイン
ワードプレスSWELLに入れておきたいおすすめプラグインこのサイトも使っているワードプレステーマ「SWELL」ですが、 SWELLユーザーにおすすめしたい入れておきた…

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

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

AFFINGER5からSWELLへの移行作業。

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

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

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

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

 

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

 

楽天ルームやってます。

 

楽天ルーム

 

ブログ村やってます。他にもおもしろいブログがたくさん。


 
ブログランキングにも参加しています。

目次