WebReleaseへの引越し

WebRelease

自由気ままなWebサイト構成からBIGLOBEが手がけるWebReleaseを使ったCMSに引っ越すことになった。
相変わらずの魔改造を施したイロイロ。

独自のCSSファイルを設置する

ページ編集＞「meta情報」開閉＞headタグ内追加

<link rel="stylesheet" type="text/css" 
 href="http://www.kenmituo.com/top/top.css">
<style type="text/css"> </style>

独自のcssファイルを作成してフォームの一番下に設置する。
オリジナルのCSSだったら普通に書けば大丈夫だけど、上書きしたい時には記述に注意
　
たとえばトップページにある三段組の中のリストの画像

.Clum3 .Inner{
background-image: none;
}
.Clum3 .Inner li{
background-image: none!important;
padding: 0!important;
}

元々指定がなかったら普通、上書き系は「!important」を付け加える。

jQueryのajaxを使ってxmlを読み込む

headタグ内追加が出来るので何でも出来るのでXMLを読み込んでみた。もともとjQueryを読み込んでいるから無茶なことも可能。

head

<script type="text/javascript">
<!--
$(document).ready(function(){
  $.ajax({
    url: "http://www.kenmituo.com/xml/available.xml",
    dataType: "xml",
    cache:false,
    success:xmlNew
  });
});

function xmlNew(xml){
var rtn="";
$("item", xml).each(function(){
  rtn+="<h4>"+$("title", this).text()+"</h4>";
  rtn+="<p>記号："+$("request_code", this).text();
  if($("sub", this).text()){
    rtn+="<br>" + $("sub", this).text();
  }
  rtn+="</p>";
});
  $("#lists").html(rtn);
}
-->
</script>
<link rel="stylesheet" 
 type="text/css" 
 href="http://www.kenmito.com/top/available.css">

外部ファイルはフルパスで記述すること。

本文（HTML）

<div id="lists">
  <img alt="" src="http://www.kenmituo.com/images/ajax-loader.gif" />
  Loading...
</div>

XML

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<doc xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
	<item>
		<title>キングホゲ</title>
		<request_code>123456</request_code>
		<sub>その名に恥じない偉大なホゲ</sub>
	</item>
	<item>
		<title>ラーメンのスープは残してもいいのか？</title>
		<request_code>456789</request_code>
		<sub>人それぞれ。等価交換の法則を思い出せ</sub>
	</item>
</doc>

単純なXMLならEXCELから吐き出すこともできる。