{"id":1069,"date":"2015-07-30T07:07:46","date_gmt":"2015-07-30T07:07:46","guid":{"rendered":"http:\/\/www.honobono-life.info\/wpeng\/?p=1069"},"modified":"2015-07-30T07:07:46","modified_gmt":"2015-07-30T07:07:46","slug":"static_pages-navigation-menu-link","status":"publish","type":"post","link":"http:\/\/www.honobono-life.info\/wpeng\/static_pages-navigation-menu-link\/","title":{"rendered":"Ruby on Rails Tutorial static pages,navigation menu link"},"content":{"rendered":"

(1)Rails layout file<\/strong><\/p>\r\n\r\n

*Bootstrap3 "container"<\/p>\r\n\r\n

$ vi app\/views\/layouts\/application.html.erb<\/p>\r\n\r\n

\r\n<body>\r\n<%= render 'layouts\/header' %>\r\n<div class="container">\r\n  <div ng-view><\/div>\r\n  <%= render 'layouts\/footer' %>\r\n<\/div>\r\n\r\n<\/body><\/pre>\r\n\r\n
(2)static pages<\/strong><\/p>\r\n\r\n
1)home<\/strong><\/p>\r\n\r\n
*Bootstrap3 Jumbotron, text-center
\r\n*rails.png app\/assets\/images\/rails.png
\r\nref.http:\/\/rubyonrails.org\/images\/rails.png<\/p>\r\n\r\n
$ vi app\/assets\/templates\/static_pages\/home.html.erb<\/p>\r\n\r\n
\r\n<div class="jumbotron">\r\n  <h1>Welcome to the Sample App<\/h1>\r\n  <p class="text-center">\r\n    This is the home page for the\r\n    <a href="http:\/\/railstutorial.jp\/">Ruby on Rails Tutorial<\/a>\r\n    sample application.\r\n  <\/p>\r\n<\/div>\r\n<a href="http:\/\/rubyonrails.org\/"><img alt="Rails" src="\/assets\/rails.png" \/><\/a><\/pre>\r\n\r\n
2)help<\/strong><\/p>\r\n\r\n
$ vi app\/assets\/templates\/static_pages\/help.html.erb<\/p>\r\n\r\n
\r\n<h1 class="text-center">Help<\/h1>\r\n<p>\r\n  Get help on the Ruby on Rails Tutorial at the\r\n  <a href="http:\/\/railstutorial.jp\/help">Rails Tutorial help page<\/a>.\r\n  To get help on this sample app, see the\r\n  <a href="http:\/\/railstutorial.jp\/book">Rails Tutorial book<\/a>.\r\n<\/p><\/pre>\r\n\r\n
3)about<\/strong><\/p>\r\n\r\n
$ vi app\/assets\/templates\/static_pages\/about.html.erb<\/p>\r\n\r\n
\r\n<h1 class="text-center">About Us<\/h1>\r\n<p>\r\n  The <a href="http:\/\/railstutorial.org\/">Ruby on Rails Tutorial<\/a>\r\n  is a project to make a book and screencasts to teach web development\r\n  with <a href="http:\/\/rubyonrails.org\/">Ruby on Rails<\/a>. This\r\n  is the sample application for the tutorial.\r\n<\/p><\/pre>\r\n\r\n
4)contact<\/strong><\/p>\r\n\r\n
$ vi app\/assets\/templates\/static_pages\/contact.html.erb<\/p>\r\n\r\n
\r\n<h1 class="text-center">Contact<\/h1>\r\n<p>\r\n  Contact Ruby on Rails Tutorial about the sample app at the\r\n  <a href="http:\/\/railstutorial.jp\/contact">contact page<\/a>.\r\n<\/p><\/pre>\r\n\r\n
(3)navigation menu link<\/strong><\/p>\r\n\r\n
1)header<\/strong><\/p>\r\n\r\n
$ vi app\/views\/layouts\/_header.html.erb<\/p>\r\n\r\n
1.site<\/strong><\/p>\r\n\r\n
<%= link_to "Sample App", "\/static_pages\/home", class: "navbar-brand" %><\/p>\r\n\r\n
2.home,help<\/strong><\/p>\r\n\r\n
\r\n<ul class="nav navbar-nav navbar-right">\r\n  <li><%= link_to "Home", "\/static_pages\/home" %><\/li>\r\n  <li><%= link_to "Help", "\/static_pages\/help" %><\/li>\r\n<\/ul><\/pre>\r\n\r\n
2)footer<\/strong><\/p>\r\n\r\n
$ vi app\/views\/layouts\/_footer.html.erb<\/p>\r\n\r\n
\r\n<ul class="nav nav-pills pull-right">\r\n  <li><%= link_to "About", "\/static_pages\/about" %><\/li>\r\n  <li><%= link_to "Contact", "\/static_pages\/contact" %><\/li>\r\n  <li><a href="http:\/\/news.railstutorial.org\/">News<\/a><\/li>\r\n<\/ul><\/pre>\r\n\r\n
 <\/p>\r\n","protected":false},"excerpt":{"rendered":"
(1)Rails layout file *Bootstrap3 "container" $ vi app\/views\/layouts\/application.html.erb <body> <%= render 'layouts\/header' %> <div class="container"> <div ng-view><\/div> <%= render 'layouts\/footer' %> <\/div> <\/body> (2)static pages 1)home *Bootstrap3 Jumbotron, text-center *rails.png app\/assets\/images\/rails.png ref.http:\/\/rubyonrails.org\/images\/rails.png $ vi app\/assets\/templates\/static_pages\/home.html.erb <div class="jumbotron"> <h1>Welcome to the Sample App<\/h1> <p class="text-center"> This is the home page for the <a href="http:\/\/railstutorial.jp\/">Ruby on Rails […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[137],"tags":[82,145,144],"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/posts\/1069"}],"collection":[{"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/comments?post=1069"}],"version-history":[{"count":1,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/posts\/1069\/revisions"}],"predecessor-version":[{"id":1070,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/posts\/1069\/revisions\/1070"}],"wp:attachment":[{"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/media?parent=1069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/categories?post=1069"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/tags?post=1069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}