「種類」項目への画像登録はできますか?

カテゴリ お知らせ専用CMS
タイトル 「種類」項目への画像登録はできますか?
質問者 dicstkさん (2527)
質問日時 2024/03/15 16:38 回答数 6
メディア共有 このエントリーをはてなブックマークに追加
質問内容

お世話になっております。
有用なCMSのご提供感謝しております。
さて今回、無償にてご提供いただいております「無料CMS」の機能について質問させて戴きます。

「TEMPLATE PARTY」様からのリンクにて貴サイトのCMSを知りました。とあるサイトにて使用すべくDLし、仮のサーバーへアップロードしてテスト投稿までは問題なく設置できました。
ご用意いただいております管理ページからの投稿に於きまして、「種類 kind」の項目がありますが、ここへ文字ではなく画像(例えば「NEW」や「重要」などの画像)を設定する事は可能でしょうか。
ご教示頂ければ幸いです。
宜しくお願い致します。

この質問の回答受付は終了しました

回答(6件)

回答者:
dicstkさん (2527)
回答日時:
2024/03/20 15:55

q19cms担当者様
ご対応戴きまして誠にありがとうございます。
ご提供戴きましたサンプルを基にして設定してみます。
ありがとうございました。


回答者:
q19cms担当者さん (2341)
回答日時:
2024/03/20 11:49

お知らせの種類に画像を使用するサンプルを用意しました。

(1)クラス指定で画像を表示する方法
サンプル
https://q19cms.com/freedemo/tp_school4_skyblue/
設定方法の説明
https://q19cms.com/freedemo/tp_school4_skyblue/infocms.php?act=detail&id=47&html=info.html
管理画面(id:freee pw:demo)
https://q19cms.com/freedemo/tp_school4_skyblue/infocms.php?act=login

(2)画像ファイル指定で表示する方法
サンプル
https://q19cms.com/freedemo/tp_school4_skyblue2/
設定方法の説明
https://q19cms.com/freedemo/tp_school4_skyblue2/infocms.php?act=detail&id=47&html=info.html
管理画面(id:freee pw:demo)
https://q19cms.com/freedemo/tp_school4_skyblue2/infocms.php?act=login

どちらも、説明の最期にサンプルのダウンロードリンクがあります。
管理画面んからログインして、設定を変更してみることが出来ます。(ブラウザを閉じると変更は消えます)
不明点などありましたら、改めて掲示板にご質問ください。

大変参考になりました


回答者:
dicstkさん (2527)
回答日時:
2024/03/18 16:57

ご回答ありがとうございます。
承知致しました。
Javascriptのサンプル公開を待つ事に致します。
宜しくお願い致します。


回答者:
q19cms担当者さん (2341)
回答日時:
2024/03/18 15:53

(1)と(2)は別の方法になります。

お知らせ専用CMSでは、お知らせ表示にJavascriptを使用しています。
この部分の修正が必要になります。

サンプルは数日以内に公開いたします。
公開した際は、この掲示板でお知らせいたします。


回答者:
dicstkさん (2527)
回答日時:
2024/03/18 14:58

q19cms担当者様
早速のご返答、ありがとうございました。
ひとつ質問なのですが、お答え戴いた(1)と(2)の方法につきましては、それぞれ別の対応方法と理解して宜しいでしょうか。
それとも(1)と(2)を組み合わせた方法と理解すべきでしょうか。
さらにJavascriptの修正とのお話ですが、ご用意頂けるサンプルを参考にして対応する、という理解で宜しいでしょうか。

ご教示頂ければ幸いです。
宜しくお願い致します。


回答者:
q19cms担当者さん (2341)
回答日時:
2024/03/17 09:57

種類の入力は、文字列になりますので、直接画像を登録することはできませんが、
種類の入力により画像を表示させる方法には、次の方法が考えられます。

(1)保存してある画像のURLを入力する
https://xxx/abc.jpg の様な画像のURLを入力して、html側でそれを
imgタグのsrcに出力されるようにする方法です。

(2)htmlのclassやidとして指定する
htmlのclssやidへ出力して、スタイルシートでそれにより画像を出力する。

どちらもJavascriptの修正が必要なため、多少難易度が高いかもしれません。
後日サンプルを用意したいと思います。

大変参考になりました


6件中 1 ~ 6