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サイトからテーマを作るデモ動画を作ってみた

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

Chat GPT が書く a-blog cms の紹介ブログ記事

PhotoCollage.js を a-blog cms のブログテーマに実装してみた

最新記事

カテゴリー

アーカイブ

ハッシュタグ