Site2019テーマで実装した例
今回の機能紹介記事では、2020年1月14日にリリースされたVer. 2.11.3より加わった、Pretty Scrollの属性をご紹介します。
data-offset-topとdata-offset-bottomの2つ属性が追加されたことにより、オフセット距離が設定できるようになります。
下記のコードではウィンドウの上部より100px離れた位置で要素を固定します。
<div class="js-pretty-scroll-container"> <div class="main"> </div> <div class="sub js-pretty-scroll" data-offset-top="100"> </div> </div>
data-offset-bottomを指定すれば、指定した数値のpx分だけウィンドウの下部から離れた位置で対象の要素を固定します。
Pretty Scrollの使い方はドキュメントをご覧ください。
2020年3月8日にリリースされたVer. 2.11.8より、前後リンク（SerialNavi ）を表示するブロック内でeidを表示できるようになりました。 前後リンクのeidを使ってできるようになること 前後リンクでeidが表示でき...
今回のカスタマイズのゴールは、採用情報の投稿者Jが特定の編集者Hに承認依頼を行うことを便利にする、ミスを減らすことができるようにすることを考えてカスタマイズを進めていく事にします。 今回のサイトの構...
2024年2月、JavaScriptライブラリ htmx の発見から始まり、短期間でその可能性に引き込まれ、以下の3つの記事を書きました。 この 3つの記事の投稿後、さらに3つのカスタマイズに関するブログの記事を a-blog cm...
弊社アップルップルの学生インターンの課題として、a-blog cms のカスタムフィールドグループ の値を CSV でインポートする機能 があり、 a-blog cms LIVE Vol.01 でインターンの @ryoseiyamano に発表して頂きま...
この記事では、現在開発中のVer.2.12のdevelopテーマとUTSUWAテーマで配布しているwebpackの開発環境について解説します。 概要 公式テーマで配布しているwebpackの開発環境についてシンタックスハイライターが読...
この記事では、先日メールサポートで質問をいただいたメディアに登録したPDFのサムネイル画像にresizeImgの校正オプションを適用する方法についてご紹介します。 PDFのサムネイル画像をカスタムフィールドで表示...
