OWLet なんでもFAQ
キーワード検索
FAQのカテゴリ一覧
よくある質問キーワード
最近よくあるFAQ一覧
原因として想定できることが2点ございます。
①jQuery本体は読み込まれているでしょうか。
以前のバージョンですと、OWLet標準でjQueryの2.1.4が読み込まれておりましたが、現バージョンでは、好きなバージョンを読み込めるようになり初期状態では読み込まれていません。
②レイアウトの外部JSでjQueryを読み込み、
各ウィジェットの編集画面の「外部JS」でライブラリを読み込んだ場合、最終的な出力として、jQueryが後から読み込まれます。
そのため、ライブラリの挙動が動作しないことが考えられます。
対処法ですが、
ウィジェットの編集画面にて、
jQueryとライブラリ どちらも読み込みをお願い致します。
同じパスのファイルを読み込んだパーツが同じページに複数置かれても、一度しか出力されません。
異なるバージョンのjQueryを使用したパーツを作ることがある場合は設置時にご注意ください。
CSSの指定にて、交互配置にしていただけます。
<div class="box">
<div class="left">～～</div>
<div class="right">～～</div>
</div>
<div class="box">
<div class="left">～～</div>
<div class="right">～～</div>
</div>
このような出力の場合に、
通常の横並びのCSS指定の他に、
偶数の場合、や、3n+3の場合、等の指定を入れます。
※フレックスボックスを利用した簡易例です。
実際はベンダープレフィックスを入れる必要があります
.box: {
display:flex;
}
.box:nth-of-type(even) {
flex-direction: row-reverse;
}
アーティクルの開始タグに下記を追加することで、特定のディレクトリの記事のみ表示させることが可能です。
,'directory'=>"ディレクトリのコード"
下記を追加することで、ウィジェットパーツに表示順の選択肢を追加することが可能です。
※公開日時、優先度、idの設定は各アーティクル記事ごとに設定してください。
ウィジェットのテンプレート欄のアーティクルの開始タグに、
「,'order'=>@order」と記述し、
ウィジェットの入力項目に下記を追加。
入力項目名：「表示順」
コード：「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(
'code'=>blog
,'display_count'=>5
,'order'=>@order
)}
{article:fieldset(@article:id,'article','menu')}
<tr>
<th>{=@title=}</th>
<td>{=nl2br(htmlspecialchars(@price))=}</td>
</tr>
{/article:fieldset}
{/article}
---------------------------------------
記述例）
絞り込み用のタグ一覧ボタンを出す記述を下記のように入れ、
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
{a:datastore(
'datastore'=>'setting'
,'class'=>array('tag/group'=>'%')
,'search'=>array('code'=>array('match'=>'special'))
)}
<ul>
{a:foreach(@a:recordset)}{t:datastore(
'datastore'=>'setting'
,'class'=>array('◆◆◆'=>'%')
,'parent'=>array(@id.'.setting')
)}{t:foreach(@t:recordset)}
<li>
<a href="/news/?tag[special][]={=htmlspecialchars(@t:name)=}">{=htmlspecialchars(@t:name)=}</a>
</li>
{/t:foreach}{/t:datastore}{/a:foreach}
</ul>
{/a:datastore}
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
記事一覧の表示設定（{article()}内の、件数設定などしている部分）に、
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
,'tag'=>$_GET['◆◆◆']
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
を記載します。
◆◆◆は「タグGET関数」と呼んでいます。
任意の文字列で良いのですが、私はいつも「tag」にしております。
変数ではなく固定パスで出力することになり、
ウィジェットの利便性が下がってしまいますが、
どうしても必要な案件等では、
ページ編集モード内「ファイル」メニューにて、
個別ファイルのアップロードが可能です。
/image/ディレクトリを作成しhoge.pngをアップした場合、
<img src="/image/hoge.png" alt="hoge">で呼び出しできます。
- カテゴリ：
- 制作FAQ
- キーワード：
- アーティクルウィジェットファイルアップロード
ウィジェットやアーティクル等で登録する画像に関しては
サーバーから削除され、新しい画像が登録されます。
ウィジェットやアーティクル等で登録する画像に関しては
サーバーから削除され、新しい画像が登録されます。
- カテゴリ：
- 制作FAQ
- キーワード：
- ウィジェット
◆共通CSS
ウィジェットパーツごとのCSS設定
（通常は共通CSSに記述します）
◆設置先毎CSS
設置したパーツ単位での設定
（背景画像を入力項目で指定する場合などに使用します）
- カテゴリ：
- 制作FAQ
- キーワード：
- ウィジェット
①ファイル名を出力したい場合
[*@hoge*]
②ファイルダウンロードの場合
/_file/ja/article/[*@id*]/hoge/1/
◆例
<a href="/_file/ja/article/[*@id*]/hoge/1/">ファイルをダウンロード</a>
③ブラウザでファイルを開く（PDFのみ）
/_file/ja/article/[*@id*]/hoge/2/
◆例
<a href="/_file/ja/article/[*@id*]/hoge/2/">ファイルを開く</a>
- カテゴリ：
- 制作FAQ
- キーワード：
- アーティクルウィジェットファイルアップロード
リソース設定で作成した項目は、ウィジェット内に記述することで出力可能です。
{=resource('リソースコード','入力項目単位のコード')=}
◆例
リソースコード:test
入力項目単位のコード:hoge
============================
{=resource('test','hoge')=}
============================
- カテゴリ：
- 制作FAQ
- キーワード：
- ウィジェット
if文で条件分岐することが可能です
◆例
======================
{識別子:if(strlen(@hoge))}
{=@hoge=}
{/識別子:if}
======================
※識別子は半角英数字で設定し、パーツ内でかぶらないように設定。
- カテゴリ：
- 制作FAQ
- キーワード：
- ウィジェット
sectionタグの階層によって、見出しレベルを変更することが可能です。
◆例
===============================
<section>
<h{=@cms_sectioning_inherit_count+1=}>
見出しテキスト
</h{=@cms_sectioning_inherit_count+1=}>
</section>
===============================
この場合「h2」となります
- カテゴリ：
- 制作FAQ
- キーワード：
- ウィジェット
ウィジェットで入力項目「単一選択」でコード「test」を作成した場合の記述
{=sel_text(@test)=}
※「その他」を有効にしたい場合
{=sel_text(@test,@test_etc)=}
- カテゴリ：
- 制作FAQ
- キーワード：
- ウィジェット
