ハンズオン一覧

このハンズオン記事では、Ver. 3.2 で追加されるTwigテンプレートを活用する方法を解説します。 TwigはPHPでのテンプレートエンジンとして広く使われており、シンプルかつ強力なテンプレート機能を提供します。 Twigの基本からa-blog cmsのテンプレートでの利用方法ついて実践的に学びましょう。 Twigとは？ Twigは、PH...

この記事では、a-blog cms Training Camp 2021 Autumn のカスタマイズ講座「Ver.2.12のテーマのビルド環境ご紹介」について、補足事項や使用方法についてご紹介します。 YouTubeアーカイブ: https://www.youtube.com/watch?v=LZ5-EsTZvso&t=4s スライド: https://esa-pages.io/p/sharing/16220/posts/258/21c183...

※この記事の内容は2021年9月に開催された a-blog cms Training Camp 2021 Autumn の中で行われた「API機能を使って、画面遷移なしで、エントリーのフィルタリングをしよう」というカスタマイズ講座の内容です。 a-blog cms ver.2.12で実装予定（2021年9月11日現在）のAPI機能をつかって画面遷移のないエントリーのフィル...

この講座の内容はYouTubeに動画がアップされています。 よければ合わせてご覧ください。 この講座ではUTSUWAテーマを元にカスタマイズの紹介をします。 ablogcms.io ベータ版でインストールをしてください。 Lazy Load とは 大量の画像を表示するWebページは、表示速度が遅くなることが非常に多いです。 ですが、Lazy ...

この講座では、Ver.2.12の新機能、Webhookをカスタマイズする方法をご紹介します。 また、この講座の内容はYouTubeにアップされています。記事と合わせてご覧ください。 UTSUWAテーマを元にカスタマイズを紹介するので、 ablogcms.io ベータ版 にてインストールしてください。デフォルトでUTSUWAが指定された状態でイン...

この口座はa-blog cms Training Camp 2021 Autumnで行った内容です。 当日の内容がYouTubeに上がっているため、よければご覧ください。 下準備 管理画面側で読み込むCSSとJavaScriptファイルを作成して、エントリー編集画面に読み込んでおきましょう。 実践 使用テーマ直下に admin-asset 作成し、フォルダの中に field...

このハンズオン記事ではVer.2.11から追加された、開発環境が整ったテーマ「Develop」を触ってみましょう。 ここでは、ローカル環境に a-blog cms をインストール状態を例に解説していきます（ablogcms.io では行えません）。環境が異なる場合はご自身の環境に合わせて読み替えてください。 このハンズオンでは、npm（Nod...

Ver. 2.11 で新しく追加された「エントリーの一括編集」機能を体験してみましょう。 機能概要 Ver. 2.11 で「エントリーの一括編集」の機能が追加されました。 今までは、ステータス、所有者、カテゴリー、所属ブログは一括で変更できましたが、「エントリーの一括編集」機能を使うことで、ユニット以外のエントリー情...

Ver. 2.11 では、パフォーマンス改善に関する機能が多く追加されました。デフォルトで有効な機能も多いですが、どうやって動いているのか、カスタマイズ方法を覚えて、使いこなせるようになりましょう。 ここでは、beginner2019テーマの初期インストール状態を例に解説していきます。環境が異なる場合はご自身の環境に合...

Yahoo! Map Cluster のJSライブラリの紹介はすでに過去開催のTraining Camp（Yahoo! 地図とYahoo! Map Clusterをためしてみよう | 2019春合宿 | ハンズオン）で行なっておりますが、Ver.2.11より組み込みJSとして仲間入りしました。 以前は JS を書かなければいけませんでしたが、組み込みJSとして Yahoo! Map Cluster ...