Adquiere este curso para tener acceso a todas las lecciones
Comprar curso27. 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 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 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 hace 1 año
Super curso tanto por el contenido como por el profesor.
-
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 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 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 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 hace 2 años
Muy interesante!