# Adalo内でのプロフィールをリッチに表現・登録するテキスト表現方法（エレメントの配置）

**URL:** <https://www.nocode-faq.com/t/topic/3870>\
**Category:** Adalo\
**Created:** [2023 年 8 月 14 日午前 9:22 UTC](https://www.nocode-faq.com/t/topic/3870 "2023-08-14T09:22:51Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![corp](https://avatars.discourse-cdn.com/v4/letter/c/ed655f/32.png) [@corp](https://www.nocode-faq.com/u/corp)\
**Post date:** [2023 年 8 月 14 日午前 9:22 UTC](https://www.nocode-faq.com/t/topic/3870/1 "2023-08-14T09:22:51Z")

</div>

内容としては利用しているユーザ側がエレメントの作成をする機能になるのですが  
こちらの機能が実装が可能なのかをお伺いしたいです。  
画像を元に詳しく理想の実装をお伝えできればと思います。

機能としてのイメージはつくのですが、質問が言葉足らずな部分があると思いますが、  
不足の情報等あればお手数ですが質問いただければと思います。

左の画像がデフォルトで右の画像が作成後の機能となります。  
パーツを追加という部分をクリックすると2枚目の画像に遷移します。

 ![スクリーンショット 2023-08-14 17.55.15](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/c/cd8ffd606e19d3961b47178d9965d59bd1b66180.jpeg)

画像のように  
タイトル→タイトルの入力 文字色の変更 フォントを決められる。  
文章→文章の入力 文字色の変更 フォントを決められる  
そこで指定したものがマイページに反映される。

 ![スクリーンショット 2023-08-14 17.55.25](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/2/27974e559ac108988ff278becf08773594359129.jpeg)

---

<div class="post-metadata">

**Author:** ![1eo1etitbe](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/1eo1etitbe/32/5678_2.png) [@1eo1etitbe](https://www.nocode-faq.com/u/1eo1etitbe)\
**Post date:** [2023 年 8 月 14 日午前 9:39 UTC](https://www.nocode-faq.com/t/topic/3870/2 "2023-08-14T09:39:01Z")

</div>

前提がわからないのですが、これはどういう目的のアプリなんでしょうか？  
ユーザへ届けたい提供価値からわからないので、ご質問の周辺情報について想像がつき辛いところです。

---

<div class="post-metadata">

**Author:** ![corp](https://avatars.discourse-cdn.com/v4/letter/c/ed655f/32.png) [@corp](https://www.nocode-faq.com/u/corp)\
**Post date:** [2023 年 8 月 14 日午前 10:49 UTC](https://www.nocode-faq.com/t/topic/3870/3 "2023-08-14T10:49:43Z")

</div>

ありがとうございます。

「プロフィールから交流が広がる」をテーマのアプリを作成するためです。  
なのでユーザーがプロフィール作成を出来るアプリを作成したいと思いこのような機能が出来ればと思った次第です。

機能自体の実装に対して必要な周辺情報とは例えばですが、何がありますでしょうか。

---

<div class="post-metadata">

**Author:** ![1eo1etitbe](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/1eo1etitbe/32/5678_2.png) [@1eo1etitbe](https://www.nocode-faq.com/u/1eo1etitbe)\
**Post date:** [2023 年 8 月 14 日午後 12:48 UTC](https://www.nocode-faq.com/t/topic/3870/4 "2023-08-14T12:48:32Z")

</div>

プロフィールをリッチに表現・登録できるようにしたいということですね。

1つ目の画像にあるものはUser Collectionに、Parts Collectionを1:Nの関係で紐付けるようにDBを構成すれば実現できるのではないかと思います。  
ただ、入力欄が「パーツを追加」ボタン押下で増えていく表現は難しいので、モーダルで別スクリーンを用意してパーツ入力画面を作成すればよいかと！  
（「クリエイター」の部分の意味がわからなかったです。プロフィール作成者の意味ですか？）

2枚目の画像について、フォントや文字色を変更できるコンポーネントは知っている限りではなかったかと思います。  
他にAdalo詳しい方でそんなコンポーネントの存在をご存知の方いらっしゃいましたら追記お願いします。

---

<div class="post-metadata">

**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\
**Post date:** [2023 年 8 月 14 日午後 2:25 UTC](https://www.nocode-faq.com/t/topic/3870/5 "2023-08-14T14:25:38Z")

</div>

> 2枚目の画像について、フォントや文字色を変更できるコンポーネントは知っている限りではなかったかと思います。

Rich Text Conponent とかですかねー。 参考までに。

> **[NoCode Monkey - Custom Adalo Components](https://www.nocodemonkey.io/?target=37qkztxvrjq5icpdoltaxerkl&params=%7B%22cpeoe60ti5v4u4u8b4no5k9n0.t_0qajouzv3g63jt7tix2t08f60%22%3A55%7D)**
>
> Developing custom Adalo components. Bring your apps/websites to the next level.

---

<div class="post-metadata">

**Author:** ![corp](https://avatars.discourse-cdn.com/v4/letter/c/ed655f/32.png) [@corp](https://www.nocode-faq.com/u/corp)\
**Post date:** [2023 年 8 月 15 日午前 8:24 UTC](https://www.nocode-faq.com/t/topic/3870/6 "2023-08-15T08:24:29Z")

</div>

御回答いただきありがとうございます！

検証してみます！

---

<div class="post-metadata">

**Author:** ![corp](https://avatars.discourse-cdn.com/v4/letter/c/ed655f/32.png) [@corp](https://www.nocode-faq.com/u/corp)\
**Post date:** [2023 年 8 月 15 日午前 8:24 UTC](https://www.nocode-faq.com/t/topic/3870/7 "2023-08-15T08:24:48Z")

</div>

御回答いただきありがとうございます！  
検証してみます！