Sitecake・ブラウザからHTMLを更新できる部分CMSレビュー
![Sitecakeの使い方](https://popo-design.net/wp/wp-content/uploads/2023/05/sitecake-header-1024x416.webp)
WEBサイトの更新システムはたくさんありますが、WordPressほどたくさんページは増やさなくても良い、既存のHTMLページを編集や更新する時にちょっとしたCMS(更新システム)はないかと思っていたところ。Sitecakeという海外のシステムで、ブラウザ上でHTMLを部分的に編集できるので使ってみたレビューを書きます。
Sitecakeを公式サイトからダウンロード
公式サイトからSitecakeをダウンロードします。プランが3つあるのですが、今回は無制限にWebサイトが作れる真ん中のプランを選びました。
![サイトケイクをダウンロード](https://popo-design.net/wp/wp-content/uploads/2023/05/sitecake.webp)
指示された手順通り支払いを済ませて、ファイルをダウンロードすれば完了です。
基本的なSitecakeの使い方
PHPで動くので自分のパソコンとかローカルな環境では動かないため、サーバーにアップロードして使用します。
最低限動作させるのに必要なファイルは「admin.php」と「cms」フォルダです。
これをHTMLファイルのindex.htmlなどと同じ階層に設置します。テキストファイルはインストールガイド、psdファイルは管理画面のデザインを変更したい時に使えるようです。
![sitecakeファイル一覧。](https://popo-design.net/wp/wp-content/uploads/2023/05/sitecake-file.webp)
自分のドメイン名直下の、先ほどコピーしたadmin.phpのURLへアクセスします。
https://自分のドメイン名/admin.php
![パスワードの変更](https://popo-design.net/wp/wp-content/uploads/2023/05/cheange-pass.webp)
管理画面のパスワードを聞いてくるので「Change password」を押して変更します。
![パスワードの変更](https://popo-design.net/wp/wp-content/uploads/2023/05/change-pass2.webp)
古いパスワードadminを入力後、変更したいパスワードを入力してChangeボタンを押せば完了。
管理画面のメニューバーが出れば設置は完了です。
![Sitecakeの管理画面](https://popo-design.net/wp/wp-content/uploads/2023/05/sitecake-kanri-1024x521.webp)
管理画面にアクセスすると、自動的に「cms-backup」「cms-temp」のフォルダができています。これはこのまま置いていて問題ないです。
![](https://popo-design.net/wp/wp-content/uploads/2023/05/sitecake-file2.webp)
更新したい場所にタグを入れる
Sitecakeは部分的なCMSなので、更新したい場所に専用のタグを入れれば、その部分が編集できるようになります。
編集したいHTMLファイル内に<div class=”sc-content”></div>のタグを入れるだけです。
![タグの入れ方](https://popo-design.net/wp/wp-content/uploads/2023/05/sitecake-tag.webp)
そうすると上部のツールバー各種エディタからタグを入れた部分が編集できるようになるので、パーツをドラッグして、見出しや本文、画像や地図、YouTube動画もURLを貼り付ければ埋め込めます。
![サイトケーキ編集](https://popo-design.net/wp/wp-content/uploads/2023/05/sitecake-hensyu-1024x569.webp)
操作を間違えた時は、各ブロック右上の×マークで削除できます。
元に戻したい時は、右上の矢印で戻れます。編集が終わったら「Publish」を押して保存すれば完了です。
ログアウトしたい時は、右上のメニューの×マークを押して消せばそれだけでログアウトできます。
![](https://popo-design.net/wp/wp-content/uploads/2023/05/sitecake-hensyu2-1024x600.webp)
このCMSの良いところ
HTMLで書き出しができるので、将来的にもしサーバーとの相性とか、バージョンの不具合とか起こった際には最悪HTMLファイルだけは残せるところです。まるごと動的PHPサイトのように全てエラーが出て真っ白ということはないのでそれはいいですね。
あくまで部分CMSなので、新しくページを増やしたりする機能はなくシンプルな仕組みのため、ちょっとページの上下に更新したいなという小規模な案件に向いています。
制作案件の選択肢の一つになれば幸いです。
[公開日] 2023年6月16日 / カテゴリー:WEBデザイン
同じカテゴリーの記事
-
ウェブデザイン技能検定2級をこれから受験する人へ【対策方法】
ウェブ業界の中で、唯一の国家資格「ウェブデザイン技能検定」ですが、知名度がイマイチ高くないのかまだまだ認知されていないよ [続きを読む]
-
WEBデザイナーが印刷物制作・入稿に注意すること
WEBデザインの業務と印刷物のグラフィックデザインの仕事を同時進行で制作していると、うっかりミスが出やすいので自戒を込め [続きを読む]
-
ロリポップのスタンダードプラン・アップデートの使用感
ロリポップサーバーのスタンダードプランで、アップデートの通知が来ていたので実際の制作案件でも使用してみることにしました。 [続きを読む]
-
SWELLのトップへ戻るボタンを画像に変更する方法
WordPressテーマの「SWELL」のページ下、「ページトップへ戻るボタン」を画像に変更する方法を記載します。テーマ [続きを読む]
最新の投稿
2024年07月16日
2024年07月16日
2024年07月10日
2024年06月25日
2024年06月03日
カテゴリー
アーカイブ
![HTML無料テンプレートダウンロードサイト](https://popo-design.net/wp/wp-content/themes/popodesign/img/temp-banner.png)
![LINEスタンプ販売中](https://popo-design.net/wp/wp-content/themes/popodesign/img/line-banner.webp)
![Kindle電子書籍](https://popo-design.net/wp/wp-content/uploads/2022/07/kindle-banner.webp)