Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
サポートの⼩ネタ まとめてみた 有限会社アップルップル 森⽥かすみ よくお問い合わせがある! a-blog cms zoom up 2020/10
Slide 2
Slide 2 text
Q1 IFブロックでELSEも表⽰されてしまっている Q2 lazy-loadで画像をふわっとしたい! Q3 ラジオボタンをクリックした時に 検索結果を反映させたいときは? Q4 モジュールでctxが効かないのですが? Q5 ctxのstartとendがうまく使えない…! ⽬次
Slide 3
Slide 3 text
IFブロックでELSEも 表⽰されてしまっている Q1.
Slide 4
Slide 4 text
֓ཁจ͕ۭͩͬͨͱ͖ʹදࣔ͞Ε·͢ɻ
ELSEͷͱ͖ʹදࣔ͞Ε·͢ɻ
Slide 5
Slide 5 text
{group_detail}の中⾝ ߍਖ਼Φϓγϣϯͳ͠ ߍਖ਼ΦϓγϣϯOMCS͋Γ
Slide 6
Slide 6 text
֓ཁจ͕ۭͩͬͨͱ͖ʹදࣔ͞Ε·͢ɻ
ELSEͷͱ͖ʹදࣔ͞Ε·͢ɻ
Slide 7
Slide 7 text
lazy-loadで画像を ふわっとさせたい! Q2.
Slide 8
Slide 8 text
.js-lazy-load { opacity: 0; transition: .5s ease .2s; } .js-lazy-load[data-loaded*="true"] { opacity: 1; } 表⽰した瞬間にふわっとすることはCSSで可能です
Slide 9
Slide 9 text
※回線が遅いとふわっとしないことも…
Slide 10
Slide 10 text
ラジオボタンをクリックした時 に検索結果を反映したい時は? Q3.
Slide 11
Slide 11 text
たとえば送信ボタンがない検索画⾯を実装したいときの問題
Slide 12
Slide 12 text
$(function(){ ACMS.Ready(function() { ACMS.Config.postIncludeMethod = 'swap'; // swap | replace }); $('.js-post input[type="radio"]').on('change', function () { $('.js-post').submit(); }); }); changeイベントで内容を書き換える 1 2 3
Slide 13
Slide 13 text
…ϥδΦϘλϯলུ…
@include("/include/entry/summary-custom.html")
changeイベントで内容を書き換える 1 2 3 4
Slide 14
Slide 14 text
モジュールで ctxが効かないのですが? Q4.
Slide 15
Slide 15 text
https://developer.a-blogcms.jp/blog/news/entry-3305.html モジュールID名に「ctx」が含まれているとctx指定が読み込めなくなる
Slide 16
Slide 16 text
NG例 OK例
Slide 17
Slide 17 text
Q5. ctxのstartとendが うまく使えない…!
Slide 18
Slide 18 text
...省略 BIDとCIDの値を渡したい場合
Slide 19
Slide 19 text
startとendの書き⽅??? ...省略 ...
Slide 20
Slide 20 text
ctx="/start/ʢ։࢝࣌ʣ/end/ʢऴྃ࣌ʣ/" ctx="/ʢ։࢝࣌ʣ/-/ʢऴྃ࣌ʣ/" 間違い例 正解例
Slide 21
Slide 21 text
ctx="/2020-06-2310:00:00/-/9999-12-3123:59:59/" ctx="/1000-01-01/-/{date#Y}-{date#m}-{date#d}{date#H}:{date#i}:{date#s}/" 年⽉⽇の書き⽅ 記述式:変数で⽇時指定する
Slide 22
Slide 22 text
ありがとうございました! 引き続きご質問があればフォーラムまたは マイページのサポート依頼からお待ちしています!