Build An IMDB-like Website With Spectra Pro Loop Builder

Подписаться 61 тыс.

Просмотров 8 тыс.

50% 1

Build An IMDB-like Website With Spectra Pro Loop Builder 👉 wpspectra.com - In this video, I'll show you how to use Spectra Pro's Loop Builder and Dynamic Data extension to create an IMDB-like website.
You will learn how to customize the blog grid, but also how to create a "Movie" custom post type, and how to use the Loop Builder to create a grid showcasing the movies.
But we won't stop there: you will learn how to dynamically create a "featured movie" display.
And as a bonus, you will learn how to customize the blog single post as well as the single "Movie" custom post type.
#wpspectra #wordpress #brainstormforce
Products mentioned in the video:
🟣 Spectra Pro: wpspectra.com/pro
🟣 Astra: wpastra.com
Tutorials
🟣 Spectra Pro FlexBox Crashcourse: • Spectra Flexbox Contro...
🟣 Build Websites Faster With Starter Templates 3.0 - • Build Websites Faster ...
🟣 Astra Theme Full Tutorial MASTERCLASS - • Astra Theme Full Tutor...
🟣 Astra FREE vs PRO - What's The Difference?: • Astra Free vs Pro - WH...
-------------------------------------------------------------------
📽📌 Table of Content 📌📽
00:00 - Create An IMDB-Like Website With The Spectra Pro Loop Builder
01:01 - What We'll Cover In This Video
01:53 - What Is The WordPress Loop Builder
03:09 - Using The Loop Builder & Dynamic Data Extension
03:13 - What We Need For This Project
05:13 - Setting Up WordPress & Astra
11:49 - How To Customize The Blog Loop
25:24 - How To Create A Custom Post Type Loop
34:58 - Adding A Dynamic Featured Movie
39:25- Setting Up The Single Post & Single Custom Movie CPT With Astra
41:16 - What You've Learned Today
-----------------------------------------------------------------
🤔 Just starting to create a website?
Refer to this ultimate guide: wpastra.com/guides-and-tutori...
🤔 How to use the Astra Theme (Step by Step)
Refer to this ultimate tutorial: • Astra Theme Full Tutor...
-------------------------------------------------------------------
📌 About Us 📌
At Brainstorm Force, we believe creating a website should not be complicated.
We build quality WordPress products and tools that are simple to use, affordable, and reliable to help entrepreneurs, professionals, and bloggers grow online.
Brainstorm Force is the team behind popular WordPress products like:
🟣 Most Popular WordPress Theme Astra: wpastra.com/
🟣 Starter Templates with 300+ pre-designed website templates: startertemplates.com/
🟣 Spectra to power your WordPress block editor: wpspectra.com/
🟣 Ultimate Addons for Elementor: ultimateelementor.com/
🟣 Ultimate Addons for Beaver Builder: www.ultimatebeaver.com/
🟣 Schema Pro to add schema markup to your website: wpschema.com/
🟣 Convert Pro to generate more leads: www.convertpro.net/
🟣 WP Portfolio to design your beautiful portfolio: wpportfolio.net/
🟣 ProjectHuddle to get sticky-note style feedback on your websites and designs: projecthuddle.com/
-------------------------------------------------------------------
📝 Are you a WordPress enthusiast who wants to contribute to our team? 📝
We are hiring across multiple positions: brainstormforce.com/join/
-------------------------------------------------------------------
🚨 Follow Us To Stay Updated 🚨
Facebook Community: / wpastra
Facebook Page: / brainstormforce
Twitter: / webrainstorm
LinkedIn: / brainstorm-force
RU-vid: / brainstormforce

Опубликовано:

26 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 23

@danacree198 10 месяцев назад

Nicely done. Informative and entertaining.

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

Quite a technically complex tutorial, but an awesome one! It's a great tutorial to demonstrate some of the more complex customizations of this theme and it's full capabilities using a tiny addon.

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

Hey, thanks! Indeed it's a bit more challenging, but we really tried to break it down in order to demonstrate what and how Spectra Pro's Loop Builder can practically be used for :) Thanks for watching and commenting!

@AndreSjoberg 11 месяцев назад

