メニュー
カテゴリー
最近のコメント
便利なリンク集
記事ネタ・サイトへの要望を伝える
ロッティ ロッティ

何かあればコメント・Twitter・サイトへの要望つぶやき、問い合わせフォームのお好きな方法でご連絡ください

TOPページリニューアル完了!古い記事は修正中。表示くずれあればご連絡ください

サイトリニューアルの内容まとめ、テーマをSWELLにしました

2020 3/16
コメントする・見る
サイトリニューアルの内容まとめ、テーマをSWELLにしました

サイトリニューアルの内容と実現した方法について
方針は変わってなくて「見やすい」「わかりやすい」サイトを目指しています。 更によくするためにも、年明けあたりから徐々にやってた移行が、ようやくやりたいことが終わったので一旦まとめます。

PSO2関係ない部分もありますがトップページの話は関係あるのと、PSO2の情報サイトということで、備忘録として残しておきます。

結論、情報が探しやすくなって、今後も使いやすさを強化していくよ!って話なのでよかったらご覧ください!今後の予定も最後に記載。

目次

2つのリニューアル

リニューアルの内容
  1. トップページの改善(情報を集めた)
  2. 今後のためにサイトのシステム変更(詳しく言うとブロックエディタ、テーマ変更)

大きくやったリニューアルは2つです。

だいぶ前にライブドアブログからワードプレスに移行した話をしましたが・・・実はワードプレス使うなら書いてる人にとって無視できないシステム変更(ブロックエディタ)への対応が必要になってきました。(あえてシステムって書きます)

そのシステムに対応しようと思ったら…自分が使っているテンプレートである「テーマ」が全然対応してなかったので変更することにしたんです。

ということで対応できるテーマに変更したことと、前からやろうと思ってたトップページの改善を合わせてやっちゃいました。

トップページに情報を集めた

新しいトップページのテスト動画をとってみました。動画でみるとよくわかるかと思います!

この動画、縦長になっちゃったのでPCだと2分割、スマホだ縦、と見る媒体のサイズによって変えてます。

こういったスマホも考慮した見やすさも楽に設定できるようになりました。

変わったこと
  • 情報をトップページから探せるようにした
  • タブで切り替えれるからコンパクトに情報を詰めれた
  • 緊急&ブースト予定表を左側を固定してスクロールできるからスマホでも見やすい
  • 公式の更新を見れる
  • 目次ボタンでスクロールできるからトップページのどこからでも探しやすくなる
  • 最新のイベントを見れるようにした
  • 画像をクリックすると別ページに移動せず拡大できる

ぜひ、活用ください!

情報をトップページに

必要そうな情報を全部トップページから探せるようにしました。

まだまだ不足してる記事、修正必要な記事も多いのでどんどん追加していきます!

画像のように各項目へタップすると移動するナビゲーションも追加してるので活用ください

タブで切り替え

スクロールが面倒という意見が過去にあったのでコンパクトにできるタブを作ってみました。

とりあえず、お知らせ、緊急ブースト予定表、公式の更新の3つです。カレンダー作ったらここに入れるかもしれません

緊急ブースト表を見やすく

おそらく一番このサイトで見られているであろう緊急ブースト表を…スマホだと日付を固定してスクロールして見れるようにしました

PCだと画面大きいしスクロールしたくないと思うので全部表示できるようにしてみた

公式の更新を見れる

PSO2、イドラの公式サイトの新しい投稿も見れるようにしました。気になる情報あればそのまま見に行けます

目次ボタンで探しやすくなる

トップページに限らずほぼ全記事につけました。

例えば途中まで見たけど〇〇の情報みたいなーって時に上にスクロールしまくるのとか面倒ですよね。目次ボタン使えば見たい情報まで一気に移動できるので時間短縮になります

最新のイベントと内容を見れる

よくイベントまとめしているので、今やっている最新イベントをわかるようにしました。

使いやすいテーマSWELLに変更

ロボアークスのサイトで新しく使っているテーマ「SWELL」
ギリアム ギリアム

リニューアル前は素人の自分がカスタマイズするのはめっちゃ大変だったけど…「 SWELL 」にしたらあらゆる面で楽になりました!

決め手良かった点
  • 今後のシステム(ブロックエディタ)に完全対応していた
  • カスタマイズして実現してた機能、やりたかった機能の多くがカスタマイズなしでできた
  • 素人でも使いやすいので時間短縮
  • 移行支援のツールがあった
  • 超高速にもできる

個人的によかった点は上記の通りです。

今後のシステム(ブロックエディタ)に完全対応

システムを変えた話をPSO2に何とか当てはめて例を出すと

旧式武器⇒新世武器に変わるといわれてて、まさに移行期間なのに自分は旧式武器使ってたイメージですね。「いや、旧式武器はもう使わないでしょ~」と、当時でもこんな反応だと思いますけど、そろそろ移行しないと、と思って探しました。

