Code Serendipity

Keyword: Ruby, Python, javascript, RoR, heroku, AWS...

Code Serendipity

Keyword: Ruby, Python, wordpress, javascript, AWS...

ストアとかで買ったhtmlテンプレートをrailsプロジェクトに埋め込む

Themeforestとか、bootstrapwrapなどのテンプレートサイトで購入したテンプレートを、railsで埋め込む際のTips。

f:id:serendipity4u:20170417174244p:plain

images, fonts, javascripts それぞれディレクトリにコピーして、

//= require なり @import なりして読み込んでおく。

scssを導入する

gem "sass-rails"
gem "bootstrap-sass"

font

scssに拡張子を変えてから

@font-face{
src: url(../fonts/samplefont.eot")

@font-face{
src: url(font-path("samplefont.eot");

に変更する。

jQueryが動かない

ドキュメントが読み込まれる前に動作しているからかもしれない。

その場合、jQuery をちゃんと

$(document).ready(function(){
  //何かしらの処理
});

#もしくは $(function(){});

で包む。

<body></body> の閉じタグ直前に記述すれば$(document).ready〜とほぼ同じ。