メモ

memo

メモ

a-blog cmsで制作者にしかわからないように公開中のサイトに作成中のテーマを当てる方法

a-blog cmsで制作者にしかわからないように公開中のサイトに作成中のテーマを当てる方法のメモ。
公開されているサイトのリニューアルするときに使います。

<div>
<h1>ただいま通常モード(site2013)で表示中</h1>
<p><a href="/">トップページへ移動</a></p>
<form action="" method="post" id="switch_theme" align="center">
<input type="hidden" name="cookie[]" value="acms_http_header_User-Agent" />
<input type="hidden" name="cookie[]" value="acms_config_theme" />
<input type="hidden" name="acms_http_header_User-Agent" value="Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1_3 like Mac OS X; en-us) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7E18 Safari/528.16" />
<input type="hidden" name="acms_config_theme" value="site2013" />

<select name="acms_config_theme">
<option value="site2013">site2013</option>
<option value="event@site2013">event@site2013</option>
<option value="blog@site2013">blog@site2013</option>
<option value="map@site2013">map@site2013</option>
<option value="member@site2013">member@site2013</option>
</select>

<input type="submit" name="ACMS_POST_Cookie" value="テストモードに切り替える" id="pc_phone_button"  />
</form>
</div>

このソースコードを書いたHTMLを公開中のテーマのディレクトリの直下に保存します。
この記事では仮にこのHTMLをchange.htmlと言います。
※includeするわけではないので実際に使う時はDOCTYPE宣言も書く

変更するテーマが一つの場合はボタンでもいいかも。

<form action="" method="post" id="switch_theme" align="center">
<input type="hidden" name="cookie[]" value="acms_http_header_User-Agent" />
<input type="hidden" name="cookie[]" value="acms_config_theme" />
<input type="hidden" name="acms_http_header_User-Agent" value="test" />
<input type="hidden" name="acms_config_theme" value="site" />
<input type="submit" name="ACMS_POST_Cookie" value="siteに切り替える" id="pc_phone_button"  />
</form>

注意点

現状ブログごとにテーマを変えることができないので、もし別のテーマを使っているブログの表示を見たい時は再びchange.htmlにアクセスしてテーマを変更します。
表示するテーマを追加したいときは下のselectの中に追加すること。

<select name="acms_config_theme">
<option value="site2013">site2013</option>
<option value="event@site2013">event@site2013</option>
<option value="blog@site2013">blog@site2013</option>
<option value="map@site2013">map@site2013</option>
<option value="member@site2013">member@site2013</option>
</select>

ブログごとにテーマを変更する事ができないので、すべてのページが選択したテーマになってしまいます。
たとえばsite2013event@site2013に変えた場合、blog@site2013を設定していたブログもevent@site2013になってしまいます。
別のテーマを選択したブログのチェックをしたい時は再びテーマを選択しましょう。


関連タグ

この記事をシェアする

著者

デザイナー

森田かすみ

名古屋のスタートアップで働く、デジタルプロダクトデザイナー。

2013年に新卒でWeb制作会社に入社し、受託制作のマークアップエンジニアとして勤務した後、CMS開発部門のデザイナーへ転身。

2023年5月にSaaSのプロダクトデザイナーへ転身。
現在は新機能にまつわるUXを考慮したUI設計、機能マーケティング支援などを担当。
ストレス発散方法はかっぱのイラストを描くこと。

おすすめ記事

この記事のハッシュタグ から関連する記事を表示しています。

他の方法で記事を探す

2024年4月

年間カレンダーへ
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30