OWLetに関わるご質問にお答えするなんでもFAQのページ

WEBデザイナーだけで動的サイトを完結

OWLet なんでもFAQ

キーワード検索

FAQのカテゴリ一覧

よくある質問キーワード

最近よくあるFAQ一覧

リソースのカラーコードが未入力の際、出力しないようにできますか？

下記のように記述することで、CSSプロパティを含め出力することができ、未入力時は出力されません。

・16進数
{=css('background-color',resource('colors','assort'))=}

・rgba
{=css('background-color',rgba(resource('colors','assort'),0.5))=}

カテゴリ：: 制作FAQ

キーワード：: ウィジェットリソース

リソースで16進数カラーコードをrgbaに変換することはできますか？

下記のように記述することで出力できます。
{=rgba(resource('リソースグループコード','コード'),0.5)=}

◆例
{=rgba(resource('colors','assort'),0.5)=}

カテゴリ：: 制作FAQ

キーワード：: ピックアップリソース

リソースで16進数カラーコードを出力する記述を教えてください。

下記のように記述することで出力できます。
{=resource('リソースグループコード','コード')=}

◆例
{=resource('colors','assort')=}

カテゴリ：: 制作FAQ

キーワード：: ウィジェットリソース

アーティクルのページャーを表示非表示の切り替えすることはできますか？

入力項目でページネーションを表示させるかどうかの単一選択項目を作成します。
コード：pager_onoff
日本語名前：ページャー表示
入力タイプ：単一選択
ーーー
選択肢設定
①value：off 日本語：表示しない
②value：on 日本語：表示する

下記記述をテンプレート欄に記述することで切り替え可能となります。
{=(@pager_onoff)=='on'?'[*article_pagination*]':''=}

カテゴリ：: 制作FAQ

キーワード：: アーティクルウィジェット

アーティクル詳細ページに関連記事を出力したいのですが、現在表示している記事以外のみ表示することはできますか？

記事詳細レイアウトに、「他の記事を見る」のようなコンテンツを出したい場合に、「今開いている記事は表示しない」ようにする記述方法です。

{ab:if((@detail_page:url) == (@url:url))}
 <!--今表示している記事と同じ記事の判定。何も記載せず閉じる-->
{/ab:if}

{cd:if((@detail_page:url) !== (@url:url))}
<!--今表示している記事以外の記事の判定。-->
<!--ループ内容（<li>～</li>等を記載する）-->
{/cd:if}

カテゴリ：: 制作FAQ

キーワード：: アーティクルウィジェット

ディレクトリの入力項目の使用方法を教えてください。

ディレクトリごとに入力項目を設定したい場合に使用します。
hoge の部分は任意の文字列で統一
コードは入力項目のコード
{hoge:datastore(
'datastore'=>'setting'
,'class'=>array('directory'=>'%')
,'parent'=>array('164.setting')
)}
{hoge:foreach(@hoge:recordset)}

{=hoge:コード=}

{/hoge:foreach}
{/hoge:datastore}

下記は、ディレクトリごとの画像にリンクさせて一覧表示するサンプルです。

{d:datastore(
    'datastore'=>'setting'
    ,'class'=>array('directory'=>'%')
        ,'parent'=>array('164.setting')
)}
  <ul class="-w-article-list">
{d:foreach(@d:recordset)}

      <li>
        <a href="/{=@d:url=}/">
        <div class="-w-contents">
            <div class="-w-image"><img src="/_img/{=current_lang()=}/setting/{=@d:id=}/image/390_250_2_/" alt="{=(strlen(@d:image_alt)?htmlspecialchars(@d:image_alt):preg_replace('/(.*)\..*$/','$1',@d:image))=}" /></div>
            <div class="-w-title">{=htmlspecialchars(@name)=}一覧はこちらへ

        </div>
        </a>
      </li>

{/d:foreach}
</ul>
{/d:datastore}

カテゴリ：: 制作FAQ

キーワード：: ピックアップアーティクルウィジェット

アーティクルの入力項目「アーティクル」の使い方がわかりません。

入力項目「アーティクル」を設定を設定することで、アーティクル間連動が可能です。
アーティクル記事の中に他のアーティクルの情報を引っ張ってくることができます。

◆記述例
{a:datastore(
'datastore'=>'article'
,'class'=>array('article'=>'%')
,'id'=>(int)$param['article:member']
)}{a:foreach(@a:recordset)}<div class="-w-column-prf">
<div class="-w-image">
<img src="/_img/ja/article/{=@a:id=}/pic_roll_off/_/" alt="{=htmlspecialchars(@a:title)=}" />
</div>
<div class="-w-contents">
<p class="-w-position">{=nl2br(@a:post)=}</p>
<p class="-w-name">{=htmlspecialchars(@a:title)=}</p>
<div class="-w-profile">
{=nl2br(@a:works)=}
</div>
</div>
</div>{/a:foreach}{/a:datastore}

カテゴリ：: 制作FAQ

キーワード：: ピックアップアーティクルウィジェット

アーティクル詳細ページで特定の記事詳細データを出力することはできますか？

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

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

タイトル：{=htmlspecialchars(@識別子:title)=}
その他の入力項目の値：{=htmlspecialchars(@識別子:入力項目のコード)=}

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

カテゴリ：: 制作FAQ

キーワード：: ピックアップアーティクルウィジェット

アーティクルのカテゴリ絞り込みした結果、記事が0件だった場合など、「記事はありません」といった表示はできますか？

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

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

◆記述例

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

カテゴリ：: 制作FAQ

キーワード：: ピックアップアーティクルウィジェット

記事詳細ページに「同じタグの他の記事」を出力する記事一覧パーツを作成することはできますか？

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
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>