Riad Mahmud
Riad Mahmud
  • 157
  • 647 529
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
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

Komentáře

  • @MichaelGuy
    @MichaelGuy Před dnem

    this will not rank in google

    • @RiadMahmud
      @RiadMahmud Před dnem

      Not sure what you mean. Could you please clarify this with some additional information?

  • @kensleylewis
    @kensleylewis Před dnem

    Thanks for creating this video. Creating multi-step forms should not be rocket science or always a paid process on WordPress. Many many thanks

  • @SayemRaijan
    @SayemRaijan Před 3 dny

    Please, brother upload the next part

  • @bollywoodhitt
    @bollywoodhitt Před 4 dny

    Riad bhai kiya aap quora jaisi website bana sakte ho question answer waali

    • @RiadMahmud
      @RiadMahmud Před 4 dny

      Yes, there are few themes related to those features inside themeforest. You could use any of them from the market ;)

  • @SayemRaijan
    @SayemRaijan Před 5 dny

    Very Helpful Tutorial

  • @fenimama
    @fenimama Před 6 dny

    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

    • @RiadMahmud
      @RiadMahmud Před 6 dny

      You can make it stick from the settings tab inside Elementor change the position to stick.

  • @SayemRaijan
    @SayemRaijan Před 8 dny

    Very Helpful Tutorial

  • @kamaboko1
    @kamaboko1 Před 9 dny

    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.

    • @RiadMahmud
      @RiadMahmud Před 6 dny

      Currently Elementor do not have inner section. But you can follow the same steps using container module/Elements from Elementor.

    • @kamaboko1
      @kamaboko1 Před 2 dny

      @@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.

  • @Dev-j3l
    @Dev-j3l Před 9 dny

    You should be awarded for this Man...what a tutorial...loved it

    • @RiadMahmud
      @RiadMahmud Před 6 dny

      I appreciate your feedback Dev!

  • @SayemRaijan
    @SayemRaijan Před 10 dny

    Thanks Brother

  • @SayemRaijan
    @SayemRaijan Před 10 dny

    Great Brother

  • @SayemRaijan
    @SayemRaijan Před 10 dny

    Very impressive

  • @SayemRaijan
    @SayemRaijan Před 10 dny

    Great brother

  • @SayemRaijan
    @SayemRaijan Před 10 dny

    Very Helpfull

  • @SayemRaijan
    @SayemRaijan Před 10 dny

    Please brother upload next part

  • @dariuszpichalski
    @dariuszpichalski Před 11 dny

    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?

    • @RiadMahmud
      @RiadMahmud Před 11 dny

      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

    • @iwonapichalska4767
      @iwonapichalska4767 Před 10 dny

      @@RiadMahmud Is there an option to integrate the Spectra plug-in with an external marketing tool, e.g. mailer lite, etc.?

    • @RiadMahmud
      @RiadMahmud Před 10 dny

      @iwonapichalska4767 you have to use thirdparty plugins called suretriggers with the help of suretriggers you can add marketing tools and automate the process.

  • @SayemRaijan
    @SayemRaijan Před 12 dny

    Hello bro, when will you publish the next part? I am waiting for the next part

  • @SayemRaijan
    @SayemRaijan Před 12 dny

    impressive Tutorial

  • @SayemRaijan
    @SayemRaijan Před 12 dny

    Very Helpful Tutorial

  • @SayemRaijan
    @SayemRaijan Před 12 dny

    Very Helpfull

  • @Jackal1997
    @Jackal1997 Před 16 dny

    How to import affiliate external product by CSV file with more product?

    • @RiadMahmud
      @RiadMahmud Před 14 dny

      You can use All in one Export import plugin for this.

    • @Jackal1997
      @Jackal1997 Před 12 dny

      @@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?

    • @RiadMahmud
      @RiadMahmud Před 10 dny

      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/

  • @malayghosh4689
    @malayghosh4689 Před 16 dny

    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?

  • @tbaeditor
    @tbaeditor Před 17 dny

    Bro tumi bangladesh theke tai na??

  • @gabivtw
    @gabivtw Před 18 dny

    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?

    • @RiadMahmud
      @RiadMahmud Před 18 dny

      You have to remove the image background first and make it transparent, then it will blend with the actual section background.

    • @gabivtw
      @gabivtw Před 18 dny

      @@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?

    • @RiadMahmud
      @RiadMahmud Před 18 dny

      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.

    • @gabivtw
      @gabivtw Před 15 dny

      @@RiadMahmud man thank you for taking the time to reply. I've finally solved it.

    • @RiadMahmud
      @RiadMahmud Před 15 dny

      @@gabivtw I am so glad to hear that

  • @MRLeadSkillsofficial
    @MRLeadSkillsofficial Před 18 dny

    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

    • @RiadMahmud
      @RiadMahmud Před 18 dny

      Keep it up brother. There will be more coming soon.

  • @dodgewagen
    @dodgewagen Před 20 dny

    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.

    • @RiadMahmud
      @RiadMahmud Před 20 dny

      Thats great 😊 There will be a full series of this playlist and I will publish 2 videos each day

  • @dodgewagen
    @dodgewagen Před 20 dny

    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!

    • @RiadMahmud
      @RiadMahmud Před 20 dny

      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.

    • @RiadMahmud
      @RiadMahmud Před 20 dny

      Here is the playlist with proper order czcams.com/video/FsawYm65KAI/video.html

  • @dodgewagen
    @dodgewagen Před 20 dny

    Thank you for your clear and very detailed explanations.

  • @user-fv8bc8sg5b
    @user-fv8bc8sg5b Před 20 dny

    Thanks a lot👍

  • @dipakgain9289
    @dipakgain9289 Před 20 dny

    Brother, I have benefited a lot from watching your video. Which are very helpful for beginners, thanks a lot of bro.

  • @SayemRaijan
    @SayemRaijan Před 21 dnem

    Thank you so much, My dear brother. I'm repeat watching this series

  • @BUY_YOUTUB_VIEWS_608
    @BUY_YOUTUB_VIEWS_608 Před 21 dnem

    My goodness, how impressive !

  • @johannbabl5839
    @johannbabl5839 Před 21 dnem

    Very good work. Please keep it up.

  • @PaxeM
    @PaxeM Před 27 dny

    Thanks !

  • @otakarneumann3609
    @otakarneumann3609 Před 28 dny

    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 :)

  • @KindVisuals-cn7mu
    @KindVisuals-cn7mu Před 28 dny

    Is it elementor pro you’re using? I can't find posts in elementor

    • @RiadMahmud
      @RiadMahmud Před 24 dny

      I am usingg Elementor free version.

  • @KindVisuals-cn7mu
    @KindVisuals-cn7mu Před 29 dny

    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

    • @RiadMahmud
      @RiadMahmud Před 24 dny

      Actually, you have to change it from the Elementor. As you can see, inside the video.

  • @HullioGQ
    @HullioGQ Před 29 dny

    So, most of this can be done in WordPress Core, right? What is the advantage of using Spectra One?

    • @RiadMahmud
      @RiadMahmud Před 29 dny

      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

  • @user-yn9xd3my1q
    @user-yn9xd3my1q Před měsícem

    great hv subscripbed pls how to go about body can i get the link and also is it the same process with Elementor pro?

    • @RiadMahmud
      @RiadMahmud Před 29 dny

      Yes, you can do it using Elementor pro but you have to navigate theme builder > Create Header while using Elementor pro.

  • @yk_david
    @yk_david Před měsícem

    Hello, I discovert your tutorial when the version of wordpress is 6.5.4. is my version compatible with your tutorial?

    • @RiadMahmud
      @RiadMahmud Před měsícem

      You can follow the latest tutorials from my channel called Elementor to Gutenberg

  • @NickyDailyAnimeEdits
    @NickyDailyAnimeEdits Před měsícem

    very good tutorial

  • @kennuimuffins2426
    @kennuimuffins2426 Před měsícem

    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.

    • @RiadMahmud
      @RiadMahmud Před měsícem

      You can follow the shortcode guide from WooCommerce.

  • @kasali310
    @kasali310 Před měsícem

    Awesome tuto!!Thanks!Just it would be easy to share the figma link

  • @arsalantechtips4548
    @arsalantechtips4548 Před měsícem

    Very helpful video, you have solved my problem. Thanks brother.

  • @oluwakayodechristopher8607

    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?

    • @RiadMahmud
      @RiadMahmud Před měsícem

      Are you able to fix this? Could you please specify the issue with some additional information?

  • @GoTechUG
    @GoTechUG Před měsícem

    You have explained this in a very simple easy to understand manner. Thank you edit: liked and subscribed

  • @impactmedia9132
    @impactmedia9132 Před měsícem

    Where can I find the image slider

    • @RiadMahmud
      @RiadMahmud Před měsícem

      Just type slider inside block editor then you will be able to find it.

  • @inezgrey1000
    @inezgrey1000 Před měsícem

    Thank You So Much for making these Very Helpful tutorials! & may God Bless You.

  • @719Being
    @719Being Před měsícem

    Woaw so easy thanks to you. I could not figure out how to customize the global colors in Spectra One

  • @user-rv1wz7xf8e
    @user-rv1wz7xf8e Před měsícem

    Excellent video. Thank you...