Spectra Tutorial: The Basics In 22 Minutes
HTML-код
- Опубликовано: 9 июл 2024
- Today, let's go through the basics of Spectra, the WordPress visual website builder 👉 wpspectra.com
When getting started, it can be overwhelming to approach how to build professional websites with WordPress, given the many options available.
So today, we will discuss the basics of WordPress website building (back then and now), why you should use Spectra, and how to get started using it.
#wpspectra #wordpress #brainstormforce
Products mentioned in the video:
🟣 Spectra: wpspectra.com
🟣 Astra: wpastra.com
Tutorials
🟣 Spectra Flexbox CRASH COURSE : • 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 - Getting Started With WordPress And Spectra
00:42 - What We'll Cover In This Video
01:06 - Building Websites With WordPress
04:50 - Why Was Spectra Created?
09:37 - Getting Started With Spectra
09:42 - Importing And Editing Content
15:36 - Creating A Simple Hero Section
19:01 - Adapting For Tablet / Mobile
-----------------------------------------------------------------
🤔 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
RUclips: / brainstormforce
Kay is the best! I love his tutorials because he explains everything thoroughly, thank you for that!
Wow, thank you for your comment!
The video was really useful for a non-coder like me. I am glad I joined the Astra Family. Thanks again
Welcome to the family! We are glad to have you!
A great video, thank you very much. Spectra is a really great and very powerful tool that I'm looking forward to using a lot more in future.
Very welcome! And thank you for your comment :)
@@BrainstormForce, my pleasure. Thank you for the excellent help and advice.
Great. Excellent. Phenomenal. Superb. Magnificent.
Thank you so much 😀
I'll give it a try. On some other popular builders, the mobile layout ends up affecting the desktop layout, so this looks better and easier.
Thanks for your comment. Yes, give it a try :)
Thanks for the tutorial. I am working on creating a web site for an ecommerce brand. I am already overwhelmed with all the features because I am not used to web designing but I am beginning to get use to the grace that WordPress brings with spectra.
You're welcome! It's normal to be overwhelmed at the beginning. But hang in there. You will get better at it by the day :)
Thanks
@@BrainstormForce
How to import template kit full template with header & footer please help how to
Interesting - This looks like a direct competitor to the Elementator products. Congratulations as it looks comprehensive.
Thank you very much!
My site is working well with the Astra theme. Does changing to Spectra could break it?
Awesome video.
However, my website isn't displaying but showing this error when I click on preview error, "Uncaught Error: Call to undefined function astra_html_before()"...how can I fix it pls?
Hi, I'm wondering why i don't have a "Presets" under General when I select my "Call to action" block? I only see Layout, Button and Additional Button.
Ca I do headers, footers, transparent headers, sticky headers, etc on Spectra free?
Another impressive lesson. Do you have them on Headers, Footers, and the blog component? I am creating more of a blog with dynamic content and many categories.
You explain very nicely and it's easy to understand. Now that I know how to insert templates, I want to learn to use the kit. Is it like inserting templates?
Thanks!
You're welcome!
When can we expext the dynamic content option to be available? I love using Spectra but for now I also have to use Generate blocks to create templates for my custom post type template.
Hello,
It's already available in Spectra Pro :)
How can I get the old view of Spectra? Because all of these tutorials are obsolete for the user today... It's all in different places.
It looks great, no doubt, but as I understand you can build "static" pages, cool one, cool way... But, when I need, for example on "landing/home" section: News... From template I expect, I set the formating, theme, for example that last 3 topics should be shown... And, have, for example "form" for specific user, where he create new "News", upload pics, write description... and save this new "post"...
And, because of "template" on home page last 3 posts are shown, don't need to again edit the main/home page, add "News", remove old ones.... It's "just appear, based of defined formating...
Thank you for your feedback. This video was more focused on Spectra specifics, but as Spectra is constantly evolving you may want to watch the video that will be published later today, as that should answer some questions.
Another tutorial that could help is this one (although for a restaurant website, it works for any industry): ruclips.net/video/_mQiILHC8jI/видео.html
For the full blown process, the good news is we have started recording a Spectra course, that will be completely FREE and step by step :)
For a magazine style site, would you use Spectra One or Astra with the Spectra builder? Also, for the front page I was planning to use the PostX plug-in which is also Gutenberg-based (lifetime deal on Appsumo right now). Is this a good solution - or does Spectra have similar features so I wouldn’t even need PostX?
Both could work well, but at this point Spectra One is still new so if you need more options right now, Astra would be a good choice :)
I would like to purchase Spectra Blocks, I would like to know if there is any discount coupon for Brazilian users, after all the conversion is very high for us here in Brazil to purchase Spectra Blocks, compared to Elementor Pro.
Vey good content!!!
Thank you so much!
Does Spectra have infinite scroll feature? Or are you planning to add this feature?
Does Spectra function with Elementor?
can spectra be used for property management sites with multiple users logging in or would this be better done with a PHP build
Spectra is built on top of the WordPress Core Editor, so technically you could build a property management website.
Spectra Pro and the Dynamic Data extension may suit your need and you would also need something like ACF or similar.
Hey I am new to everything. I want to build a WP website with the spectra theme, but have a vertical header
I searched everywhere but not much support. Pls give me support.
Thank you
Can we assign a specific footer or header only appears on specific pages? Example on cart and checkout page.
You can if you use the Spectra One Theme, also from Brainstorm Force
Do Spectra has some reseller on Brazil ?
thanks
You're welcome!
how can I save a Sptecta blog post template for use it in future posts of the blog?
If you are using Astra / Astra Pro, you could do that as seen in this tutorial: ruclips.net/video/ee5EdZ1hrMI/видео.htmlfeature=shared&t=2366
If you are using the Spectra One theme, you could do it as explained in this video: ruclips.net/video/qXh0JqeoZtc/видео.htmlfeature=shared&t=181
Where is the header of the page you made with Spectra?
When i edited the mobile view, it affected the tab and desktop view.
I was asked to switch on responsive mode in the settings of the plugin but i didn't see any setting like that.
What do i do?
same here, when i edit the mobile view, it changed all the other view also. and i am not even installed spectra. it automatically installed and doesn't let me work with elementor. really struggling
@10:26 you have the "eye" icon to hide the title. Fresh install here and there is no "eye" icon from what I can see. I'm using Firefox build 116.0.2 on Windows 10 64bit. Any idea why this icon is absent?
I've submitted a support ticket but a response would be super too :-)
This is actually theme-specific (Astra in this case), not part of the Spectra plugin itself.
Would to build a website show casing product catalogues but not an e commerce no online purchases
Watch the channel in the coming weeks for a tutorial that way mell serve that use case :)
@10:30 A button called "Template Kits" is pressed. I do not have such a button 😪
hello Paul, you should now see "Design Library", then go to the "Kits" tab
Can i use spectra with elementor to design a page
Spectra and Elementor can be installed and stay together on a website but they work separately.
Elementor works on its own page builder while Spectra works on default WordPress editor.
How do I make more pages with Spectra? If I add a new page, that will be completely blank. I expected it to use the theme as a base for all pages. How does that work? Squarespace was so much simpler than this...
If you don't want to start from scratch, there are 2 options:
- use a starter template that comes with all pages pre-built
- use templates on a page per page basis
If you want to use Starter Templates, check this out: ruclips.net/video/TBZd9oligCw/видео.htmlfeature=shared&t=153
Wow that looks really great, I will directly rebuild my main page with Spectra and test the performance.
Which font do you use (starting 15:36 min - Creating A Simple Hero Section)? 😳Looks fantastic!
Thank you for your comment! The font is Poppins :)
is it free to use every feature of spectra?
Spectra is free, comes with a ton of value and you can definitely build a full websites with it (tip: combine it with Starter Templates). If you need more features like dynamic content for example Spectra Pro is a premium product.
I used to work with Elementor, but I think Spectra much lighter and faster, I have recently started to work with it.
My question is Does the Spectra have the header and footer builder, like Elementor?
Not a dedicated header and footer builder but you can use a theme like Astra to build a perfectly compatible header and footer.
I've been fighting with spectra for hours trying to get my header right. The system is unwieldy, unintuitive, and the help videos spend half the playtime talking about how great spectra is without actually telling you how to use it. It's a frustrating product and I absolutely do not recommend it.
Sounds promising, with compatibility with Gravity Forms, MemberPress, The Events Calendar, and other popular plugins.
Is it compatible with Rank Math and Croco Blocks?
So, it's very cool, but static web page builder, as I understand... Also, even presentation is perfect, I don't find, or understund how to really start... yes, I sow many features... But I really don't find something like: start create your page, create new page, edit the content... activate... and woila, you can see your created page...
Thank you for your feedback. This video was more focused on Spectra specifics, but as Spectra is constantly evolving you may want to watch the video that will be published later today, as that should answer some questions.
Another tutorial that could help is this one (although for a restaurant website, it works for any industry): ruclips.net/video/_mQiILHC8jI/видео.html
For the full blown process, the good news is we have started recording a Spectra course, that will be completely FREE and step by step :)
we all want something like elementor that works on wordpress editor (gutenberg) so we will have more stability and speed , no body has not done it yet not even spectra
How do I hide the title of a page?
Please follow this documentation here: wpastra.com/docs/disable-title-on-post-type/#method-1--page-post-title
ok i get it, its really good but can i create single woocomerce product page? or archive? can i create any custom content page ? can i create custom product loop for woocomerce archive? i dont think so..... make it better than elementor then i will be a reall fan
I'm going to try to replace Elementor with Spectra..
Thanks for watching! And enjoy playing with Spectra :)
Nice video, but I've found Spectra to be a super slow and buggy web builder that makes building websites so frustrating. I've been through forums and just find more people complaining about issues and slowness. When you're trying to increase productivity with these tools, the last thing you want is to be slowed down by having to redo simple things and having to wait for the tool to catch up with you on each operation. So, it's a bit immature and still a work in progress in my experience.
Yeah, no way I'm moving from Beaver Builder to this, looks like its years behind. No idea why they created this when they already had good integration with Beaver.
Thank you for your feedback. We will pass it on to our dev team. Our teams are working hard to keep on improving Spectra so your feedback is really important.
Nope im totally lost, what im seeing your examples is not the same as what im seeing. Two days im no futher on thatn when I turned wordpress on. I had no idea it was so difficult to build a simple site.
Sorry to hear that. The various components of WordPress (core, plugins, themes) are constantly updated so depending on when you watch the video it may look different.
What do you struggle most with when it comes to building a simple site?
By the way we have new tutorials coming soon for simple websites.
Annoying music.
But luckily you can subtitles and switch the sound off.
Thank you for your feedback.
why spectra auto install with the template? We don't have options to not to work with. Please don't do like that. Its not even work properly.
PLEASE turn off the MUSIC. I watch your videos to LEARN not to listen to music. Further if i want music I will turn on Spotify and listen to my own favs.
Thank you for your feedback.
Exactly! I hate this current RUclips trend with background music. Especially in training videos. Also, I don’t need to see the trainers head in the corner either!
@@BrainstormForce Ignore these grouches. Your soundtrack is not that distracting and there is way worse out there.
They're shaking their fist at everybody's cloud, not yours.
Yeah everyone has an opinion. First off i dont wanna be messing around with spotify or a radio while watching tutorials. But i also dont wanna see a video with no background noise at all thats just boring and makes for a bad video. This is a youtube problem, youtube should have the option of muting the soundtrack as music is usally a seperate audio track anyway and im sure it could detect that. As for the other guy… no, having the guy pop in and out of the video as scenes or down in the corner is a good thing. Again just a newb level content creator or a work safety video would be the youtube tutorial with only voice and screen capture, that would make for the most boring video and the creator here definitely knows how to make an engaging tutorial video. Thanks man.
RUclips comment section: where bitches be bitchin'