Simplicity2、1.9.3からアップデートするときの10個の注意点とカスタマイズ全まとめ

simplicity_logo

こんにちは。WordPressテーマ「Simplicity」大好きの部長ナビ(@nabi_1080)です。日々カスタマイズ頑張っております!

スポンサーリンク

Simplicity1.9.3→Simplicity2.1.0アップデート完了!

なんかね、サクッと終わった

で、色々わかったこともあったので、これからアップデートする人のために備忘録と言うことで記しておきます

1 「ランキング」と「プロフィール」以外のサイドバーメニューは全て消える

私はTextWellに全部逃がしているので、大丈夫でしたが、逆に言うと、「プロフィール」が残っていたのは意外でした。ナイス

ランキングも設定とか面倒だったので、これが引き継がれたのは地味に嬉しいです

2 SNS、Google Analytics、Google Search ConsoleID、FacebookOGP等のバックアップはマジ必須

これは公式サイトにも書いていますが、全部消えます

TextWellに逃がしておいたのは以下のIDです

・Twitter

・Facebook

・FacebookOGP(アプリID含む)

・Google+

・はてブ

・LINE@

・YouTubeのチャンネルURL

・Google Analytics

・Google Search Console ID

・広告ID(Google AdSense)

・Googleカスタム検索コード

・Twitterのタイムライン表示コード

これらが全てリセットされるので、必ずメモアプリに取っておきましょう

TextWellは「Control+S」でスナップ保存が一発で時系列に並ぶのでスゲー便利です。純粋なテキストデータで保存されるので、変な書式も付かず、コード保存にはとても便利です

↑マジ使えるのでぜひどうぞ

【WordPress】FacebookでOGP・adminID・アプリID(appID)の設定方法
【WordPress】FacebookでOGP・adminID・アプリID(appID)の設定方法
こんにちは。WordPress初心者のSimplicity野郎・部長ナビ(@nabi_1080)です。日々カスタマイズ頑張っておりま...

↑FacebookOGPについてはこちらからどうぞ

なお、一応「プロフィール欄のバックアップ」もTextWellで取っておくと後で何かあったときに便利に復活できます

3 カスタマイズコード(CSS、php)については、実はそれほど問題無かった。ForkLift+テキストエディタで子テーマをいじる

Simplicity1用の子テーマをSimplicity2で使う時の修正方法
Simplicity2を公開しました。 Simplicity2の子テーマも公開しています。 ただ、Simplicity1の子テーマは、Simplicity2でそのまま利用できません。 というのも、Simplicity2では、Simpl

ここにあるように、子テーマは実は、Simplicity1のモノをダウンロードして、Simplicity2と「名前を変えて」「@importを消して」という作業だけで使い回し可能みたいなんです

マジか!

っつーわけで出てくるのがFTPアプリ「ForkLift」でございます

これを使うととても便利にサーバー上のファイルをやり取りできますので、言われた通り、Simplicity1の子テーマをダウンロードして、テキストエディタで開き、書いてある通りに「Simplicity2」と名前を変え、中身も変更します

さらに、@importを消せと言うことなので、ダウンロードしたSimplicity1の子テーマフォルダに入っている該当ファイルをテキストエディタで開いて消していきます。ええ。それだけ

んで、ForkLiftでまたアップすると、見事にSimplicity2の子テーマがアップロードされます

これで終わり。マジか。

Simplicityで親テーマをのファイルを子テーマにForkLiftで移す方法〜子テーマでカスタマイズ!〜
Simplicityで親テーマをのファイルを子テーマにForkLiftで移す方法〜子テーマでカスタマイズ!〜
こんにちは。WordPress初心者の部長ナビ(@nabi_1080)です。日々カスタマイズ頑張っております! さて、Simplicityの...
【動画】FTPアプリ「ForkLift」がないと「致命的なエラー」が出たときに何もできないぜ!
【動画】FTPアプリ「ForkLift」がないと「致命的なエラー」が出たときに何もできないぜ!
こんにちは。部長ナビ(@nabi_1080)です 部長YouTubeチャンネルの動画を更新しましたので、紹介します! FTPアプリ「For...

↑ForkLiftについてはこちらからどうぞ。まあ、FTPアプリなら何でも良いけど、私とg.O.R.iさんはこれ使ってますので良ければどうぞ

4 親テーマ「Simplicity2」は普通にダウンロードして、普通にWordPressの管理画面からブチ込む

これは普通です

Simplicity2のダウンロード
無料WordpressテーマSimplicity2のダウンロードはこちらです。 テーマのアップデート方法は、以下を参照してください。 Simplicity2のダウンロード WordPress4.1以上、PHP5.4以上での利用をおすすめ

↑親テーマはこちらからダウンロードして、そのまま管理画面からアップロードするだけ

5 子テーマ「Simplicity2 Child」を有効化して、SNS、Google Analytics関連、サイドバーウィジェットをひたすら復元

