できるEDIUS

できるEDIUSもスマホ対応

Yas Morimoto

4.21…って言う脅迫めいたグーグルのモバイル・フレンドリー・アップデートっていうスマホ対応の要求に答えて…
できるEDIUSもスマホ対応になりました♪
この記事を書いている4.25の時点では、さほど影響は出ていないようですが…どっちみちスマホ対応は避けては通れない道だったので頑張りました＾＾

モバイルフレンドリーとは？

4.21の影響は？現時点での「モバイルフレンドリーアップデート」の影響は…よくわかりません；

この辺りを参考にしていただくとしてｗ

実際、当サイト「できるEDIUS」をスマホ・タブレットから見て頂いてる方は、アクセス全体の25％程の方がモバイル環境で閲覧されていました。

以前、一度レスポンシブに挑戦したことがありました。レスポンシブって言葉が一般的になりだしたかなぁ～ってくらいの創世記だったので、挑戦はしたものの上手くは行かず…途中で断念してコッソリ以前のテーマ（非レスポンシブ）に戻していました。

できるEDIUSの変更点【備忘録】

まずは、ワードプレスのテーマを変更。
今までできるEDIUSでは、ずっと無料のワードプレステーマを使用していたんですが…毎度、四苦八苦してたので…今回こそ、ちゃんとレスポンシブなモバイル対応を成功させたかったので、有料テーマを購入しました♪

ThemeForestと言う海外では定番のワードプレスや他のCMSのテーマを販売してる海外のサイトで購入しました。
1万DL以上されてる人気テーマ「Newspaper」を採用～♪

この辺りイケてるテンプレートを探したりするのは、ワードプレスでサイトを運営してると楽です。
1万って言っても、世界規模…英語圏が中心での話なんで国内でカブること…まぁ～ないでしょう。見たこと無いし＾＾

ちなみに「ThemeForest」ってサイトは、「Envato Market」のグループサイトです。
映像されてる方ならご存知の著作権フリー素材の「videohive」や「audiojungle」と同じアカウントで購入できます。

フォントファミリー

このテーマは、全ての見出し語ごとに、google web fontを始め、TypeKit、Font StacksなどのWebフォントが設定できるように対応してるんですが、いかんせん海外のテーマなので…そこは自分標準

body {
	font-family: "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS ゴシック", "MS Gothic", sans-serif;
}

をワードプレス是非物のプラグイン「Jetpack」機能の一つ、カスタムCSSで強制的に上書き♪ bpdy以外の見出し語やその他諸々もザクっと上書き＾＾この辺りgoogle web fontで出た？…出るって話の「」なんかで将来的には解決して欲しい所；
ちなみに、このフォントセットはワイアードJAPANと同じ設定＾＾ｖ

無料の日本語フォント【Noto Sans Japanese】

メイリオが好きってわけでも無いので、ヤフー！さんやら楽天さんやらが採用されたら即導入したいところです。まぁ、そんな事は起こらないとは思いますがｗ
googleとadobeが共同開発されてるらいいので、ChromeOS当たりから導入して頂いてOSかブラウザで正式導入されることを切にお願いしたい所です。

ワードプレスのお引越し

以前までは、ワードプレスで作ったサイトのお引越しは、別のサーバーやディレクトリーにおニューのワードプレスをインストールして～使用しているプラグインなんかも１からインストール。
そうして、データベースをバックアップして、、、、、、、、、、、などなど、ややこしかったんですが；

WP最強のお引越しツール”Duplicator”

凄いプラグインを発見しました！その名も「Duplicator」プラグイン

そうです。DVDをデュプリケーターで焼く”コピー”する感じでワードプレスのサイトをコピーしてくれます。
しかも！データベースだけじゃなく、テーマもプラグイン環境も、まんまコピー出来るんです！

この子と出会わなっかたら、この短期間で、この作りの雑なこの「できるEDIUS」を休止（サイトが閲覧出来なくなる期間）させずにレスポンシブデザイン対応のサイトには作り変えれなかったと思います。

なので、今回はほぼ１日で、まるっと仮（コピー）サイトを作成して…大まかな調整を完了して…次の日には、新しい「できるEDIUS」に、DNS（ドメイン）を移行する。そうして永遠に微調整を続けて…現在に至ります。

テーマ内部のURLリンクも全て書き換える