「完全」と書いてあるのは一部は対応しているテーマは割とあるんですが、完全=最初から対応してるのを前提に作られているので、じゃあ最初からそっち選んだ方がいいよねって話です。

カスタマイズしてた機能、やりたかったことをできる

自分はサイト作りやブログの素人です。(リアルの本職も全然関係ないサラリーマン)

でも見やすくしたい!という思いを1番大事にしてて、何とかやろうとすると今まではカスタマイズ必須なことが多かったんです…いろんな話であるあるだと思うけど個別のカスタマイズって汎用性ないんですよね。。(カスタマイズはコード書いてゴリゴリやるやつ

改善も難しくて新しいシステムへの対応も迫られて困ってました。…がほとんど標準の機能でできたのもいいところ。

最近気づいたんですが、どのくらい楽にできるかのお試しが3月末まで無料でできるようです。

SWELL
【無料お試し版】お申し込みページ | WordPressテーマ SWELL
【無料お試し版】お申し込みページ | WordPressテーマ SWELLWordPressテーマ SWELL の無料お試し版を配布しています。申し込みフォームからお申し込みください。

素人でも使いやすい

コードを書くようなカスタマイズがなくてもサイト作り出来るので、プロでなくても使いやすい。

残念ながら、ゲーム系専門のテーマはないと思ってますが、ここまで使いやすくなったからジャンル問わず使えます。

移行支援のツールがあった

このサイトは記事が1300を超えています。

少ないなら手動で楽にやれるけど、システム変更に関係する部分もあってただ変換するだけじゃないから、ぶっちゃけ移行は地獄です。

というか記事数多いと実質不可能。よっぽど暇じゃない限り…いや、暇でも現実的じゃないです。

でもSWELLだと一部のテーマから移行する支援ツールがあったんですね。なかったら移行しなかったかだろうなー

支援ツールは簡単に言うと、昔のテーマの一部分の見た目やら使ってる機能を変えずに新しいテーマに出来る、というもの。一部引き継ぐイメージですね。まだ直せてない部分を直して完全移行する予定。

興味ある方はこちらに詳しく書いてあります。

SWELL
他テーマからSWELLに乗り換える時のサポート用プラグイン一覧 | WordPressテーマ SWELL
他テーマからSWELLに乗り換える時のサポート用プラグイン一覧 | WordPressテーマ SWELLテーマを乗り換える時、旧テーマの機能で文章の装飾などを使っていると、過去記事のデザインが一気に崩れてしまいます。つまり、テーマを途中で乗り換えるということは、過...

超高速化もできる

そもそも高速なテーマだなーと思ってましたが、ページの切り替えを高速化する方法が少し前にTwitterで話題になってました。

サイトは遅いより早いほうがいいので自分も気になってましたが…なんと、SWELLの製作者さんも追随して数日で実装されてました。(自分はまだテスト中なのでこれから使う。。)

より良いものを作ろうとしてくれる姿が見えるのはとてもうれしいです。というのも使う側としてはやりたいことはテーマをどうこうするというかは記事を書くことに集中したいからですね。

たくさんあるテーマの中から移行しようかな?どうしよう?と悩むよりも1つの使いやすいテーマが、スタンスを崩さずにどんどんいい機能を実装してくれるのは本当に助かります。

同じテーマのぷそ2ブロガーさん現る

そしてまさかの同じPSO2ブロガーさんジェンクさん(元、ブログ「PSO2 オラクルの自由人」やってた)もSWELL買ったようです!

きっかけは自分のツイートから辿ったようですが、なんだかうれしい…

自分がSWELL使い始めた時は少なくともPSO2ブロガーは誰とも被ってなかったんですけど、今後増えたりして?

今後の予定

今後の予定
  • コメント欄へのリンクを記事の上の方に設置(コメント欄に辿り着きにくい)
  • 古い情報の記事を新しくする
  • 要望が複数あった内容の導入
    • カレンダー
    • 記事を増やす
  • ページ読み込みの超高速の機能入れたり、高速化を目指す

自分の力不足でカスタマイズがうまくいかなくて出来てない、コメント欄の改善が結構困ってます。。

昔コメント欄はカスタマイズ(コメントのアイコンからリンク張ったり、採番)してたけど技術的にうまくいかなくて、今は使いにくいなーと自分でも思ってます。。

後は匿名の要望フォームを設置してるのでそこで多かった内容を優先してあれこれしてますね。

オンラインゲームは特に情報の更新が激しいのですが、今後も使いやすいサイトにしていきます!

SWELL
SWELL | シンプル美と機能性の両立 - 圧倒的な使い心地を追求するWordPressテーマ
SWELL | シンプル美と機能性の両立 - 圧倒的な使い心地を追求するWordPressテーマシンプル美と機能性の両立させ、圧倒的な使い心地を追求するWordPressテーマ - 『SWELL』の公式販売サイト。 最新のブロックエディター『Gutenberg』にも完全対応。プログ...

この記事が気に入ったら
フォローしてね!

目次
目次
閉じる