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が表示でき...
弊社アップルップルの学生インターンの課題として、a-blog cms のカスタムフィールドグループ の値を CSV でインポートする機能 があり、 a-blog cms LIVE Vol.01 でインターンの @ryoseiyamano に発表して頂きま...
この記事では、現在開発中のVer.2.12のdevelopテーマとUTSUWAテーマで配布しているwebpackの開発環境について解説します。 概要 公式テーマで配布しているwebpackの開発環境についてシンタックスハイライターが読...
この記事では、先日メールサポートで質問をいただいたメディアに登録したPDFのサムネイル画像にresizeImgの校正オプションを適用する方法についてご紹介します。 PDFのサムネイル画像をカスタムフィールドで表示...
エントリー一覧などでエントリータイトルと一緒に表示される【下書き】、【非公開】などのステータスの状況を出力しないようにする方法をご紹介します。 サイト全体に対応する方法 /private/config.system.defau...
2020年2月5日にリリースしたVer.2.11.5では、ルートディレクトリの htaccess.txt によく利用されそうなセキュリティ周りのヘッダーに関するものとPHPの設定を新しく追加しました。 使用する際は、サイトに合わせ...