サクサクっと行った！！行くかと思ったら、
本ドメインに移行後も、仮サイトのアドレスから大量のリダイレクトが飛んできます＾＾；
投稿やページ内部、テーマで使用してる画像など、旧アドレスへのリンクがワードプレスのサイトアドレスの変更を掛けた為に、迷子になってる奴らが一杯発生。
仮サーバー環境から本サーバーへ移転させたんだから当たり前ちゃー当たり前ですが、これは、データベースを直接イジイジしなければイケない。私には、とっても怖い作業；

おぉ！神さま～発見しました！
これは、WPプラグインでは無く、PHPスクリプトです。
長っい名前ですが、FTPでファイルをアップできる方なら（私でも）簡単に使用することが出来ました♪見事解決！

現在、使用してるプラグイン

思いの外、お引越しが順調に行ったので…ワードプレスで使用していたプラグインも整理見直しをすることにしました。本日【2015.04.27】時点で使用してるプラグインの一覧。

必須プラグイン

個人的にWPインストールしたら迷わずインストールするプラグイン。仕事・プライベート含めて現在稼働中の10数個のサイトには全て入れてあります。

SEO対策プラグイン

今回、ここをガサッと変えてみました。仕事とかでは中々試せない所なんで「できるEDIUS」でテストです＾＾
今までは、All in One SEO Packをメインにタイトル廻り、OGP設定など行っていたんですがガラッと変えてみました。

重要な部分ですけど、良くわかりません。結局、検索結果にどう表示されるか…共有された時に、どんな風に表示させるか…をある程度ハンドリングできるプラグインって感じで使っています。
これだけで検索上位とか狙えるなら苦労しないですよねｗAIOもYoastもかなり以前から評判の良いプラグインなので換えてみました。でも、日本語での解説や情報は明らかにAIOの方が豊富♪多分Yoastのあのキャラクター達が日本人にはウケが悪いだけのような気がするｗ

ソーシャル向け、OGP設定や共有設定など

折角なんで、このソーシャル廻りも以前よりは快適にできないかなぁ～っと思ってたので見直し

キャッシュ系 ページスピード高速化系

サイトがなんとなく完成に近づいてから取り掛かって、、最終的にもがき苦しむ所…それがキャッシュ系のプラグイン。だいたい今までは、HeaderCleanerを使ってJAVAやCSSをまとめてキャッシュ。良く分からながらQuick Cache当たりを入れてお茶お濁してたんですが…ゴッソリ変更。

今までの経験なのか、それほど戦わずに導入することができました。購入してるテーマが今風なモダンテクノロジーを結構使ってるテーマだったんでレイアウト崩れなんか大変かも＾＾；とか考えてましたけど、それほどでも無かったなぁ＾＾

サイト内部リンク対策 – 巡回性をアップする

SEO的にも、結構ここに気を使っています♪最新の人気記事は勿論ですが、過去記事でも検索数の多い記事など追記・変更を加えたりしています。

見に来ていただいたページから関連する記事や興味をもって頂けそうなページヘの動線を色々な方法で提供できるように構築してるつもりです。前のテーマでは関連記事を表示するプラグイン「Yet Another Related Posts Plugin (YARPP) 」を長らく愛用していたんですが、今回のテーマには、同等の機能が実装されてたんで、さよならしました。

Adsense設置プラグイン

Adsenseの設置も毎度結構な時間がかかる項目です。

その他…e.t.c.

上記以外で、今回インストールしたプラグイン達です。

上のリストに入ってないプラグイン、有料サイトに付属して来た管理画面のビジュアルエディターやSlideなんかのプラグインが３～４個はいってて
最終的に30を切るぐらいのプラグインをインストールしています。だいたいこんな物かなぁ～普通にWPでサイト作ってる人はどれくらい入れてるんだろう？
まだ、主要ページのレイアウトを、やっとチェックできた感じでの公開になりました。
実際、この投稿も25日に書き出して情報をまとめながら、また修正したりを繰り返して…
結局、投稿できたのは…今日。
実際に使って行ったら、また修正点が出てくると思うので…サイトの修正は永遠……♪

このページを見た人は、他にこんなページも見ています：
  1. EDIUS Pro 8への無償アップグレードは明日まで…忘れないで～
  2. できるEDIUS – ホーム
  3. パケット定額プランは崩壊？パケ放題は無くなるのか；
  4. Grass Valley ADVC G3【3D対応HDMIコンバータ】
  5. EDIUSテンプレート【スライドショー9分割+３】