![Riad Mahmud](/img/default-banner.jpg)
- 157
- 647 529
Riad Mahmud
Registrace 2. 06. 2014
Passionate about Design, Development & Marketing.
20. Spectra Contact Form Multi-column
In this video I will show you how to create a multi column contact form using Spectra form and also some other part of the series tutorial.
✅ Full Course Playlist: czcams.com/play/PLzKN_iozW-I5uoEaqvEqs7gIi41iNJIg6.html
🔴 Helpful Resources: 🔴
====================
✅ Get Spectra pro riadmahmud.com/ref/spectrapro (35% Discount while using my Affiliate link) 🥳
✅ Download Resource file: riadmahmud.com/figma-to-gutenberg-block/
✅ Download Spectra: riadmahmud.com/ref/spectra
✅ Learn Gutenberg Full Site Editing: czcams.com/play/PLzKN_iozW-I6PkSx8AVOE9wBaoVpJxLeS.html
✅ Learn Spectra Block Basic: czcams.com/video/FjmMyvr-Q6E/video.html
✅ Learn Spectra with Real Projects Convert Figma design using Spectra Block: czcams.com/video/hv0IIjxF-_w/video.html
✅ Learn WooCommerce Basic: czcams.com/video/FjmMyvr-Q6E/video.html
✅ Full Course Playlist: czcams.com/play/PLzKN_iozW-I5uoEaqvEqs7gIi41iNJIg6.html
🔴 Helpful Resources: 🔴
====================
✅ Get Spectra pro riadmahmud.com/ref/spectrapro (35% Discount while using my Affiliate link) 🥳
✅ Download Resource file: riadmahmud.com/figma-to-gutenberg-block/
✅ Download Spectra: riadmahmud.com/ref/spectra
✅ Learn Gutenberg Full Site Editing: czcams.com/play/PLzKN_iozW-I6PkSx8AVOE9wBaoVpJxLeS.html
✅ Learn Spectra Block Basic: czcams.com/video/FjmMyvr-Q6E/video.html
✅ Learn Spectra with Real Projects Convert Figma design using Spectra Block: czcams.com/video/hv0IIjxF-_w/video.html
✅ Learn WooCommerce Basic: czcams.com/video/FjmMyvr-Q6E/video.html
zhlédnutí: 99
Video
19. Create Work In Process Section using Gutenberg Spectra Block
zhlédnutí 79Před 14 dny
In this video I will show you how to create Why Choose us section using Gutenberg Spectra block plugin and Spectra One Full Site Editing Block theme ✅ Full Course Playlist: czcams.com/play/PLzKN_iozW-I5uoEaqvEqs7gIi41iNJIg6.html 🔴 Helpful Resources: 🔴 ✅ Get Spectra pro riadmahmud.com/ref/spectrapro (35% Discount while using my Affiliate link) 🥳 ✅ Download Resource file: riadmahmud.com/figma-to-...
18. Create experience section using Gutenberg Spectra block
zhlédnutí 35Před 14 dny
In this video, I will show you how to create Why Choose us section using Gutenberg Spectra block plugin and Spectra One Full Site Editing Block theme ✅ Full Course Playlist: czcams.com/play/PLzKN_iozW-I5uoEaqvEqs7gIi41iNJIg6.html 🔴 Helpful Resources: 🔴 ✅ Get Spectra pro riadmahmud.com/ref/spectrapro (35% Discount while using my Affiliate link) 🥳 ✅ Download Resource file: riadmahmud.com/figma-to...
17. Create Recipes Section using Gutenberg Spectra block
zhlédnutí 83Před 14 dny
In this video I will show you how to create Recipes Section using Spectra Grid builder and loop. Spectra One Full Site Editing Block theme ✅ Full Course Playlist: czcams.com/play/PLzKN_iozW-I5uoEaqvEqs7gIi41iNJIg6.html 🔴 Helpful Resources: 🔴 ✅ Get Spectra pro riadmahmud.com/ref/spectrapro (35% Discount while using my Affiliate link) 🥳 ✅ Download Resource file: riadmahmud.com/figma-to-gutenberg-...
16. How to Create Testimonials Section using Spectra block
zhlédnutí 65Před 14 dny
In this video I will show you how to create Why Choose us section using Gutenberg Spectra block plugin and Spectra One Full Site Editing Block theme ✅ Full Course Playlist: czcams.com/play/PLzKN_iozW-I5uoEaqvEqs7gIi41iNJIg6.html 🔴 Helpful Resources: 🔴 ✅ Get Spectra pro riadmahmud.com/ref/spectrapro (35% Discount while using my Affiliate link) 🥳 ✅ Download Resource file: riadmahmud.com/figma-to-...
15. Create Why Choose Us Section using Spectra block
zhlédnutí 72Před 14 dny
In this video I will show you how to create Why Choose us section using Gutenberg Spectra block plugin and Spectra One Full Site Editing Block theme ✅ Full Course Playlist: czcams.com/play/PLzKN_iozW-I5uoEaqvEqs7gIi41iNJIg6.html 🔴 Helpful Resources: 🔴 ✅ Get Spectra pro riadmahmud.com/ref/spectrapro (35% Discount while using my Affiliate link) 🥳 ✅ Download Resource file: riadmahmud.com/figma-to-...
14. Service Section using Gutenberg Spectra Block
zhlédnutí 55Před 14 dny
In this video I will show you how to create a Service section using Gutenberg Spectra block plugin and Spectra One theme ✅ Full Course Playlist: czcams.com/play/PLzKN_iozW-I5uoEaqvEqs7gIi41iNJIg6.html 🔴 Helpful Resources: 🔴 ✅ Get Spectra pro riadmahmud.com/ref/spectrapro (35% Discount while using my Affiliate link) 🥳 ✅ Download Resource file: riadmahmud.com/figma-to-gutenberg-block/ ✅ Download ...
13. Create Call to Action using Spectra Block
zhlédnutí 66Před 14 dny
In this video I will show you how to create Call to Action section using Gutenberg Spectra block plugin and Spectra One theme ✅ Full Course Playlist: czcams.com/play/PLzKN_iozW-I5uoEaqvEqs7gIi41iNJIg6.html 🔴 Helpful Resources: 🔴 ✅ Get Spectra pro riadmahmud.com/ref/spectrapro (35% Discount while using my Affiliate link) 🥳 ✅ Download Resource file: riadmahmud.com/figma-to-gutenberg-block/ ✅ Down...
12. Create Our mission Section using Spectra block
zhlédnutí 62Před 14 dny
In this video I will show you how to create our mission section using Gutenberg Spectra block theme ✅ Full Course Playlist: czcams.com/play/PLzKN_iozW-I5uoEaqvEqs7gIi41iNJIg6.html 🔴 Helpful Resources: 🔴 ✅ Get Spectra pro riadmahmud.com/ref/spectrapro (35% Discount while using my Affiliate link) 🥳 ✅ Download Resource file: riadmahmud.com/figma-to-gutenberg-block/ ✅ Download Spectra: riadmahmud.c...
10. Create Testimonial section using Gutenberg Block Spectra block
zhlédnutí 71Před 14 dny
In this video I will show you how to create a testimonial section using Spectra Block. ✅ Full Course Playlist: czcams.com/play/PLzKN_iozW-I5uoEaqvEqs7gIi41iNJIg6.html 🔴 Helpful Resources: 🔴 ✅ Get Spectra pro riadmahmud.com/ref/spectrapro (35% Discount while using my Affiliate link) 🥳 ✅ Download Resource file: riadmahmud.com/figma-to-gutenberg-block/ ✅ Download Spectra: riadmahmud.com/ref/spectr...
11. Create About us Section using Spectra block
zhlédnutí 54Před 21 dnem
In this video I will show you how to create about us section using Gutenberg Spectra block theme ✅ Full Course Playlist: czcams.com/play/PLzKN_iozW-I5uoEaqvEqs7gIi41iNJIg6.html 🔴 Helpful Resources: 🔴 ✅ Get Spectra pro riadmahmud.com/ref/spectrapro (35% Discount while using my Affiliate link) 🥳 ✅ Download Resource file: riadmahmud.com/figma-to-gutenberg-block/ ✅ Download Spectra: riadmahmud.com/...
09. Create Hero Area using Gutenberg block & Spectra One theme
zhlédnutí 107Před 21 dnem
In this video I will show you how to create a Hero Area using Gutenberg block and Spectra block ✅ Full Course Playlist: czcams.com/play/PLzKN_iozW-I5uoEaqvEqs7gIi41iNJIg6.html 🔴 Helpful Resources: 🔴 ✅ Get Spectra pro riadmahmud.com/ref/spectrapro (35% Discount while using my Affiliate link) 🥳 ✅ Download Resource file: riadmahmud.com/figma-to-gutenberg-block/ ✅ Download Spectra: riadmahmud.com/r...
08. Configure WordPress Gutenberg Global Button
zhlédnutí 86Před 21 dnem
Configure Global button using FSE Gutenberg Block editor and Spectra One theme ✅ Full Course Playlist: czcams.com/play/PLzKN_iozW-I5uoEaqvEqs7gIi41iNJIg6.html 🔴 Helpful Resources: 🔴 ✅ Get Spectra pro riadmahmud.com/ref/spectrapro (35% Discount while using my Affiliate link) 🥳 ✅ Download Resource file: riadmahmud.com/figma-to-gutenberg-block/ ✅ Download Spectra: riadmahmud.com/ref/spectra ✅ Lear...
07. Create Footer using Gutenberg Spectra One theme block theme
zhlédnutí 314Před měsícem
In this video, I will show you how to create a footer using WordPress block theme Spectra one and Spectra Block editor. 🔴 Helpful Resources: 🔴 ✅ Get Spectra pro riadmahmud.com/ref/spectrapro (35% Discount while using my Affiliate link) 🥳 ✅ Download Resource file: riadmahmud.com/figma-to-gutenberg-block/ ✅ Download Spectra: riadmahmud.com/ref/spectra ✅ Learn Gutenberg Full Site Editing: czcams.c...
06. Create Mobile Header using WordPress block editor Spectra One theme
zhlédnutí 253Před měsícem
06. Create Mobile Header using WordPress block editor Spectra One theme
05. Create Custom Header Using Gutenberg Editor Spectra One Block theme
zhlédnutí 517Před měsícem
05. Create Custom Header Using Gutenberg Editor Spectra One Block theme
04. Configure Spectra One Global Color | WordPress block theme Global Color
zhlédnutí 225Před měsícem
04. Configure Spectra One Global Color | WordPress block theme Global Color
03. Configure Spectra One Global Typography
zhlédnutí 312Před měsícem
03. Configure Spectra One Global Typography
02. Create necessary Pages and Install the theme and plugin
zhlédnutí 340Před měsícem
02. Create necessary Pages and Install the theme and plugin
01. Spectra One FSE Block theme series Tutorial Intro Video
zhlédnutí 1KPřed měsícem
01. Spectra One FSE Block theme series Tutorial Intro Video
Figma to WordPress Gutenberg Block using Spectra, Astra pro & WooCommerce
zhlédnutí 2,7KPřed 9 měsíci
Figma to WordPress Gutenberg Block using Spectra, Astra pro & WooCommerce
27. The final touch and outro for this course
zhlédnutí 446Před 10 měsíci
27. The final touch and outro for this course
26. How to Create or Customize All other Archive page?
zhlédnutí 356Před 10 měsíci
26. How to Create or Customize All other Archive page?
25. Add Comments section into the single post page and author bio using Gutenberg FSE theme
zhlédnutí 210Před 10 měsíci
25. Add Comments section into the single post page and author bio using Gutenberg FSE theme
22. How to create a Single Post page using Gutenberg Full Site Editor
zhlédnutí 865Před 10 měsíci
22. How to create a Single Post page using Gutenberg Full Site Editor
24. How to customize and create search result page in Gutenberg Full Site Editing theme?
zhlédnutí 445Před 10 měsíci
24. How to customize and create search result page in Gutenberg Full Site Editing theme?
23. How to add a search widget inside widget area Full Site Editing theme WordPress?
zhlédnutí 270Před 10 měsíci
23. How to add a search widget inside widget area Full Site Editing theme WordPress?
21. Create a Blog Page and Sidebar using Gutenberg Block editor Full site editing theme
zhlédnutí 974Před 10 měsíci
21. Create a Blog Page and Sidebar using Gutenberg Block editor Full site editing theme
20 How to Create Single Page template using Gutenberg block?
zhlédnutí 1,5KPřed 10 měsíci
20 How to Create Single Page template using Gutenberg block?
19.Create an image testimonial section using Gutenberg block
zhlédnutí 250Před 10 měsíci
19.Create an image testimonial section using Gutenberg block
this will not rank in google
Not sure what you mean. Could you please clarify this with some additional information?
Thanks for creating this video. Creating multi-step forms should not be rocket science or always a paid process on WordPress. Many many thanks
Please, brother upload the next part
Riad bhai kiya aap quora jaisi website bana sakte ho question answer waali
Yes, there are few themes related to those features inside themeforest. You could use any of them from the market ;)
Very Helpful Tutorial
Glad you think so!
Thank you. How to edit the current navigation menu and lock it? as of now whenever I scroll up and down the body page scrolls through it and goes on top of the menu and this looks very bad. I just need the navigation to remain stable and visible all the time. Many thanks pease advise professors
You can make it stick from the settings tab inside Elementor change the position to stick.
Very Helpful Tutorial
Glad you think so!
Couldn't get WPForms to work for the subscribe form. Anyone else have this issue? Also, I don't have access to "inner section" in Elementor.
Currently Elementor do not have inner section. But you can follow the same steps using container module/Elements from Elementor.
@@RiadMahmudGiven that this tut is a year or more old now, I wonder if many things have changed with Astra, Wordpress, Elementor, etc., that some things just don't work anymore. For instance, when closing the toggle menu using flyout, the bottom half of the menu without links turns white upon retraction. It looks terrible. I've tried solving this problem for hours and nothing works. Furthermore, the button and widget in the nav bar will not adhere to global button settings. In particular, the border radius as it applies to the button presets. Nothing happens. No changes. I'm not a novas to web development. I've worked with React, Node, Python, JS, AWS, SQL, Mongo, etc., for years. I was just curious about Wordpress to see how it works.
You should be awarded for this Man...what a tutorial...loved it
I appreciate your feedback Dev!
Thanks Brother
Welcome
Great Brother
So nice
Very impressive
Great brother
Thank you so much 😀
Very Helpfull
Please brother upload next part
Today :)
and what's the point of showing how to create a registration form if you can't integrate it with e.g. mailer lite or getresponse?
Actually this is a part of a series tutorial and here I mainly focus on designing using Gutenberg and Spectra. There will be some standalone videos for newsletter auto responders system
@@RiadMahmud Is there an option to integrate the Spectra plug-in with an external marketing tool, e.g. mailer lite, etc.?
@iwonapichalska4767 you have to use thirdparty plugins called suretriggers with the help of suretriggers you can add marketing tools and automate the process.
Hello bro, when will you publish the next part? I am waiting for the next part
Today
impressive Tutorial
Very Helpful Tutorial
Glad you think so!
Very Helpfull
Glad to hear that
How to import affiliate external product by CSV file with more product?
You can use All in one Export import plugin for this.
@@RiadMahmud which plugin? woocommerce has already integrated the "affiliate/external product" field! but when I load a csv file with the external product link information, the woocommerce loader doesn't add it, do you understand?
In most cases this kind of issue appears due to the incorrect CSV file. For indepth guide you can follow this guide to understand how CSV works woocommerce.com/document/product-csv-importer-exporter/
Hey, can the Spectra plugin be used to design the home page of the Generatepress theme, and in that case will this plugin support it?
Yes, You can use it.
Bro tumi bangladesh theke tai na??
haa vai :D
Hi, when I am adding an image on the Hero section, it is not blending in with the background of my Hero section. It remains with its original background. How can I incorporate it?
You have to remove the image background first and make it transparent, then it will blend with the actual section background.
@@RiadMahmud thank you for replying. I've already downloaded the image with a transparent background from Canva but it's still not working. what can I do more?
I assume it's not done properly. Or something is wrong. If you want you can share details in my email contact at riadmahmud.com share screenshot/screencast and url of the page where youa re facing issue.
@@RiadMahmud man thank you for taking the time to reply. I've finally solved it.
@@gabivtw I am so glad to hear that
I am the first one to like Riad bhai really love you because you teach us wordpress soon I will be able to make really cool websites till now i have followed your videos of travel website blog I am on responsive class
Keep it up brother. There will be more coming soon.
Hello Riad. Thanks for this series of tutorials dedicated to Spectra. I've learned a lot! I already watched the whole playlist 😛 Are you going to upload more videos? Thanks again.
Thats great 😊 There will be a full series of this playlist and I will publish 2 videos each day
Again: thank you for your clear and detailed explanations! It would be even better if you could fix the order of the videos in the playlist, so the autoplay selects the correct video automatically. Thank you!
Thank you for your feedback. If you want to view the video based on order autoplay then I'd suggest you to follow those video from playlist.
Here is the playlist with proper order czcams.com/video/FsawYm65KAI/video.html
Thank you for your clear and very detailed explanations.
Glad it was helpful!
Thanks a lot👍
You are welcome
Brother, I have benefited a lot from watching your video. Which are very helpful for beginners, thanks a lot of bro.
So nice of you brother.
Thank you so much, My dear brother. I'm repeat watching this series
You are most welcome
My goodness, how impressive !
Very good work. Please keep it up.
Thank you, I will
Thanks !
Welcome!
Can I set underline style? On hover and when that page is active? I am building website, where I really don't need colours.. thanks to anyone who will try to help me :)
Yes you can!
Is it elementor pro you’re using? I can't find posts in elementor
I am usingg Elementor free version.
How do you customize different button sizes from astra customizer, small large medium. From the video, its clear you can't edit it in elementor
Actually, you have to change it from the Elementor. As you can see, inside the video.
So, most of this can be done in WordPress Core, right? What is the advantage of using Spectra One?
Yes mos of them can be done using core. But Spectra one has some additional features, it makes it easy like it has a lot of templates, Lots of header, footer, patterns etc and also some additional features
great hv subscripbed pls how to go about body can i get the link and also is it the same process with Elementor pro?
Yes, you can do it using Elementor pro but you have to navigate theme builder > Create Header while using Elementor pro.
Hello, I discovert your tutorial when the version of wordpress is 6.5.4. is my version compatible with your tutorial?
You can follow the latest tutorials from my channel called Elementor to Gutenberg
very good tutorial
Many many thanks
I can't figure out how to show a specific category. I've googled, read the official woocommerce doc, read people's posts and STILL can't find an ectual example of it. Really frustrating.
You can follow the shortcode guide from WooCommerce.
Awesome tuto!!Thanks!Just it would be easy to share the figma link
Thanks for sharing!
Very helpful video, you have solved my problem. Thanks brother.
You are welcome
Aye thanks for this i really appreciate your teachings has helped me learn how to use the spectra builder but i have an issue. Tried this method but all my product categories are not displaying why?
Are you able to fix this? Could you please specify the issue with some additional information?
You have explained this in a very simple easy to understand manner. Thank you edit: liked and subscribed
Awesome, thank you!
Where can I find the image slider
Just type slider inside block editor then you will be able to find it.
Thank You So Much for making these Very Helpful tutorials! & may God Bless You.
You are always welcome :)
Woaw so easy thanks to you. I could not figure out how to customize the global colors in Spectra One
You're welcome
Excellent video. Thank you...
Glad you liked it!