キーワード検索
FAQのカテゴリ一覧
よくある質問キーワード
最近よくある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}
単一選択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
- キーワード:
- ウィジェット
下記記述で今いるURLのリンクにクラス付与することはできます。
{=(@link_url)==(@url:url)?' class="current"':' class="no"'=}
<div data-w-width="{=@width:limit=}">
</div>
この記述を入れると、ウィジェット設置時に
「コンテンツ幅を選んでの設置」をする選択肢が出るようになります。
全レイアウト共通CSS等で、下記記述を入れてみてください。
/*ウィンドウ幅での設置*/
[data-w-width] {
max-width: 100%;
}
/*コンテンツ幅での設置*/
[data-w-width="1"] {
width: 1200px;
margin: 0 auto;
}
- カテゴリ:
- 制作FAQ
- キーワード:
- ウィジェット
各ページのSEO設定と連動する記述です。
ヘッダー内に埋め込みます。
FAQキーワード別一覧 | OWLetに関わるご質問にお答えするなんでもFAQのページと記述します。
カッコが違う理由として…
これは入力項目等の「変数」とはデータの引き出し場所が異なるため。
※OWLetでは、h1設置を推奨しています
◆記述例
<h1>FAQキーワード別一覧 | OWLetに関わるご質問にお答えするなんでもFAQのページ</h1>
- カテゴリ:
- 制作FAQ
- キーワード:
- ウィジェット
複数条件の場合
{hoge:if(strlen(@hoge || @hoge2))}
<p>条件1 hogeかhoge2あり</p>
{/hoge:if}
{hoge:if(strlen(@hoge && @hoge2))}
<p>条件2 hogeもhoge2も両方あり</p>
{/hoge:if}
{hoge:if(!strlen(@hoge || @hoge2))}
<p>条件3 hogeもhoge2も両方なし</p>
{/hoge:if}
{hoge:if(!strlen(@hoge && @hoge2))}
<p>条件4 hogeかhoge2がない</p>
{/hoge:if}
識別子は半角英数字で設定。パーツ内でかぶらないようにする。
ifの中の変数は'..'に変更しなくてよい。
- カテゴリ:
- 制作FAQ
- キーワード:
- ウィジェット
下記記述で「その他あり」が表示されます。
{=parse_checkbox(@fuku,',',@fuku_etc)=}
- カテゴリ:
- 制作FAQ
- キーワード:
- ウィジェット
下記記述で「その他あり」が表示されます。
{=sel_text(@tan,@tan_etc)=}
- カテゴリ:
- 制作FAQ
- キーワード:
- ウィジェット
altのファイル名出力はウィジェットのみ動作します。
alt="{=(strlen(@hoge_alt)?htmlspecialchars(@hoge_alt):preg_replace('/(.*)\..*$/','$1',@hoge))=}"
- カテゴリ:
- 制作FAQ
- キーワード:
- ウィジェット
画像を別タブで開き、URLの後ろにある画像リサイズの記述を削除し、再度表示させてください。
その後、表示された画像の上で右クリックで保存可能です。
例)
https://owlet.guide/_img/ja/cms/12/image_roll_off/100_100_1_000000/
↓ 100_100_1_000000/ を削除
https://owlet.guide/_img/ja/cms/12/image_roll_off/
- カテゴリ:
- 制作FAQ
- キーワード:
- ウィジェット
OWLet独自要素の「::self」を使う事で自要素の参照が可能です。
開始タグに設定したid、classを活用や
疑似要素指定をしたい場合は、下記の記述になります。
::self.hoge {
○○○
}
::self:before {
●●●
}
- カテゴリ:
- 制作FAQ
- キーワード:
- ウィジェット
開始記述と閉じの記述で囲んで表現することが可能です。
<!--画像の入稿がある時-->
{img:if(strlen(@image1))}
<img class="img1" src="/_img/{=current_lang()=}/{=@article123:datastore=}/{=@article123:id=}/image1/__/" alt="{=(strlen(@article123:image1_alt)?htmlspecialchars(@article123:image1_alt):preg_replace('/(.*)\..*$/','$1',@article123:image1))=}" />
{/img:if}
<!--画像の入稿が無い時 !が付きます-->
{bunki2:if(!strlen(@image1))}
<img src="/assets/img/logo.png" alt="noimage">
{/bunki2:if}
- カテゴリ:
- 制作FAQ
- キーワード:
- アーティクルファイルアップロード
同じウィジェットで異なる画像を設定・設置する場合ですが、
「共通CSS」ではなく、
「設置先毎CSS」にCSSを記述いただくことで可能となっております。
下記記述を参考に、
「設置先毎CSS」に記述してください。
background:url(/_img/{=current_lang()=}/{=@parts:datastore=}/{=@parts:id=}/background/___/session/{=@parts:session_sequence_id=}) no-repeat center center / cover;
「設置先毎CSS」は、ページ内に設置した回数分出力がされるため、
入力項目からCSSへ反映をする場合には「共通CSS」に書いていただければ
画像や背景色等を変更可能です。
- カテゴリ:
- なんでもFAQ
- キーワード:
- ウィジェット
同じウィジェットで異なる画像を設定・設置する場合ですが、
「共通CSS」ではなく、
「設置先毎CSS」にCSSを記述いただくことで可能となっております。
下記記述を参考に、
「設置先毎CSS」に記述してください。
background:url(/_img/{=current_lang()=}/{=@parts:datastore=}/{=@parts:id=}/background/___/session/{=@parts:session_sequence_id=}) no-repeat center center / cover;
「設置先毎CSS」は、ページ内に設置した回数分出力がされるため、
入力項目からCSSへ反映をする場合には「共通CSS」に書いていただければ
画像や背景色等を変更可能です。
- カテゴリ:
- 制作FAQ
- キーワード:
- ウィジェット
当該箇所のリッチテキストの出力記述が
下記になっておりませんでしょうか。
{=htmlspecialchars(@text)=}
上記ですと、入稿いただいた内容を
HTMLエンティティに変換する記述となっており、
リッチテキストのように標準で<p>タグ等が入る入力タイプでは
思った通りの表示になりません。
(複数行テキスト、一行テキストでの記述となります。)
リッチテキストでは、下記記述にしていただくことで、
エディタ内「ソース」表示でのHTMLタグの使用が可能です。
{=@text=}
また、HTMLタグをがっつり使うタイミングでは、
「複数行テキスト」の項目にして、自動生成コードの
{=htmlspecialchars(@●●●)=} を⇒ {=@●●●=}
にしていただくことでその他のタグ等もご使用いただけます。
(マップや動画の埋め込み時に使用している内容です!)
- カテゴリ:
- 制作FAQ
- キーワード:
- リッチテキストエディタ
当該箇所のリッチテキストの出力記述が
下記になっておりませんでしょうか。
{=htmlspecialchars(@text)=}
上記ですと、入稿いただいた内容を
HTMLエンティティに変換する記述となっており、
リッチテキストのように標準で<p>タグ等が入る入力タイプでは
思った通りの表示になりません。
(複数行テキスト、一行テキストでの記述となります。)
リッチテキストでは、下記記述にしていただくことで、
エディタ内「ソース」表示でのHTMLタグの使用が可能です。
{=@text=}
また、HTMLタグをがっつり使うタイミングでは、
「複数行テキスト」の項目にして、自動生成コードの
{=htmlspecialchars(@●●●)=} を⇒ {=@●●●=}
にしていただくことでその他のタグ等もご使用いただけます。
(マップや動画の埋め込み時に使用している内容です!)
- カテゴリ:
- 制作FAQ
- キーワード:
- リッチテキストエディタ