Selected Entry
2009.11.22 Sunday
JUGEMテーマ：テンプレート
JUGEMのブログで使用できる独自タグが新しく追加されました。
JUGEMお知らせブログ | 【追記あり】独自タグを一挙50個追加しました！
それによりアーカイブリストの見た目を簡単に変えることが可能となりました。
■月が日本語表記のアーカイブリスト
アーカイブを表示する{archives_list}を{archives_list2}に変更する
プレビュー⇒月が日本語表記のアーカイブリスト
■月が日本語表記の折りたためるアーカイブリスト
アーカイブを表示する{archives_list}を{archives_list2ex}に変更する。
年をクリックすると、リストを開いたり閉じたりする。
プレビュー⇒折りたためるアーカイブリスト
■アーカイブリストをプルダウンメニュー(selectbox)化
アーカイブを表示する{archives_list}を{archives_selectbox}に変更する。
プレビュー⇒アーカイブリストをプルダウンメニュー(selectbox)化
■月が日本語表記のアーカイブリストをプルダウンメニュー(selectbox)化
アーカイブを表示する{archives_list}を{archives_selectbox2}に変更する。
プレビュー⇒月が日本語表記のアーカイブリストをプルダウンメニュー(selectbox)化
2009.10.23 Friday
JUGEMテーマ：PHP - スクリプト
まず配列のループ処理で使う各機能のメモ
■list()で配列の値を複数の変数に代入する
<?php「出力結果」
//配列を作成
$member_info = array('yamada', 'taro@hoge.com', '28');
//すべての要素を取得
list($name, $email, $age) = $member_info;
echo $name . ', ' . $email . ', ' . $age . '<br />';
//1番目と3番目の要素を取得
list($name, , $age) = $member_info;
echo $name . ', ' . $age . '<br />';
?>
yamada, taro@hoge.com, 28
yamada, 28
2009.08.30 Sunday
JUGEMテーマ：今日の昼ご飯
【クリックで拡大表示】
■種類 ： 定食ランチ
■店名 ： 海鮮くらぶ 相棒
■注文メニュー ： 気まぐれランチセット（780円）
■備考 ： 魚系（特にまぐろ）の定食が食べたくなったら間違いなくここを選びます。
■個人的評価 ： ★★★★★
■最寄り駅 ： 西武池袋線 江古田駅 or 有楽町線 新桜台駅
■地図 ： Googleマップ
2009.08.14 Friday
JUGEMテーマ：テンプレート
JUGEMでは.jsファイルをアップロード出来ない為、Lightboxを使うには外部サーバーを用意して呼び出したり、javascriptの内容をテンプレートにそのまま書き込む必要がありましたが、JUGEM側でjavascriptライブラリがいくつか用意され、Lightbox2(Lightboxのバージョン2)が簡単に利用できるようになりました。その使い方のメモです。
参考：JUGEMお知らせブログ | javascriptのライブラリを公開いたしました。
■JUGEMで新たに追加されたjavascriptライブラリを使って「Lightbox2」を使う
テンプレートのHTML部分に青い文字の部分を<head>〜</head>内に追加する
<head>
・・・
<script type="text/javascript" src="http://js.jugem.jp/prototype/1.6.0.3/prototype.js"></script>
<script type="text/javascript" src="http://js.jugem.jp/script.aculo.us/1.8.2/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="http://js.jugem.jp/Lightbox/2.04/js/lightbox.js"></script>
<link rel="stylesheet" href="http://js.jugem.jp/Lightbox/2.04/css/lightbox.css" type="text/css" media="screen" />
</head>
■ブログの画像にLightbox2の効果を適用する
Lightbox2の効果を適用する場合は下のように設定します。
<a href="[画像パス]" rel="lightbox" title="[画像タイトル]">リンク</a>
■ブログの画像にLightbox2の効果を適用する（グループ化）
rel="lightbox[グループ名]"と指定すると、画像がスライドショーで表示される。
<a href="[画像パス1]" rel="lightbox[grp]" title="[画像タイトル1]">リンク1</a>
<a href="[画像パス2]" rel="lightbox[grp]" title="[画像タイトル2]">リンク2</a>
<a href="[画像パス3]" rel="lightbox[grp]" title="[画像タイトル3]">リンク3</a>
2009.08.13 Thursday
JUGEMテーマ：PHP - スクリプト
■フォーム内に都道府県を選択するセレクトボックスを作成する
<?php「セレクトボックス作成関数」
//都道府県リスト
$menu_array = array('都道府県を選択','北海道','青森県','岩手県','宮城県','秋田県','山形県','福島県','茨城県','栃木県','群馬県','埼玉県','千葉県','東京都','神奈川県','山梨県','長野県','新潟県','富山県','石川県','福井県','岐阜県','静岡県','愛知県','三重県','滋賀県','京都府','大阪府','兵庫県','奈良県','和歌山県','鳥取県','島根県','岡山県','広島県','山口県','徳島県','香川県','愛媛県','高知県','福岡県','佐賀県','長崎県','熊本県','大分県','宮崎県','鹿児島県','沖縄県');
//メニューの名前
$menu_name = 'prefecture';
//選択状態にするvalue値
$sel_value = 13;
//セレクトボックス作成関数呼び出し
$menu_tag = GetSelectBoxTag($menu_array, $menu_name, $sel_value);
//出力
echo $menu_tag;
?>
<?php
function GetSelectBoxTag($p_array, $p_name, $p_sel_value = '') {
$m_tag = '';
//パラメータ値のチェック
if (!is_array($p_array) || empty($p_array) || empty($p_name)) {
return $m_tag;
}
$m_tag .= '<select name="' . $p_name . '">';
foreach ($p_array as $key => $value) {
$m_tag .= '<option value="' . $key . '"';
//選択状態にするか調べる
if ($key==$p_sel_value) $m_tag .= ' selected';
$m_tag .= '>' . $value . '</option>';
}
$m_tag .= '</select>';
return $m_tag;
}
?>
2009.07.30 Thursday
JUGEMテーマ：テンプレート
※当ブログ配布の自作テンプレートを例にしています。
■エントリー記事に「↑B」アイコンを表示する
管理画面のHTML・CSS編集からHTML部分を編集します。
<!-- BEGIN entry -->に赤字の部分を追加します。
・・・
<div class="entry_state">| {comment_num} | {trackback_num} | {category_name} | <a href="#top">TOP↑</a> |</div>
・・・
<!-- END entry -->
<!-- BEGIN entry -->
・・・
<div class="entry_state">| {comment_num} | {trackback_num} | {category_name} | <a href="#top">TOP↑</a> | <a href="http://b.hatena.ne.jp/entry/{entry_permalink}"><img src="http://shoyu-ramen23.img.jugem.jp/20090730_496398.gif" width="16" height="12" style="border: none;" alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" /></a></div>
・・・
<!-- END entry -->
