OWLet なんでもFAQ
キーワード検索
FAQのカテゴリ一覧
よくある質問キーワード
最近よくあるFAQ一覧
入力内容にタグを除去しつつ
複数行テキスト内の改行を反映する書き方です。
{=nl2br(htmlspecialchars(@hoge))=
- カテゴリ:
- 制作FAQ
- キーワード:
- ウィジェット
下記のように記述することで可能です。
コード:aaa
入力値:あああ
◆記述例
{d:def(
'aaa'=>1
)}
{=@aaa=}
{/d:def}
{=@aaa=}
◆出力例
1 あああ
- カテゴリ:
- 制作FAQ
- キーワード:
- ウィジェット
アーティクル開始タグにページャー出力用の記述を追加します。
,'pagination_placeholder'=>'article_pagination'
アーティクル開始部分に左記の記述を入れることで、ページャーの出力制限が可能です。制限数は自由に設定できます。
,'pager_scope_limit'=>2
◆例
{article(
'code'=>"アーティクルコード"
,'display_count'=>"表示件数半角数字"
,'order'=>"アーティクル並び順の変数"
,'pagination_placeholder'=>'article_pagination'
,'pager_scope_limit'=>2
)}
{/article}
[*article_pagination*]
下記記述がアーティクル表示順の各設定方法になります。
コード:order
日本語名:表示順
入力タイプ:単一選択
公開日時降順:ds.public_begin_datetime DESC,ds.id DESC
公開日時昇順:ds.public_begin_datetime ASC,ds.id ASC
優先度降順:ds.priority DESC,ds.id DESC
優先度昇順:ds.priority ASC,ds.id ASC
id降順:ds.id DESC
id昇順:ds.id ASC
- カテゴリ:
- 制作FAQ
- キーワード:
- ウィジェット
下線の部分を変更し、表示させる。
@article_select:「表示記事」を「一行テキスト」で入力項目作成
→アーティクルコード指定ができる
@count:「記事件数」を「一行テキスト」で入力項目作成
→記事件数が表示できる
@order:「表示順」を「単一選択」で作成し、
↓下記項目の「アーティクル並び順」からvalueに「ds.id DESC」日本語名に「id降順」を入れる、という感じです
{article(
'code'=>@article_select
,'display_count'=>@count
,'order'=>@order
)}
{article:fieldset(@article:id,'article','menu')}
<tr>
<th>{=@title=}</th>
<td>{=nl2br(htmlspecialchars(@price))=}</td>
</tr>
{/article:fieldset}
{/article}
下記記述をウィジェットパーツ内に記述することで、パンくずの出力が可能です。
HTML部分の変更は行って問題ありません。
◆例
{d:def(
'pos'=>function(){
static $s_pos=0;
return ++$s_pos;
}
)}<nav id="breadcrumb"><ol itemscope itemtype="http://schema.org/BreadcrumbList">
{i:if(@page:id)}
{r:recursive(
'var'=>array(
'id'=>@page:id
,'url'=>@url:url
)
)}{page:datastore(
'ds'=>'page'
,'class'=>array('page'=>'%')
,'fields'=>array(
"CONCAT(ifnull(GROUP_CONCAT(purl.value ORDER BY ppath.akey+0 ASC SEPARATOR ''),''),url.value,'%')"=>'url_like'
,"CONCAT(ifnull(GROUP_CONCAT(purl.value ORDER BY ppath.akey+0 ASC SEPARATOR ''),''),url.value)"=>'url'
,'name.value'=>'name'
)
,'kv'=>array(
'url'=>'url','is_dummy'=>'is_dummy','name'=>'name'
)
,'join'=>
"LEFT JOIN page_kv_array AS ppath ON ppath.id=ds.id AND ppath.key='parent_path'
LEFT JOIN page_kv AS purl ON purl.key='url' AND ppath.avalue=purl.id"
,'where'=>"ds.id<>".((int)@r:var['id'])." AND (is_dummy.value IS NULL OR is_dummy.value<>1)"
,'group by'=>'ds.id'
,'having'=>"LENGTH(url)<".strlen(@r:var['url'])." AND '".GDB::escape(@r:var['url'])."' LIKE url_like"
,'order'=>'url DESC'
,'display_count'=>1
,'term'=>'all'
)}{page:foreach(@page:recordset)}{=@r:recursive(array(
'id'=>@page:id
,'url'=>@page:url
))=}<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a itemprop="item" href="{=@page:url=}"><span itemprop="name">{=htmlspecialchars(@page:name)=}</span></a>
<meta itemprop="position" content="{=@d:pos()=}">
</li>{/page:foreach}{/page:datastore}{/r:recursive}<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<span itemprop="name">{=htmlspecialchars(@page:name)=}</span>
<meta itemprop="position" content="{=@d:pos()=}">
</li>
{/i:if}{i2:if(!@page:id)}
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a itemprop="item" href="{=@page:url=}"><span itemprop="name">TOP</span></a>
<meta itemprop="position" content="{=@d:pos()=}">
</li><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a itemprop="item" href="{=@page:url=}"><span itemprop="name">parents</span></a>
<meta itemprop="position" content="{=@d:pos()=}">
</li><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<span itemprop="name">current</span>
<meta itemprop="position" content="{=@d:pos()=}">
</li>
{/i2:if}
</ol></nav>{/d:def}
- カテゴリ:
- 制作FAQ
- キーワード:
- ウィジェット
設置先で、入力項目に入れた画像を背景画像として使う場合の記述例
(CSSで入力項目画像を使う場合)
コード:●●●
日本語名前:背景画像
入力タイプ:画像
という画像入力項目を作ります。
background:url(/_img/{=current_lang()=}/{=@parts:datastore=}/{=@parts:id=}/●●●/___/session/{=@parts:session_sequence_id=}) no-repeat center center / cover;
- カテゴリ:
- 制作FAQ
- キーワード:
- ウィジェット
識別子は同じパーツ内で被らないものを半角英数字で指定してください。
{識別子:fieldset(@parts:id,@parts:datastore,'フィールドセットコード名')}
~
{/識別子:fieldset}
◆例
<ul>
{contents:fieldset(
@parts:id,@parts:datastore,'フィールドセットコード名'
)}
<li>
<p>{=@◆◆◆=}</p>
<div><img src="/_img/{=current_lang()=}/{=@parts:datastore=}/{=@id=}/●●●/_/{=@sess=}/" alt="{=@●●●_alt=}></div>
</li>
{/contents:fieldset}
</ul>
- カテゴリ:
- 制作FAQ
- キーワード:
- ウィジェット
●●●には画像のコードが入ります。
<img src="/_img/{=current_lang()=}/{=@parts:datastore=}/{=@id=}/●●●/_/{=@sess=}/" alt="{=@●●●_alt=}">
- カテゴリ:
- 制作FAQ
- キーワード:
- ウィジェット
ウィジェット内の固定画像で設定可能です。
お問い合わせコンテンツの電話番号画像など、パーツ内で変更しない画像はここで設定します。
◆例
赤い部分は画像出力時のサイズ、リサイズ方法、余白背景色を設定しています。
使用例:
<img src="{=lib_image_src(@lib:id,'fb073b18-ce14-4249-abc3-d76356bae1fb','100_100_1_000000')=}">
background: url('{=lib_image_src(@lib:id,'fb073b18-ce14-4249-abc3-d76356bae1fb','100_100_1_000000')=}');
- カテゴリ:
- 制作FAQ
- キーワード:
- ウィジェット
設置したページのページ名を出力します。
ページタイトルデータを持たない箇所(レイアウトやウィジェット/_cms/preview/1/Lw==/)でも、代替テキストを出力できます。
{=strlen(@page:name)?htmlspecialchars(@page:name):'ページタイトルが入ります'=}
- カテゴリ:
- 制作FAQ
- キーワード:
- ウィジェット
何回フィールドセットの入力がされているか(いくつ内包されているか)を出力することができます。
{=@record_count=}
ループの前にも使用できます。中身が1つの場合のclassと2つの場合のclassで分けることができます。
◆例
{fs2207:fieldset_query(
@parts:id,@parts:datastore,'contents'
)}<div class="-w-contents -w-contents{=@record_count=}">{fs2207:foreach(@fs2207:recordset)}
中身
{/fs2207:foreach}</div>{/fs2207:fieldset_query}
フィールドセットのループ内で、1つずつカウントしていく変数です。
{=@local_index=}
下記のように記載をすると、
1:~~~
2:~~~
3:~~~ の数字部分のような出力ができます。
◆例
{fs2244:fieldset_query(
@fs2207:id,@fs2207:datastore,'table'
)}<table>{fs2244:foreach(@fs2244:recordset)}
<tr>
<th>{=@local_index=}:</th>
<td>{=@td=}</td>
</tr>
{/fs2244:foreach}</table>{/fs2244:fieldset_query}
単一選択valueだった時のみ出力
OWLet2.0までのバージョン
{識別子:if(owlet_dsl::sel_text(@単一選択コード名) == '単一選択value')}
{/識別子:if}
- カテゴリ:
- 制作FAQ
- キーワード:
- リソース
単一選択valueだった時のみ出力
{識別子:if((@単一選択コード名) == '単一選択value')}
{/識別子:if}
- カテゴリ:
- 制作FAQ
- キーワード:
- リソース
内部の見出しレベルが下がらない場合の記述
パーツ内に2回以上領域を作る場合にはcont、cont2、…等、名前を変える
◆例
<div class="-x-cont">{[cont]}</div>
- カテゴリ:
- 制作FAQ
- キーワード:
- ウィジェット
内部の見出しレベルが下がる場合の記述
パーツ内に2回以上領域を作る場合にはcont、cont2、…等、名前を変える
◆例
<div class="-x-cont">{[cont]1}</div>
- カテゴリ:
- 制作FAQ
- キーワード:
- ウィジェット