コンテンツの読み込みに時間がかかっています

a-blog cms のカスタムフィールドを紹介する動画

しばらく練習と思って作ってます。今日は「カスタムフィールドの紹介」を動画にしてアップしてみました。

a-blog cms のカスタムフィールドの大きな特徴として、カスタムフィールドの設定はブラウザ上から項目を作るのではなく、カスタムフィールドのフォームのHTMLを自分で作成しファイルを置く事で機能を追加する事ができるようになっています。


/themes/site2013/admin/entry/realestate.html に以下を追記しています。

テキスト: <input type="text" name="sampleText" value="{sampleText}">
<input type="hidden" name="field[]" value="sampleText">

画像: <!-- BEGIN samplePhoto@path:veil -->
<img src="%{ARCHIVES_DIR}{samplePhoto@path}"><br>
<input type="hidden" name="samplePhoto@old" value="{samplePhoto@path}" />
<label>
	<input type="checkbox" name="samplePhoto@edit" value="delete" />削除
</label>
<!-- END samplePhoto@path:veil -->
<input type="file" name="samplePhoto" size="20">
<input type="hidden" name="field[]" value="samplePhoto">
<input type="hidden" name="samplePhoto:extension" value="image">
<input type="hidden" name="samplePhoto@size" value="640">
<input type="hidden" name="samplePhoto@tinyWidth" value="280">
<input type="hidden" name="samplePhoto@largeWidth" value="1280">
<input type="hidden" name="samplePhoto@squareWidth" value="200">
<input type="hidden" name="samplePhoto@filename" value="">

関連記事

この記事のハッシュタグ から関連する記事を表示しています。

今年用意した初心者のための a-blog cms コンテンツ

3日連続で a-blog cms の動画を作ってみた「テンプレート編」

a-blog cms liteで静的HTMLサイトからテーマを作るデモ動画を作ってみた

a-blog cms Training Camp 2024を開催しました

a-blog cms と htmx で作る SPA(Single Page Application) なブログテーマの実装方法

JavaScript ライブラリ htmx と a-blog cms は相性が良さそうだ