position:absolute; を使いたい場合

2014年11月12日 at 16:27

サイトのデザインでdivタグを重ねて、背景に写真、その上に文字を載せるデザインを使いたいと考えています。

コードは、(htmlとcssを混在で記述すると)以下のようなコーディングと成っています。
(都合上、<style>タグ等は省かせて頂きました)


<!--

.aaa {position:relative;}
.bbb {position:absolute;top:50px; left:80px}
-->

<body>
<div id="logo">
<div id="img1" class="aaa"><img src="bg.jpg" width="400" height="250" alt=""></div>
<div id="text1" class="bbb">サンプル用の文字</div>
</div>


このブロックのエリアをconcrete5の編集対象としたいのですが、1つの記事ブロックとして、
その中で、画像を選択させたり、html編集で文字を編集してもらう事はできると思うのですが、
そうした場合、htmlタグ部分も編集が出来てしまい、デザイン崩れが発生する恐れがあります。

そこで、サイト運営者には、画像ファイルの選択と、テキストの編集のみを提供したい場合、
カスタムのブロックを開発するのが、一般的なconcrete5の使い方と成りますでしょうか?

タグ:

Re: position:absolute; を使いたい場合

2014年11月12日 at 17:54
ブロックタイプを作成するのが早いと思います。
5.6系ですと
designer content というブロックタイプを作成するアドオンがありますのでこちらをご参照ください。
http://concrete5-japan.org/help/editing/designercontent/
こちらでひな形を作ってCSSを当てるのがいいと思います。
 

Re: position:absolute; を使いたい場合

2014年11月12日 at 18:16
acliss19xxさん

さっそくのご教示、有り難う御座います。
designer contentですね!

リンク先も参照させて頂きました。
まさしくやりたい事が出来そうです。

有り難う御座います。

P.S.
concrete5をCMSとして使うには、サイトの要素に対して、
どのようなブロックをあてるか?という設計が重要そうですね。