FAQキーワード別一覧 | OWLetに関わるご質問にお答えするなんでもFAQのページ

ウィジェットで特定の記事詳細データを出すことが可能です。（設置時にどの記事か選択する）
リソース機能ではなくアーティクルで「店舗情報」を作成したときなどに便利です。

{識別子:datastore(
 'ds'=>'article'
 ,'id'=>(int)$param['parts:入力項目がアーティクルの入力項目のコード']
)}{識別子:foreach(@識別子:recordset)}

<!--表示されるのここから-->
 タイトル：{=htmlspecialchars(@識別子:title)=}
 その他の入力項目の値：{=htmlspecialchars(@識別子:入力項目のコード)=}
<!--ここまで-->

{/識別子:foreach}{/識別子:datastore}

カテゴリ絞り込みをした結果記事が0件だった、という場合など、CSSへの記載で「記事は0件です」等の表示ができます。

※OWLet独自の機能ではありません。

◆記述例

ul.-w-article_list:empty::before {
    content: "記事はありません";
    width: 100%;
    text-align: center;
    margin-left: 5rem;
}

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
articleブロックに ,'tag'=>unserialize(@tag_●) 追加
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

<ul>
{same_tag:article(
     'code'=>'columnTest'
     'tag'=>['special'=>unserialize(@tag_●)]
    )}
<li><a href="{=@detail_page:url=}">{=htmlspecialchars(@name)=}</a></li>{/same_tag:article}
</ul>

記事詳細有無に関わらず、記事タイトルのみ表示されます。

[*@title_without_link*]

入力内容にタグを除去しつつ
複数行テキスト内の改行を反映する書き方です。

{=nl2br(htmlspecialchars(@hoge))=

下記のように記述することで可能です。

コード：aaa
入力値：あああ

◆記述例
{d:def(
 'aaa'=>1
)}
{=@aaa=}
{/d:def}

{=@aaa=}

◆出力例
1 あああ

アーティクル開始タグにページャー出力用の記述を追加します。
,'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

下線の部分を変更し、表示させる。

@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}

設置先で、入力項目に入れた画像を背景画像として使う場合の記述例
（CSSで入力項目画像を使う場合）

コード：●●●
日本語名前：背景画像
入力タイプ：画像
という画像入力項目を作ります。

background:url(/_img/{=current_lang()=}/{=@parts:datastore=}/{=@parts:id=}/●●●/___/session/{=@parts:session_sequence_id=}) no-repeat center center / cover;

識別子は同じパーツ内で被らないものを半角英数字で指定してください。

{識別子: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>

●●●には画像のコードが入ります。

<img src="/_img/{=current_lang()=}/{=@parts:datastore=}/{=@id=}/●●●/_/{=@sess=}/" alt="{=@●●●_alt=}">

ウィジェット内の固定画像で設定可能です。

お問い合わせコンテンツの電話番号画像など、パーツ内で変更しない画像はここで設定します。

◆例
赤い部分は画像出力時のサイズ、リサイズ方法、余白背景色を設定しています。

使用例：
<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')=}');

設置したページのページ名を出力します。
ページタイトルデータを持たない箇所（レイアウトやウィジェット/_cms/preview/1/Lw==/）でも、代替テキストを出力できます。

{=strlen(@page:name)?htmlspecialchars(@page:name):'ページタイトルが入ります'=}

何回フィールドセットの入力がされているか（いくつ内包されているか）を出力することができます。

{=@record_count=}

ループの前にも使用できます。中身が１つの場合のclassと２つの場合の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}

フィールドセットのループ内で、１つずつカウントしていく変数です。

{=@local_index=}

下記のように記載をすると、
１：～～～
２：～～～
３：～～～ の数字部分のような出力ができます。

◆例
{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}

下記記述で可能です。

{d:def(
 'aaa'=>1
)}
{=@aaa=}
{/d:def}

内部の見出しレベルが下がらない場合の記述

パーツ内に2回以上領域を作る場合にはcont、cont2、…等、名前を変える

◆例
<div class="-x-cont">{[cont]}</div>

内部の見出しレベルが下がる場合の記述

パーツ内に2回以上領域を作る場合にはcont、cont2、…等、名前を変える

◆例
<div class="-x-cont">{[cont]1}</div>