Personalizar la página de inicio

De Wiki Diaspora*
Saltar a: navegación, buscar

Para poder definir tu propia página de inicio en tu pod de Diaspora, necesitas definir una vista como «app/views/home/_show.html.haml».

El archivo que necesitas crear en el directorio app/views/home/ está escrito en la sintaxis de HAML. O revisa el convertidor html2haml de Heroku para convertir HTML.

Un ejemplo básico de este archivo _show.html.haml sería:

#content
  .center
    %h2 ¡Bienvenidos a mi pod!

Un ejemplo más completo, utilizando la plantilla Bootstrap «Hero» de Twitter, se vería de esta manera. Diaspora ya utiliza Bootstrap CSS, así que no hay necesidad de añadirlo por ti mismo, y los ejemplos de uso están disponibles en el enlace anterior. Puedes encontrar más ejemplos aquí, pero se necesitará modificar de manera similar al ejemplo siguiente.[1]

.navbar.navbar-fixed-top
  .navbar-inner
    .container-fluid
      %a.btn.btn-navbar{"data-target" => ".nav-collapse", "data-toggle" => "collapse"}
        %span.icon-bar
        %span.icon-bar
        %span.icon-bar
      %a.btn.btn-success.pull-left{:href => "/users/sign_in"} Login
      %a.brand{:href => "/"} Diaspora*
      .nav-collapse
        %ul.nav
          %li
            %a{:href => "/about.html"} About
          %li
            %a{:href => "/privacy.html"} Privacy
          %li
            %a{:href => "/terms.html"} Terms

  .subnav
    %ul.nav.nav-pills
      %li
        %a{:href => "https://twitter.com/joindiaspora"} @joindiaspora
      %li
        %a{:href => "https://github.com/diaspora/diaspora"} GitHub
      %li
        %a{:href => "/source.tar.gz"} Code
      %li
        %a{:href => "https://github.com/diaspora/diaspora/wiki/Changelog"} What's New?
      %li
        %a{:href => "https://goo.gl/1UR7m"} Dev-Blog

   
  .container{:style => "padding-top: 5%;"}
    .hero-unit
      %img{:alt => "Logo", :src => "/assets/branding/logo_caps.png"}/
      %hr/
      %p
        %b You're about to change the Internet. Let's get you set up, shall we?
      %p
        %a.btn.btn-primary.btn-large{:href => "/users/sign_up"} Start an account! »
    .row
      .span4
        %h2 Heading
        %p Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor condimentum nibh.
        %p
          %a.btn{:href => "#"} View details »
      .span4
        %h2 Heading
        %p Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor condimentum ni.
        %p
          %a.btn{:href => "#"} View details »
      .span4
        %h2 Heading
        %p Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis.
        %p
          %a.btn{:href => "#"} View details »

  %script{:src => "/js/jquery.js"}
  %script{:src => "/js/bootstrap.js"}

Los ejemplos anteriores no incluyen los elementos «head» y «html», estos son incluidos por Diaspora. Para tu página de inicio solo necesitas proporcionar la sección «body», y cualquier otra cosa que desees incluir.

También deberías eliminar «index.html» o «default.html» (o cualquier archivo por defecto que tu servidor web utilice) en el directorio app/public, si existen, ya que Rails da prioridad al contenido estático antes de servir contenido dinámico.

Eso sería todo. Si es necesario, examina «routes.rb» para asegurarte de que la sección siguiente exista en el arhivo. El archivo config/routes.rb lista el mapeo entre peticiones y controladores. Las líneas que tienen que ver con la página de inicio son:

# Startpage
root :to => 'home#show'

Notas

  1. Tienes que agregar los archivos JS enlazados tú mismo. Descarga aquí.