1つを除いて何も問題無いので、とにかくひたすら記録しておいたIDを打ち込みます。Google AnalyticsはPVに関係するので、先にやってしまいましょう

大丈夫だと思うけど、「子テーマ」を有効にしてくださいね。カスタマイズは保存されているので、そのまま生きるんですよ。これが想定外

6 Twitterのカウントだけエラーが出るので、ForkLift使って、子テーマから「sns-buttons-ballon.php」「sns-buttons-icon.php」を削除した

記事開こうと思ったらエラーが出ました

Simplicity2では、Twitterのカウントを親テーマの方で多分やってくれるんですけど、私はSimplicity1を使っていたとき、ちゃぼPに頼んで、Twitterのツイート数をカウントするサービスを使うようなコードを入れていたんですね

ですから、多分ですけど、親テーマにも、子テーマにも「Twitterのツイート数をカウントしてちょうだい」というコードがあって「2重に宣言できません」みたいなエラーが出たんだと思います

面倒なので、そのphpファイルごと消してやりました。子テーマでいじっていたので、親テーマには当然「sns-buttons-ballon.php」「sns-buttons-icon.php」はあります。そっちがアップデートされているはずなので、それを信じたら正解でした。TwitterはSimplicity2では対応されているので子テーマで特に「ツイート数をカウント」というコードは不要と言うことですね。ステキ

7 総シェア数が出ないので、記事を読み返したら、「sns-buttons-ballon.php」「sns-buttons-icon.php」に記述が必要だったので、親テーマに追記した

当ブログはSNSの総シェア数を表示していますが、それが表示されませんでした

で、記事を読み返しました

Simplicityで「SNSシェア総カウント数」をカッコよく表示する方法
Simplicityで「SNSシェア総カウント数」をカッコよく表示する方法
こんにちは。WordPress初心者の部長ナビ(@nabi_1080)です。日々カスタマイズ頑張っております! ブログスタッフ...

↑コードの追記が「sns-buttons-ballon.php」「sns-buttons-icon.php」に必要だったので出なかったんですね

っつーわけで、追記しました。そしたら出ました。やったー。

ちなみに、カスタマイザーで「シェア数を表示しない」にしないと、各SNSボタンにシェア数が出るので、男だったら「総シェア数」でいきたいので、私はここはチェック外してます

8 モバイルの「検索窓」は親テーマ対応だったので、これは仕方なく親テーマに追記した

Simplicityのモバイル表示で、「検索窓」をタイトル下に持ってくる方法
Simplicityのモバイル表示で、「検索窓」をタイトル下に持ってくる方法
こんにちは。部長ナビ(@nabi_1080)です。日々カスタマイズ頑張っております! そもそも、「検索ボックス」「アクセスランキング」...

↑モバイル確認したら出ていなかったので、記事読み返したら、これ、親テーマですね。追記しました

ちなみに私はGoogleカスタム検索です

【WordPress】Simplicityで、「Googleカスタム検索」をサイドバーウィジェットにつける方法
【WordPress】Simplicityで、「Googleカスタム検索」をサイドバーウィジェットにつける方法
こんにちは。WordPress初心者の部長ナビ(@nabi_1080)です。日々カスタマイズ頑張っております! さて、今回は、...

↑Googleカスタム検索はこちらをどうぞ!

9 サイドバーメニュータイトルのカスタマイズは「sidebar h4」から「sidebar h3」に仕様変更のため、子テーマのstyle.cssを修正しよう!

当ブログのサイドメニュータイトルは「ピンクの下線を引く」という装飾をしていましたが、Simplicity2にしたら、それが無くなりました

よくわからなくて、作者のわいひらさんに@ツイートで質問したところ、とても丁寧に教えていただきました

ん?h4がh3に仕様変更?

ひょっとしてと思って見てみたら、子テーマのstyle.cssの中に「sidebar h4」という装飾の指定があったんです。自分で下線付けていたんですね

ですから、下のカスタマイズ一覧の「まとめ」の中のコードをそのまま使う場合は、「sidebar h3」に変更すると同じタイトル装飾になります。サイドバーのタイトルを装飾している人、これ注意。デフォルトは装飾無しです!

10 ヘッダー画像とロゴ画像をアップロードして完了

あっさり終了

カスタマイズについては、以下にまとめておきますので、お好きなものをどうぞ

思ったより簡単にSimplicity2に移行できましたので、イケますよ。全然イケる。ただ、ForkLiftは必須です。何かあったとき管理画面にアクセスできなくなるからね。そこだけヨロシク!

んじゃ、今日から、楽しいSimplicity2生活が始まるので、これから部長ナビのページは、Simplicity2でガシガシ更新していくぜ!Simplicity最高!

【参考】当ブログのカスタマイズ一覧

【WordPress】Simplicityのカスタマイズまとめ(コードを使う場合は、sidebar h4はsidebar h3に変更してください)
スポンサーリンク

この記事をシェアする!

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

この記事の関連カテゴリ

サイト内検索