xoops技術報告書 - Wander Wonder xField

最近の主要記事

2010-2-2 9:46 ［ pico ］

ミスの修正だけで更新されたら困る
コンテンツを書き上げてから，よく見たら，誤字や脱字，表現がおかしいところが見つかった。そんな場合，修正することになりますが，ほんの数文字書き替えただけでも，日付が「更新」され，d3pipesなど新着情報を取得・表示するモジュールでは，最新記事として扱われます。これが困るんですね。書き上げた直後くらいならいいのですが，二，三日たってから修正した場合，新しい記事ではないのに，最新として扱われるのは，ちょっと恥ずかしい，ですよね。
修正しても，更新させないためには，下記画像のように，「更新」右側のチェックボックスをクリックします。そうすると，右側に，前回更新日（作成日）が表示されます。ここを弄らず，そのままにしておけば，更新とは見なされないようです。

xoops技術報告書ベスト5

正規表現｜メタ文字一覧表

2007-9-10 14:55［20618］
Smarty・php

Smarty｜assign関数

2007-9-5 23:45［11408］
Smarty

ハートやトランプ記号などの特殊記号

2008-2-13 10:51［11356］
CSS，HTML，JavaScript

d3Forum｜バージョンアップ記録

2007-8-30 16:12［10790］
d3forum

Smarty｜string_format修正子

2007-9-8 15:06［9362］
Smarty

「MakeLink」FireFoxアドオンの使い方（変数・設定例）

2010-2-1 15:05 ［ Webサービス・ツール辞典］

MakeLinkアドオンの使い方「MakeLink」は，閲覧中ページのさまざまな情報をプレーンテキストやHTMLタグ付きの書式で生成できるFireFoxアドオンです。生成できるのはページのタイトルやメタ説明文，選択範囲，ページのURLなどで，取得できる値は「%変数名%」形式で記述します。ホームページやブログを作成してい

設定ファイルを利用したメタ情報の書き方・表示法（一般的モジュール）

2010-1-31 11:19 ［逆引き実例辞典］

picoのようなカテゴリー説明文を入力できる機能を備えていないモジュールのトップページやカテゴリーページそれぞれの「ページタイトル」「キーワード」「ページ説明文」を適切に表示する二つ目の方法を考えました。三つのメタ情報を「設定ファイル」に記述し，「config_load関数」で読み込む方法です。section名にカテゴ

メタ情報の書き方・表示法（一般的モジュール）

2010-1-23 16:29 ［逆引き実例辞典］

picoのようなカテゴリー説明文を入力できる機能を備えていないモジュールのトップページやカテゴリーページそれぞれの「ページタイトル」「キーワード」「ページ説明文」を適切に表示する方法を考えました。また，それぞれの情報入力に工夫をしたことで，簡単に取り出して表示できます。区切り文字を利用して三つの情報を配列にするのがポイ

ログインユーザーの所属グループを調べる

2010-1-22 9:42 ［逆引き実例辞典］

テンプレートのカスタマイズや，コンテンツを書いていて，ログインユーザーの所属しているグループで処理や表示内容を変えたい場合があります。一般的なsmartyの書き方と，smartyのphp関数を利用する方法の二つを考えてみました。

メタ情報の書き方，表示法（picoの場合）

2010-1-21 10:17 ［逆引き実例辞典］

ページタイトル，キーワード，コンテンツの説明文は，コンテンツごとにその内容に沿ったものにしなければなりませんが，xoopsの場合，どのページを見ても同じメタ情報が表示されている場合が多いです。SEOの観点からというだけでなく，自分のサイトを利用してくださるユーザーの方々の利便性を考えれば，ページごとに適切なメタ情報を表

pico：コンテンツページの改造メモ

2010-1-20 10:15 ［ pico ］

picoモジュールのコンテンツ（記事）を表示するページの改造。読みやすさ，使いやすさ，見た目（デザイン），構成内容，関連情報をどう採りいれるか。それらを採りいれたページの改造を記録。テンプレートは「pico_main_viewcontent.html」です。

画像（写真）が枠からずれる：CSSでどうしたら?

2010-1-15 9:38 ［ CSS，HTML，JavaScript ］

配置を枠の中，左側に指定したのに，右や下にずれて表示されている画像を正しく表示させるためのCSSの書き方。「position:static;」だけでうまくいった例です。これを指定しなくてもFireFoxのように正常に表示されるブラウザもありますが，InternetExplorer（6）ではずれて表示されていた実例を元に

画像（写真）が枠からずれる：CSSでどうしたら?

2010-1-15 9:38 ［ CSS逆引き辞典・実例集］

その他のカテゴリー記事をブロックで

