【Rails】magnific-popup-rails 導入する。【2019年4月4日】

環境
macOS Mojave 10.14.3
ruby 2.6.1p33
Rails 5.2.2.1

はじめに
magnific-popup-railsとはfancyboxのようなものです。簡単に言うと画像をクリックするとその場で拡大表示してくれるようなもの?です。
https://gimmicklog.com/demo/Magnific-Popup/Magnific-Popup.html

導入

1.gemfileを追加
gemfileに以下の文を記述する。

gem 'magnific-popup-rails', '~> 1.1.0'

2.gemfileの更新
gemfileを更新するためにterminalまたはcomでbundle install を行う

$ bundle install

3.javascriptのファイルを編集する
app/assets/javascripts/application.js 内に以下の文を追加する

//= require magnific-popup

4. cssのファイルを編集する
app/assets/stylesheets/application.css 内に以下の文を追加

*= require magnific-popup

5.再起動しよう!!
rails server の再起動をして終了です!!

お疲れ様でした。

この記事が気に入ったらサポートをしてみませんか?