↑ご想像の通りこちらを作ります。「記述リスト」であるdl要素を使います。 dt要素にサービス名、dd要素には価格を書いていきます。 価格が変動するサービス(¥4000~)にはfromクラスをつけておきます。 <h2 class="page-title">Menu</h2> <div class="menu"> <dl> <dt>Cut</dt> <dd>¥3300</dd> </dl> <dl> <dt>Color</dt> <dd class="from">¥4000</dd> </dl> <dl> <dt>Perm</dt> <dd class="from">¥3000</dd> </dl></div>

実現すること 記事投稿をした場合、投稿日を表示することがあると思います。 ↑記事タイトルの隣の日付ですArticleモデルから新たな記事を作れば、自動的にcreated_atカラムが登録されるのでそこの情報から日付を表示させればできそうしかしでcreated_atカラ…

基本形 <%= render partial: 'articles/article', locals: { article: @article } %> _article.html.erbの部分テンプレートにarticleと言う名前で@articleのインスタンスを使用します。 省略形 <%= render 'articles/article', article: @article %> さらに…

実現すること HPによくあるTOPニュースで記事内容の概要が書かれている。↓こんな感じで内容が長いと「...」とかなるところ 今回はこれを表示できるようにしたい。 モデルの状態とか対策なしの場合の状況 Articleモデルのcontentカラムにhtml文で記事内容を保…

HTML文で記事内容を保存している場合、 記事サムネイルを設定したいときの問題 記事投稿システムを作ったときに記事の内容にCkeditorを使用しています。 記事画像はArticleモデルにpictureカラムは作らずに imgタグでHTML文でパスを直接書き込まれています。…