OWLet なんでもFAQ

キーワード検索

最近よくあるFAQ一覧

アーティクルのタイトルにリンクを付ける記述はありますか?

記事詳細がある場合、記事タイトルにリンクが付与されます。

[*@title*]

カテゴリ:
制作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*]

カテゴリ:
制作FAQ
キーワード:
アーティクルウィジェット
アーティクルの表示順の記述方法について教えてください。

下記記述がアーティクル表示順の各設定方法になります。

コード: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}

カテゴリ:
制作FAQ
キーワード:
アーティクルウィジェット
パンくずリストは自動で出力されますか?

下記記述をウィジェットパーツ内に記述することで、パンくずの出力が可能です。
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での背景画像の指定方法を教えてください。

設置先で、入力項目に入れた画像を背景画像として使う場合の記述例
(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}

カテゴリ:
制作FAQ
キーワード:
ウィジェットフィールドセット
フィールドセットでループをカウントすることはできますか?

フィールドセットのループ内で、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}

カテゴリ:
制作FAQ
キーワード:
ウィジェットフィールドセット
ウィジェットで変数の定義はできますか?

下記記述で可能です。

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

カテゴリ:
制作FAQ
キーワード:
ウィジェット
リソースの単一選択でのif文の記述を教えてください

単一選択valueだった時のみ出力

OWLet2.0までのバージョン
{識別子:if(owlet_dsl::sel_text(@単一選択コード名) == '単一選択value')}

{/識別子:if}

カテゴリ:
制作FAQ
キーワード:
リソース
リソースの単一選択でのif文の記述を教えてください

単一選択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
キーワード:
ウィジェット
現在表示しているURLのリンクにクラスを付与することはできますか?

下記記述で今いるURLのリンクにクラス付与することはできます。

{=(@link_url)==(@url:url)?' class="current"':' class="no"'=}

カテゴリ:
制作FAQ
キーワード:
アーティクルウィジェット
< 1 ... 3 45 ... 9 >

OWLet DEMOサイト利用状況

今、利用中のDEMOサイト数

site/
analyzer

OWLet イベントTOPIX

OWLetに関する旬のイベント情報をお届け!

EXPOバナーよくある御質問OWLetの改修要望募集WordPressの脆弱性≪ 既存サイトを撃退するひっくり返し営業法 ≫OWLetイベント情報はコチラ

【注目】OWLet動画

OWLet おもしろコンテンツ

OWLet無料相談センター

今なら無料で専門家がアドバイスします
OWLetでお悩みのことがあれば、OWLet
無料相談センターにご相談してみませんか?

今すぐ相談する

0120-307-555
受付時間 09:30~17:00 (月~金)

参考になった記事のランキング

【新着】OWLet製WEBサイト実績

OWLet製WEBサイト実績一覧へ>