完全SSL化のついでに、このブログのデザインやプラグイン等を変更しました。
デザインはOPEN CAGEさんのWordpewssテーマ『スワロー』。
見やすいデザインになったこと以外にも、ブログを書くのが10倍くらい早くなりました。
色々とメモ的に書いていきます。
できるようになったこと
サムネイルとトップ画像が一体化した
今まではサムネイルと記事のトップ画像を別々に用意していたんですが、一体化したことで手間が減り、美しくなりました。
簡単に会話風のやり取りができるようになった
スワローの機能＋プラグイン「AddQuicktag」で、ショートコードによる会話風のやり取りができるようになりました。
例
ボタンの埋め込み、タグ付けが簡単になった
これもあらかじめ登録しておいたものを一発で埋め込みができるようになりました。
■例
できなくなったこと
テンプレートを変えたことで、できなくなったこともあります。
カラム幅の変更
実はカラムの幅（この文章部分の幅）にこだわりがあったんですが、ちょっと広くなって変更もできなくなりました。
noteとかtwitterくらいの横幅が好きなんですよね。確か、前は640pxくらいでした。今は750pxくらいだったはず。
ツイッターの表示
仕様上、ツイッターに関わるリンクが入るとシェアボタンを押したときにシェアリンクが２つ発生してしまうので、ツイッターに関することが入れづらくなりました。
修正は難しいのですが検討中です。
表示速度が遅くなったかも
きれいなフォントを読み込むようにして、アニメーションも少しついたので、今までのデザインよりも表示速度は遅くなったかもしれません。
ロゴが中央固定になった
今まで左側だったロゴが中央で固定になったので、とりいそぎデザインを直したものを作りました。
修正しなければいけなくなった部分
記事の修正はデザインを変えるときに１番懸念していたことでしたが、結果的にほぼすべての記事を修正しなければならなくなりました。
各記事のトップ画像の消去
先に書いたとおり、サムネイル画像と記事のトップ画像が一体化したので、重複して表示される今までのトップ画像を全部消去しなければいけなくなりました。
写真右に文字が回り込んでしまうようになったので修正
今までのテンプレートでは文字が写真に回り込まないようになっていたんですが、回り込むようになってしまったので、画像の配置を変えたり、＜div style=”clear:both;”＞＜/div＞を使ったりして回り込みを修正しなければならなくなりました。
今までの記事はこんな感じなってしまう。
ついでに追加、修正した機能
会話の修正
回り込みの修正と同時に、会話の吹き出しもすべて新しいテンプレートのものにしました。
写真をflickrからwordpressと同じサーバーに移した
flickrの写真をダウンロード、リサイズしてこのwordpressのほうに直接アップロードしました。
2012〜2016年くらいまではflickrに写真を上げて、それをブログに貼るようにしていたんですが、flickrのアカウントに入れなくなったので、いつか移さないといけないなと思っていたんですよね。
動画貼り付けに使っていたVineもサービスを終了してしまったので、なるべくコンテンツは自分のサーバーに入れておいたほうが安全だなと思いました。
自動化広告の導入
アドセンスの自動化広告を入れて、記事の途中の場所などに自動で広告が入るようになりました。妙な場所に入ることもありますが。
また、以前はツイッターカードに「スポンサード」という文字が入っていたんですが、アドセンスの自動化広告をいれることによって、その文言が入らなくなりました。
アフィリエイト設定
カエレバを使っていましたが、設定が飛んだりと時間がかかっていたのでWordpressプラグイン「Rinker」を使うことにしました。
7netのリンクは貼れなくなりましたが、とにかく設置は早くなりました。
また、Amazonの画像のみを貼りたいときは「AmazonJS」を使います。
Rock oN eStore、サウンドハウス等のアフィリエイトリンクもきちんと貼り直しました。
Markdown記法の導入
タグをサクサク付けていける記法をプラグインで使えるようにしました。
このエントリを書いているときに見つけたので導入します。
今までgoogleドキュメントの下書きからコピペしたものにタグを付けていたんですが、下書きの時点でタグ付けまで終わるので素敵です。
おわりに
ブログの設定を数年サボっていたので、色々ときちんと設定すれば、収益を2倍にはできるのでは、ということで思い切ってやってみました。どうなるのでしょうか！
買ったテーマはこちら
■WordPressテーマ「スワロー」 – OPENCAGE
もうちょっと色々やりたいかたはこちら