2010-1-14 10:16 ［逆引き実例辞典］

閲覧中の記事のカテゴリー以外の記事リストを一覧表示現在見ている記事ページやカテゴリーページに，それ以外のカテゴリーの記事を新着順にリスト表示したら，ユーザーにとって便利・親切ではないか，と考え，挑戦してみました。ここxFieldでは，同じカテゴリーの記事リストは，記事ページの場合本体下部に，カテゴリーページの場合メイン

モジュールごとのコメント一覧表示法

2010-1-13 10:04 ［逆引き実例辞典］

現在見ているモジュールのコメント一覧d3forumの投稿一覧ブロックでカテゴリーとフォーラムを指定し，表示先に該当するモジュールを指定すれば，そのモジュールのコメントだけを表示できます。しかし，モジュールが多いと，その数だけ複製しなければなりません。picoでコンテンツをひとつ作成し，閲覧中のモジュールのコメントだけに

画像サイズを調べる

2010-1-11 9:23 ［逆引き実例辞典］

画像表示のタグには，幅と高さを指定することが推奨されているが，ファイルを開いて調べるのが面倒なときがある。自動的に幅と高さを指定できないだろうか，という，いつものずぼらな性格丸出しの希望です。phpに専用の関数があるので，それを利用したsmartyでの書き方を。

改行を活かすプレーンテキストの取り出し方例

2009-12-28 17:11 ［応急処置的改造メモ］

HTMLタグを外した文章だけのデータを取り出す方法。ただし文章がだらだらと続くのは見難いので，改行を活かす。サイトトップやモジュールトップ，カテゴリートップなどで概要文付きの記事リストを作るときに便利な方法。

コンテンツの修正時に，日付を更新させない方法

2009-12-27 10:49 ［応急処置的改造メモ］

誤字・脱字，ちょっとした表現の書き替え程度でも日付が更新されるのを防止する方法。応急処置みたいな方法ですが，コンテンツ修正時のストレスがなくなりました。

スタイルシートで角丸枠をつくる（更新）

2009-12-27 10:01 ［ CSS逆引き辞典・実例集］

角丸の枠を作るには，画像を利用するしかなかったのですが，最近は，CSSの指定だけで角丸にすることができます。しかもブラウザごとに書き方が微妙に異なるため，かえって，ブラウザ対応の書き方ができます。ただし，InternetExplorerは不可。最新版であってもダメです。InternetExplorerの利用を止めてもら

XCのthemeファイルをUTF-8に

2009-12-19 11:10 ［応急処置的改造メモ］

XoopsCube（ホダディストリビューション）でUTF-8にしてインストールした場合，theme.htmlに日本語を書くと文字化けする。ファイルをUTF-8で保存，アップロードしたら文字化けしなくなりました。sakuraエディタで文字コードを変える方法を記録。

一枚の画像ファイルからサイズの異なる複数のアイコンを作る

2009-12-19 11:08 ［応急処置的改造メモ］

pMedia：記事用アイコン群の作成昨日までに，pMedia：業界ニュース（news）の記事にほぼ特定されたアイコン（シンボルイメージ）を表示させた。このイメージは184×138px……コンテンツページで使用80×60px……ホームやモジュールトップページで使用30×30px……左ブロックに一覧表示する再使用の3種類。

小見出し・項目見出しのスタイル定義

2009-12-19 10:29 ［ CSS逆引き辞典・実例集］

小見出し・項目見出しのスタイルを指定する方法ヘッディングではない見出しも必要，ということで，次のようなclassとタグの組み合わせを登録した。ついでにFireFoxなど，新しいブラウザでは，角丸になるようにしてある。FCKEditorを利用している場合は，「ソース表示」モードに切り換え，自力で，タグとプロパティなどを指

水平線のスタイル定義

2009-12-19 8:34 ［ CSS逆引き辞典・実例集］

水平線のデザインをCSSで現状は，点線とグレーの線が重なったような，幅もおかしい。また「」の影を隠す方法は?「」をスタイル定義で実現するにはどうしたらいいのか。あちこち探したり，本を読んだりして，下記の結果を得た。正しい（?）方法かどうかは分からない。style.cssテーマ付属のコードhr{height:1px;ma

コメント入力ボックスの幅を可変に

2009-11-21 14:38 ［応急処置的改造メモ］

モジュール（例えばd3diary）によっては，十分な横幅がないため，画面からはみ出す，あるいは，右側が隠れてしまうなど，レイアウトが崩れることがある。d3forumのコメント統合を利用して，コメント入力ボックスを表示している場合などがそうだ。ボックスの幅が固定されているのが原因。そこで，モジュールごとに幅を変化させる方