16. Display blog posts inside page using Gutenberg Query Loop builder Block

Поделиться
HTML-код
  • Опубликовано: 15 дек 2024

Комментарии • 18

  • @esperandounmejorcielo4385
    @esperandounmejorcielo4385 Год назад +1

    excellent!!! riad, one good teacher of gutenberg.

  • @erichepperlewp
    @erichepperlewp 3 месяца назад +1

    Great video so far! I had to figure out the solution to the "not full width" issue before I realized that you'd already covered that in the video.
    8:00 - Full width issue resolved and now we are starting the query loop

  • @jhmnieuwenhuis
    @jhmnieuwenhuis 8 месяцев назад

    This is a great video. Thanks !
    The only question i have is responsiveness.
    What if i want to have only 1 column on mobile and 3 on desktop and tablet
    How can i do that.

    • @RiadMahmud
      @RiadMahmud  8 месяцев назад +1

      By default it will display one column on mobile and 3 column on desktop, tablet. There is no need to change it individually.

    • @aman_design
      @aman_design 3 месяца назад

      ​@@RiadMahmudis there a way to display 3 columns on mobile??

    • @aman_design
      @aman_design 3 месяца назад

      because i couldn't find it anywhere, i want to have 3 columns for my portfolio on mobile mimicing instagram

  • @Whatreally123
    @Whatreally123 4 месяца назад

    Hi Riad,
    I am stuck with one problem. I have many posts in different categories. I want to have a Page for each category where I use the Query Loop to pull in the Posts in that category and show them in a Grid layout. Here in the grid layout, I want to only show the first 2 words of the Post title and not the full title. for example, let's say my post title is "Website Building in wordpress" and when the posts are shown in grid layout, it should only show "Website Building". But when the user clicks on the post, they will be shown the full title. Is there any way to achieve this?
    Thanks.

    • @RiadMahmud
      @RiadMahmud  4 месяца назад

      It's require some additional code :| You can't do it using the default block.

  • @doraemonnobita4840
    @doraemonnobita4840 Год назад

    In "query loop" can I select page based on category?
    Let me make it a bit clear. I am working on an affiliate website (same theme, same way shown in this playlist). I have a menu page named "products", where I wanted to include all my product pages like the one you show on query loop. My site is based on baby products. My product pages are: car seats, baby monitor, baby carrier etc. Now I want to design in a way such that if someone clicks on product menu in header then the product pages (car seats, baby monitor, baby carrier etc) appear inside the product menu page like the one you show on query loop. I try this but didn't find any option to chose pages based on category.
    So, what could be the solution? Please

    • @RiadMahmud
      @RiadMahmud  Год назад

      There is by default post and page post type but using any plugin you can expand that. The post/page is the default option. You have to search or look for a plugin for that.

    • @doraemonnobita4840
      @doraemonnobita4840 Год назад

      @@RiadMahmud Okay

    • @doraemonnobita4840
      @doraemonnobita4840 Год назад

      @@RiadMahmudAre these (post and page post type) called taxonomies that I need to expand? Please answer

    • @RiadMahmud
      @RiadMahmud  Год назад

      Both has different terms of use case I'd like to suggest you follow this www.wpbeginner.com/beginners-guide/when-do-you-need-a-custom-post-type-or-taxonomy-in-wordpress/
      Also, if you are familiar with the code and how WordPress devs works then this guide will be helpful for you developer.wordpress.org/block-editor/how-to-guides/block-tutorial/extending-the-query-loop-block/

    • @doraemonnobita4840
      @doraemonnobita4840 Год назад

      @@RiadMahmud Thanks a lot