サイトリニューアル覚え書き(1)

当サイトは、2014年にプレーンな静的htmlからwordpressにリニューアルした。
それから5年経ち、
モバイルファーストの度合いが増え
SSLが必須となり
wordpressも4.xから5.xとメジャーアップデートして
使うプラグインの数もふえてきた。

Chromeではさほどでもないが
FireFoxで閲覧すると表示されるまでかなり時間がかる。
そこで、より軽くリニューアルしようと思っていろいろ検証をはじめました。
まとめておかないと忘れる。

ということでまとめておきましょう。

バージョン

wordpressを4.1から5.0にメジャーアップデートした。
2019年3月13日現在、WordPress 5.0.3。
検証用サイトではWordPress 5.1.1を使用。

データベース

wordpressを5.0は、MySQL 5.5が対応していないので5.7に変更した。
5.5から5.7にバージョンアップすることはできない。
MySQL 5.7のデータベースを新しく作ってデータを移行した。

テーマ

シンプルかつ多機能で(矛盾しとるがな)、モバイル対応のものを探した。
現在、Cocoon | 無料WordPressテーマを試している。

プラグイン

現状を仕分けた。プラグインの名前だけ見てもなんの機能なのかわからないのでメモを追記している。CocoonやSEO Packにある機能と重複しているものは消す予定。

引き続き使えるもの

  • Akismet Anti-Spam4.1.1 – スパムコメントを排除
  • All In One SEO Pack2.12 – SEO対策
  • Autoptimize2.4.4 – 高速化。html圧縮など
  • SAKURA RS WP SSL – さくらインターネットのSSL対応プラグイン
  • WordPress インポートツール
  • Duplicate Post – 複製

wordpress5.0にしたことで使えなくなったもの

  • wiki-lite1.0.8.3 – wiki機能
  • WP Render Blogroll Link2.1.8 – リンク集を作成する
  • Link Manager 0.1-beta – バージョン3.5まで WordPress に存在していたリンクマネージャーを有効にする
  • WP Custom Fields Search1.2.12 – 絞り込み検索を可能にする(エラーメッセージ表示される)

wordpress5.1ではテストされていないけど使えそうなもの

  • Breadcrumb NavXT5.1.1 – パンくずリスト。Cocoon使うなら不要
  • Breadcrumb NavXT 5.0 Migration Compatibility Layer DO NOT ACTIVATE5.1.1– ぱんくずリスト
  • Category Order and Taxonomy Terms Order – カテゴリーとカスタムタクソノミーの順番をドラッグ&ドロップで入れ替え
  • Classic Editor – クラシックエディタ
  • Custom Post Type UI1.6.1 – カスタムUI
  • Google Analytics Dashboard for WP (GADWP)5.3.7
  • Search & Filter1.2.11 – 複数条件の検索フォームを作れるプラグイン
  • Search Everything8.1.9 – WordPressのサイト内検索の検索対象は、投稿ページと固定ページのタイトルと本文のみとなります。コメントやカテゴリー名、タグ名などを検索対象にする。SEO PACKがあれば不要。
  • SI Captcha Anti-Spam3.0.2 – コメントを書き込むときにスクリプト排除する入力を促す。
  • Simple Map4.9.0 – google mapを表示する。札幌ぐるめに使用。
  • SyntaxHighlighter Evolved – ソースコードを見やすくするプラグイン。Cocoon使うなら不要。古い記事は直さないといけないけど。
    WordPress Popular Posts2.3.7 -人気何件かを表示するプラグイン。運用実績からいって、いらないかな。
  • WordPress Post Type Archive Links1.3.1 – カスタム投稿を便利にする
  • WP Total Hacks4.7.2 – 20項目以上のカスタマイズができるWordPressプラグイン
  • WP-PageNavi2.9.3 – 高度なページ送りナビゲーション用のインターフェースを追加

Cocoon設定

Cocoonの設定が一杯ありすぎて覚えてられないのでここに書いておく。

全体
フォント:メイリオ、ヒラギノ角ゴ
文字サイズ:16px
モバイルフォント:16px

ヘッダー
グローバルナビメニュー色:#ad4b27

問題点

テーマをCocoonに変えると、アイキャッチ画像の大きさが記事内の画像より小さくなってしまった。
一括変換のプラグインRegenerate Thumbnailsあたりで解決するかどうか。→Cocoon設定の「画像」内に、引き伸ばす設定にできるチェックがあった。解決。

複数のカスタムUIの最新更新何件かを表示したいが、Cocoonの機能ではできないっぽい。やっぱりソースを書かないといけないか。
(追記:複数のカスタムUIの最新更新の表示は、Cocoonのショートコードで対応可能。ただしデフォルトでは「続きを見る」からの複数のカスタムUI一覧ページが表示できない。そういう使い方は想定していないようだ。そういう需要は少ないのかな)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

14 + twelve =

*