SOY CMS / SOY Shop

ブログトップ

【予告】近日中に大型バージョンアップを実施します

2017年07月03日

SOY CMSも最初の公開から約10年、大きなバージョンアップは行わずに来ましたが、近日中に大型の内容を実施する予定です。なお、互換性は維持し、既存バージョンからもそのまま移行していただける内容ですので、公開を待たずに今は既に配布中のものをご利用ください。

主な内容は以下の通りです。

管理画面の一新

管理画面のデザインがこのようなものに変わります。

今まで大型のバージョンアップを行わなかった最大の理由はSOY CMSの基本的な部分が極めてシンプルな作りをしていて、機能追加等はプラグイン、アプリによって行うという方針があったからですが、管理画面が取り残されて、HTMLやJavaScriptが古いままになってしまっていました。

また「管理画面のカスタマイズのしやすさ」もSOY CMSの大きな特徴ですが、開発元として関わらせていただいたサイトへの導入に際しては「新規の専用の管理画面の新造」という方法で対応することが多く、標準の管理画面の改善が後回しになってしまっていました。

今回のバージョンアップでは管理画面をBootstrapベースに変更することで、カスタマイズ性が大きく向上しています(メニューの追加やレイアウト変更、項目の追加がやりやすくなっています)。管理画面の新造方法、カスタマイズ方法についてはまた改めて記事にできたらと思いますが、限られた予算でも業務の実態に即したオリジナルCMSを開発することがより容易になりました。

また横長のディスプレイならびにスマートフォン等での操作性、作業性も向上しています。

PHP7対応

PHP7環境での動作に対応します。パフォーマンスの差などのデータはまた改めて公開します。


冒頭でも触れましたが、これらのバージョンアップは互換性を維持したまま行う予定です。ですので新バージョンの公開を待たず、今は既に配布中のバージョンをご利用ください。

続きを読む

サイトの段階的リニューアル手順

2017年05月08日

SOY CMSの公式サイトをリニューアルしました。


今回のリニューアルの主な目的はスマートフォン等のデバイスでも見やすいサイトにするために、統合できるページは統合し、ボタン等のサイズを大きくすることでしたが、発信したい情報についてはリニューアル前と変わっていません。


そのため記事の内容を含めCMSの設定は極力維持したまま、主だったページのデザイン(テンプレート)のみを差し替えるということをしています。


以下に具体的な手順を説明します。

①移設作業のためのテストサーバを用意して、そこにSOY CMSをインストールします。

SOY CMSのデータベースのタイプは運用中のサイトと同じものを選択してください。作業用のサーバはローカルPCに立てるのが便利です。

インストール後、元のサイトと同じサイトIDでサイトを作成してください。

②運用中のサイトのデータベースを作業用サーバで作成したサイトのデータベースに上書きコピーします。

SQLite版だとファイルをコピーするだけです。MySQL版だと、一度ダンプして読み込んでください。この時点で、作業用サーバのCMSで作成したサイトにログインすれば、ページや記事の情報は元のサイトと同じものが表示されているはずです。

プラグインやカスタムスクリプトを利用している場合はそれらに関連するファイルもデータベースと一緒にコピーしてください。

③作業用サーバ上のCMSでデザインをリニューアルしたいページのテンプレートを編集する。

このときの作業は、新しいデザインのHTMLと元のページのテンプレートを並べて、新しいHTMLの対応する箇所にblock:idやcms:idを書き加えていくだけです。

このとき、新しいデザインで使用するCSSや画像等は作業用のサーバに設置してください。

作業用サーバは作業マシンのローカルに立てて「テンプレート同期プラグイン」を使用すると非常にスムーズに、使い慣れたエディタで作業を進められます。

変更が必要のない部分についてはこれだけで元通り記事が読み込まれますので、あとはブロック等の設定を必要なところだけ調整していきます。

共通パーツをブロック化している場合は、新しいデザインのパーツをCMSに登録していきます。


④作業用サーバのサイトのデータベースを運営中のサイトのデータベースにコピーする

先の手順の反対で、作業用サーバで設定の終わったサイトのデータベースを運営中のサーバのサイトに上書きコピーします。このとき新しいCSSや画像等は先にアップロードしておいてください。


これでサイトのリニューアル完了です。CMSの構造はそのままに、変更したいところだけをスムーズに変更することが出来ました。

続きを読む

注文時のユーザーエージェントを確認しよう

2014年05月01日

SOY Shop 1.13.7からお客様が注文した際、どの端末のどのブラウザからの注文であったかを把握するためにユーザーエージェントも記録するようになりました。


今回は各注文のユーザーエージェントの確認を見ていきます。

続きを読む

SOY Shopでスマートフォン用のネットショップサイトを構築する:リダイレクト編

2013年10月31日

前回のSOY Shopでスマートフォン用のネットショップサイトを構築する:レスポンシブウェブデザイン編に引き続き、別途スマホ用のページを用意して、スマホからの閲覧だった場合は、そちらのページに遷移(リダイレクト)する方法による構築の説明をしたいと思います。

続きを読む

SOY Shopでスマートフォン用のネットショップサイトを構築する:レスポンシブウェブデザイン編

2013年10月30日


SOY Shopもバージョンアップを重ね、

様々なネットショップを運営できるようになりました。


その中で、

最近はスマートフォンのネットショップの需要が多くなってきましたので、

まとめを兼ねましてスマートフォン向けサイト(以後、スマホサイト)の構築についてを説明したいと思います。

続きを読む

レスポンシブWebデザインのカートを追加しました

2013年05月20日

 

SOY Shop 1.11.3から、

スマートフォンで表示用のカートが追加されました。

続きを読む