Good walkthrough :) Do have a couple of questions though: 1. Does the loop builder have a proper taxonomy-filter-function? It's a given for almost all customers I work with that needs this type of "database" of articles type presentation - the option to dynamically sort All movies based on f.ex Genre, so a taxonomy based on genre, and then an option over the film grid to dynamically show only Action, or Animated, or even a combination of the two, is this currently possible? 2. From what I can see building the loop element with blocks it supports pulling ACF fields into blocks using the database-icon, so it's possible to pull custom data from acf-fields and display in the loop right? 3. Is there any way for the grid/archive built with loop builder to trigger a popup-window with the movie info, instead of directing to the article/post for the image? Like: you list all movies, use taxonomy filter to select "action movies", and then click a button for a movie you like that triggers a popup showing the movie image and some basic info pulled from the post itself, like genre, maybe a couple of custom ACF fields like "rating" and "running time" - and then you close the popup and click on the next movie for another popup with that movies info - is that possible with Spectra Pro and the loop builder and the popup pro-feature?

@BradMcCollumIWS 10 месяцев назад

Thanks for the vid! Informative. With databases and custom post types, is there a way to incorporate a search and/or filter function on the archives/database page? Or would we need to implement a Search and Filter plugin for that? I only ask because most archive pages and databases are going to be more functional with a search and/or filtering option.

@jhmnieuwenhuis 3 месяца назад

Thanks for an excellent video ! I am now trying to build a site with only Spectra Pro and Spectra one. Since the spectra one theme does not support loop builder yet ( it uses query builder ), I build an archive page using loop builder for my custom post type. Works excellent ! But now I want to add a filter so my end-users can filter on taxonomy or other info. How can i do that ?

@JuvenalPeru 5 месяцев назад

I have a large number of custom posts and need to load more on the same page for a better user experience. Currently, Spectra Pro offers only a pagination option, which unfortunately resets the page to the top with each new page load, disrupting the browsing flow. Could you consider adding an option to load more content in place, without the page jump? That would be a highly beneficial feature.

@SpiritedHumaneering 9 месяцев назад

I don't know why this video doesn't have thousands more views and likes. It's such a high caliber tutorial, Kay! Thank you, greatly! I am building my site now and this loop builder is providing me a way to manage and present all the data I have in my noggin! I already own and use Astra Pro and purchased Spectra Pro. Do you think it's worth it to invest in ACF Pro, Kay or is a robust large website functional with just the free plugin? Also - do you think the site will be slow with all those images Any suggestions for shrinking embedded video?

@BrainstormForce 9 месяцев назад

Hey @victoriamakris thank you for your kind words! And you got yourself a great combo with Astra Pro & Spectra Pro. - Regarding ACF it really depends of the complexity of your database. I'd say try first with the free version until you come across limitations you can't live with for your project. - Regarding the images, optimizig them from the start really helps (like saving them in the webp format) - Regarding videos, you can reduce their size while maintaining quality with a free software called "Handbrake" -> I'm not sure this is the case but then again I hope you are not hosting them directly on your website?

@raserafim 6 дней назад

Is it possible to use Loop Builder to display Woocommerce products?

@mnburch Месяц назад

Hi Kay. I know this is a fairly old post, but I hope you're still checking comments. Using the Astra theme and have Astra Pro and Spectra Pro. When I try adding the Spectra Pro Loop Builder to a container, I get the following error message: "This block has encountered an error and cannot be previewed." Why might I be getting that error?

@baxteric 11 месяцев назад

Hello, Thank you for this superb presentation, I would like to acquire Spectra Pro soon, I could redo this tutorial on Spectra One which I use.

@BrainstormForce 10 месяцев назад

Glad you enjoyed it :) And have fun with Spectra Pro!

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

Is there a way to design a template for the custom post type (outside of the Astra’s built in options)?

@SushantShhah 10 месяцев назад

Thank you for the tutorial, may I know the difference between Spectra Theme and Astra Theme - and which one is recommended for better speed and overall performance

@ShubhamRajdhar 10 месяцев назад

If you check the full tutorial in this video, you will see that Astra is the theme and Spectra is a page builder plugin which works with default block builder. Using both Astra theme + Spectra plugin, you can build good sites.

@johngeary220 11 месяцев назад

Kay, would things be the same if you used Spectra One as the theme?

@BrainstormForce 10 месяцев назад

For the content yes as it's using Spectra Pro. Only theme specific options would change.

@Balor480 7 месяцев назад

30:19 i cant find that icone near image plese someone help me

@reverendbluejeans1748 8 дней назад

I done a lot in seven days. Now my into page looks a little different.

@stephenmiller7776 9 месяцев назад

Whats the real difference from using this loop block vs post grid block?

@JuvenalPeru 5 месяцев назад

A loop block allows for greater control over the display of posts, enabling custom queries and varied layouts. A post grid block is generally used for displaying posts in a predetermined grid pattern with limited customization options.

@reverendbluejeans1748 15 дней назад

My SQL table is just sitting there.