Mostrando posts en tu CMS con Laravel Voyager
Comprar curso

27. Mostrando posts en tu CMS con Laravel Voyager

En este capítulo, aprenderás a mostrar y gestionar posts en tu aplicación de Voyager. Te mostraré cómo crear y gestionar posts en Voyager, así como cómo personalizar la visualización de los posts en tu aplicación.


8 comentarios

Inicia sesión para comentar

Comentarios:

  • Index 1

    Index 1 hace 1 año

    Buenos días, estoy tratando de “pintar” las etiquetas en el frontend he seguido el mismo paso de relaciones, he creado una tabla post_tag con sus campos (id, post_id, tag_id, created_at, update_at) y lo he relacionado con la tabla post, pero lamentablemente no me sale.

    • Index 1 hace 1 año

      Feliz Navidad profesor @victorAranaFlores, Ya no estoy trabajando con Voyager, ahora estoy con Laravel puro, pasa es que deseo agregarle un contador de visitas a un blog, estuve siguiendo tus cursos de Blog administrable me pareció interesante ya que aprendo mucho más de dicho Framework

    • Index 1 hace 1 año

      Ahora estoy deseando añadir un contador de visitas únicos para un proyecto sin embargo estuve buscando en la web pero no encuentro información. No se si podrías hacer un video de ello, aparte también estuve buscando un filemanager que administre los contenidos subidos y así evitar volver a cargar contenido a mi host y ahorrar almacenamiento, tampoco encuentro información. Si fueras tan amable de explicar más a fondo estos temas sería super interesante.

    • Victor Arana Flores hace 1 año

      Hola, feliz navidad. ¿A que te refieres con contador unico?

    • Index 1 hace 1 año

      Que por cada post que cree, tenga una vista cuando un usuario ingrese a leer y así sucesivamente.

    • Victor Arana Flores hace 1 año

      Puedes simplemente incluir un campo en tu tabla llamada contador, y desde el controlador cada vez que alguien ingrese ir aumentandolo.

  • Luis Demitre

    Luis Demitre hace 1 año

    Hola!!!. Como funciona Voyager::image($post→imagen) si lo que quiero mostrar es un thumsnail seteado para crearse desde el bread?. Gracias

    • Victor Arana Flores hace 1 año

      Lo puedes hacer algo así {{Voyager::image($post->thumbnail('small'))}} 

  • Jose

    Jose hace 1 año

    Super curso tanto por el contenido como por el profesor.  

  • Edgar Herrera

    Edgar Herrera hace 1 año

    Muy bien. Me gustaría saber cómo hacer para que en los posts en lugar del id se utilice el slug. 

    • Victor Arana Flores hace 1 año

  • Juan David Castaño Gómez

    Juan David Castaño Gómez hace 2 años

    Estoy ansioso de que seguirá, haaa jejeje

    • J Durán hace 2 años

      Yo igual, espero que tengamos pronto nuevos videos.

  • Vicente Blanquet

    Vicente Blanquet hace 2 años

    Como se haría para que reconociera las etiquetas ul,ol,…. ?

    • Victor Arana Flores hace 2 años

      Hola Vicente. Tailwind formatea todos los estilos, por lo que vas a tener que definir tus propios estilos.

      Particularmente lo que yo hago es lo siguiente. En la carpeta resource/css creo un nuevo archivo llamado por ejemplo ckeditor, y dentro de ese archivo voy creando los estilos que quiero que tengas los elementos que llegan con ckeditor 5, por ejemplo

       

      .ckeditor ul{
          @apply list-disc list-inside;
      }
      
      .ckeditor ol{
          @apply list-decimal list-inside;
      }
      
      .ckeditor a{
          @apply text-blue-600 visited:text-purple-600 underline;
      }
      
      .ckeditor h1{
          @apply text-3xl font-bold;
      }
      
      .ckeditor h2{
          @apply text-2xl font-bold;
      }
      
      .ckeditor h3{
          @apply text-xl font-bold;
      }
      
      .ckeditor h4{
          @apply text-lg font-bold;
      }
      
      .ckeditor strong{
          @apply font-bold;
      }

       

      Luego me voy al archivo resources/css/app.css

       

      y agrego la siguiente linea de codigo;

       

      @import 'ckeditor.css';

       

      Es importante que este @import lo pongas en las primeras lineas sino te va dar error.

       

      Luego a la hora de mostrar el contenido que viene con texto enriquecido hago lo siguiente:

       

      <div class="ckeditor">
      	{!! $post->body !!}
      </div>

       

      Y listo, de esa forma mostraras el texto enriquecido con las estilos que hayas definido.

    • Vicente Blanquet hace 1 año

      Perfecto. Funciona perfecto y muy facil de implementar. Gracias

  • Javier Ferrero

    Javier Ferrero hace 2 años

    Buenos días,

    Estoy trabajando con Vue en el front, y la notación que describes para que reconozca el marcado html no me funciona. Es decir, donde escribes {!! $post→body!!}, yo escribo {!! post.body !!}, pero no lo reconoce como código válido. Si escribo {{ post.body }} recupero el texto de la base de datos pero incluyendo los códigos html que haya. ¿Hay alguna alternativa para vue?

    Gracias

    • Victor Arana Flores hace 2 años

      Hola Javier, vue tiene su propia sintaxis. Te recomiendo leer la documentación de Vue, o en su defecto llevar algun curso de Vue. En la plataforma tengo un curso de Vue por si te interesa.

      La directiva que usa vue para poder imprimir codigo html es v-html

  • Blanca Segura

    Blanca Segura hace 2 años

    Muy interesante!