Канал: Riad Mahmud

Streamline Your Page Design Process with Spectra Plugin

Streamline Your Page Design Process with Spectra Plugin

21. How to Add Spectra One Sticky Header and Scroll To top

21. How to Add Spectra One Sticky Header and Scroll To top

20. Spectra Contact Form Multi-column

20. Spectra Contact Form Multi-column

19. Create Work In Process Section using Gutenberg Spectra Block

19. Create Work In Process Section using Gutenberg Spectra Block

18. Create experience section using Gutenberg Spectra block

18. Create experience section using Gutenberg Spectra block

17. Create Recipes Section using Gutenberg Spectra block

17. Create Recipes Section using Gutenberg Spectra block

16. How to Create Testimonials Section using Spectra block

16. How to Create Testimonials Section using Spectra block

15. Create Why Choose Us Section using Spectra block

15. Create Why Choose Us Section using Spectra block

14. Service Section using Gutenberg Spectra Block

14. Service Section using Gutenberg Spectra Block

13. Create Call to Action using Spectra Block

13. Create Call to Action using Spectra Block

12. Create Our mission Section using Spectra block

12. Create Our mission Section using Spectra block

10. Create Testimonial section using Gutenberg Block Spectra block

10. Create Testimonial section using Gutenberg Block Spectra block

11. Create About us Section using Spectra block

11. Create About us Section using Spectra block

09. Create Hero Area using Gutenberg block & Spectra One theme

09. Create Hero Area using Gutenberg block & Spectra One theme

08. Configure WordPress Gutenberg Global Button

08. Configure WordPress Gutenberg Global Button

7 Tips on How to Hook Your Website Visitor #websitedesign #wordpresstips #wordpresstutorial

7 Tips on How to Hook Your Website Visitor #websitedesign #wordpresstips #wordpresstutorial

07. Create Footer using Gutenberg Spectra One theme block theme

07. Create Footer using Gutenberg Spectra One theme block theme

06. Create Mobile Header using WordPress block editor Spectra One theme

06. Create Mobile Header using WordPress block editor Spectra One theme

05. Create Custom Header Using Gutenberg Editor Spectra One Block theme

05. Create Custom Header Using Gutenberg Editor Spectra One Block theme

04. Configure Spectra One Global Color | WordPress block theme Global Color

04. Configure Spectra One Global Color | WordPress block theme Global Color

03. Configure Spectra One Global Typography

03. Configure Spectra One Global Typography

02. Create necessary Pages and Install the theme and plugin

02. Create necessary Pages and Install the theme and plugin

3 Must Have #WordPress #plugin that you should use when using #gutenberg block editor

3 Must Have #WordPress #plugin that you should use when using #gutenberg block editor

01. Spectra One FSE Block theme series Tutorial Intro Video

01. Spectra One FSE Block theme series Tutorial Intro Video

(Coming soon) Mastering Spectra One FSE Theme And Spectra Block - The Ultimate Course!

(Coming soon) Mastering Spectra One FSE Theme And Spectra Block - The Ultimate Course!

Figma to WordPress Gutenberg Block using Spectra, Astra pro & WooCommerce

Figma to WordPress Gutenberg Block using Spectra, Astra pro & WooCommerce

27. The final touch and outro for this course

27. The final touch and outro for this course

26. How to Create or Customize All other Archive page?

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

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

22. How to create a Single Post page using Gutenberg Full Site Editor

21. Create a Blog Page and Sidebar using Gutenberg Block editor Full site editing theme

21. Create a Blog Page and Sidebar using Gutenberg Block editor Full site editing theme

23. How to add a search widget inside widget area Full Site Editing theme WordPress?

23. How to add a search widget inside widget area Full Site Editing theme WordPress?

24. How to customize and create search result page in Gutenberg Full Site Editing theme?

24. How to customize and create search result page in Gutenberg Full Site Editing theme?

20 How to Create Single Page template using Gutenberg block?

20 How to Create Single Page template using Gutenberg block?

19.Create an image testimonial section using Gutenberg block

19.Create an image testimonial section using Gutenberg block

18. Create Trainers or Team member section using Gutenberg

18. Create Trainers or Team member section using Gutenberg

17. Create features and Benefits section using Gutenberg block

17. Create features and Benefits section using Gutenberg block

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

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

15. Create a review section using Gutenberg

15. Create a review section using Gutenberg

14. Create Client Featured Logo Section using Gutenberg

13.How to Create Hero area using Gutenberg Block Editor

13.How to Create Hero area using Gutenberg Block Editor

12.How to Create a Page Template? No title Page template!

12.How to Create a Page Template? No title Page template!

11. Understand How responsive view works inside Gutenberg

11. Understand How responsive view works inside Gutenberg

10. How to Create Footer using Block Editor theme?

10. How to Create Footer using Block Editor theme?

Learn WordPress 6.3 Full Site Editing Complete Tutorial

Learn WordPress 6.3 Full Site Editing Complete Tutorial

9. How to create a Header using WordPress Block Editor?

9. How to create a Header using WordPress Block Editor?

8. Understand the block editor area, templates, patterns, shortcut key etc

8. Understand the block editor area, templates, patterns, shortcut key etc

7. Configure Site Layout and Global Block Items - Block editor theme

7. Configure Site Layout and Global Block Items - Block editor theme

6. Configure Global Typography inside Block editor theme - FSE theme

6. Configure Global Typography inside Block editor theme - FSE theme

5. Configure global color inside Block editor theme - Full Site Editor WP

5. Configure global color inside Block editor theme - Full Site Editor WP

4. How to create Child Theme while you are using FSE WordPress Block Theme

4. How to create Child Theme while you are using FSE WordPress Block Theme

03. Configure global Basic settings inside Full site Block editor WordPress

03. Configure global Basic settings inside Full site Block editor WordPress

02. What we are going to do? overview of Gutenberg FSE this project

02. What we are going to do? overview of Gutenberg FSE this project

01 - Convert from Elementor to Gutenberg Block Editor FSE Default WordPress

01 - Convert from Elementor to Gutenberg Block Editor FSE Default WordPress

41. How to create a Blur Sticky Header using Astra pro

41. How to create a Blur Sticky Header using Astra pro

40. How to Customize Single Blog Page using Astra Pro?

40. How to Customize Single Blog Page using Astra Pro?

39. How to Design your Blog Page using Astra pro blog module?

39. How to Design your Blog Page using Astra pro blog module?

38. Create Contact page and How to use Starter templates on a single page

38. Create Contact page and How to use Starter templates on a single page

37. How to Add Cross-sells and Upsells products using WooCommerce inside your website.

37. How to Add Cross-sells and Upsells products using WooCommerce inside your website.

36. How to Add Variable Products in WooCommerce?

36. How to Add Variable Products in WooCommerce?

35. How to Add External Affiliate Product in WooCommerce?

35. How to Add External Affiliate Product in WooCommerce?

34. How to Add Grouped Products in WooCommerce?

34. How to Add Grouped Products in WooCommerce?

33. How to Add Simple Product in WooCommerce?

33. How to Add Simple Product in WooCommerce?

32. How to Add Store Notice on WooCommerce and Types of Store Notice Position.

32. How to Add Store Notice on WooCommerce and Types of Store Notice Position.

31. Explore the WooCommerce Product images tab

31. Explore the WooCommerce Product images tab

30. Explore Misc tab, Sale notification, Modern Field, Quantity button, inside Astra pro

30. Explore Misc tab, Sale notification, Modern Field, Quantity button, inside Astra pro

29. Explore Modern My Account Page

29. Explore Modern My Account Page

28. Explore the Modern Checkout Page with some advance features

28. Explore the Modern Checkout Page with some advance features

27. Explore the Modern Cart page, Real time Add to Cart, Cross-sells product using Astra pro

27. Explore the Modern Cart page, Real time Add to Cart, Cross-sells product using Astra pro

26. Bonus part - Astra pro Single Product page additional features

26. Bonus part - Astra pro Single Product page additional features

25. Astra pro Single Product page Design

25. Astra pro Single Product page Design

24 Bonus Part - Customize Shop page using Astra pro WooCommerce module

24 Bonus Part - Customize Shop page using Astra pro WooCommerce module

23. Customize Shop page using Astra pro WooCommerce module

23. Customize Shop page using Astra pro WooCommerce module

22. Create Footer Newsletter form Using Spectra From Builder

22. Create Footer Newsletter form Using Spectra From Builder

21. How to Display Product Categories inside pages or posts using WooCommerce shortcode.

21. How to Display Product Categories inside pages or posts using WooCommerce shortcode.

20. How to Design a Testimonial Section using Gutenberg Block and Spectra block editor

20. How to Design a Testimonial Section using Gutenberg Block and Spectra block editor

19. Design Spring & Summer Collection Section using Spectra Block editor

19. Design Spring & Summer Collection Section using Spectra Block editor

18. How to create call to Action using Spectra Block Editor & Display On Sale Products

18. How to create call to Action using Spectra Block Editor & Display On Sale Products

17. How to display featured products on Home page using WooCommerce Shortcode

17. How to display featured products on Home page using WooCommerce Shortcode

16. How to Add Product Attributes, category and Add 5 Sample Products

16. How to Add Product Attributes, category and Add 5 Sample Products

15. Create Home page Hero Area using Spectra Block Editor | Figma to Gutenberg

15. Create Home page Hero Area using Spectra Block Editor | Figma to Gutenberg

14. How to make responsive footer using Astra pro Footer Builder

14. How to make responsive footer using Astra pro Footer Builder

13. How to Create Footer using Astra pro Footer Builder

13. How to Create Footer using Astra pro Footer Builder

12. How to Create Mobile Header using Astra pro Header Builder

12. How to Create Mobile Header using Astra pro Header Builder

11. How to Create Any Header using Astra pro Header Builder

11. How to Create Any Header using Astra pro Header Builder

10. Configure Astra pro color and typography

10. Configure Astra pro color and typography

9. Understand the Astra Dashboard and How Astra Pro module works

9. Understand the Astra Dashboard and How Astra Pro module works

8. Configure & Create menu and Static Home page

8. Configure & Create menu and Static Home page

7. Basic Configuration after installing theme and plugins inside Dashboard

7. Basic Configuration after installing theme and plugins inside Dashboard

6. How to Install WooCommerce and configure the plugin

6. How to Install WooCommerce and configure the plugin

5. How to Install Astra theme, Child theme & Astra pro Plugin in your server

5. How to Install Astra theme, Child theme & Astra pro Plugin in your server

4. Prerequisite for this series tutorial

4. Prerequisite for this series tutorial

3. Configure and Understand the Local server and live server

3. Configure and Understand the Local server and live server

2. Convert Figma to WooCommerce - Design Overview of the Project

2. Convert Figma to WooCommerce - Design Overview of the Project

1. Intro - Complete eCommerce Website using Astra pro, Spectra & WooCommerce

1. Intro - Complete eCommerce Website using Astra pro, Spectra & WooCommerce

How to Build Headers and Footers Using Elementor for FREE

How to Build Headers and Footers Using Elementor for FREE

How to Create a Multi Step form on WordPress for FREE.

How to Create a Multi Step form on WordPress for FREE.

Complete WooCommerce Tutorial for Beginners - 101

Complete WooCommerce Tutorial for Beginners - 101

Convert Figma to Elementor Container tutorial and Flexbox full project.

Convert Figma to Elementor Container tutorial and Flexbox full project.

Elementor Container | Elementor Flexbox Complete Tutorial with Figma Resource file.

Elementor Container | Elementor Flexbox Complete Tutorial with Figma Resource file.

Part 2: Figma To Gutenberg Using Spectra Block Editor & Astra theme full Project.

Part 2: Figma To Gutenberg Using Spectra Block Editor & Astra theme full Project.

Part 1: Figma To Gutenberg Using Spectra Block Editor & Astra theme full Project.

Part 1: Figma To Gutenberg Using Spectra Block Editor & Astra theme full Project.

How to Install And Practice WordPress on Live Server for Free

How to Install And Practice WordPress on Live Server for Free

Spectra Block Editor | Gutenberg Blocks Complete Tutorial For Beginners

Spectra Block Editor | Gutenberg Blocks Complete Tutorial For Beginners

Elementor Responsive Design - How to make any Responsive Website using Elementor.

Elementor Responsive Design - How to make any Responsive Website using Elementor.

Convert Figma Design to Elementor WordPress Landing Page - No Quick Method!

Convert Figma Design to Elementor WordPress Landing Page - No Quick Method!

New video coming soon figma to elementor 😍

New video coming soon figma to elementor 😍

27. Contact Page using WPForms and Pattern Template

27. Contact Page using WPForms and Pattern Template

26. Custom Category Archive page using Gutenberg Editor

26. Custom Category Archive page using Gutenberg Editor

25. Custom Search result page using Gutenberg Full site Editing

25. Custom Search result page using Gutenberg Full site Editing

24. Create a Custom Single Post page using Gutenberg

24. Create a Custom Single Post page using Gutenberg

23. Custom Blog Archive with Sidebar area using Gutenberg FSE Block Editor Part 3

23. Custom Blog Archive with Sidebar area using Gutenberg FSE Block Editor Part 3

22. Custom Blog Archive using Gutenberg FSE Block Editor - Part 2

22. Custom Blog Archive using Gutenberg FSE Block Editor - Part 2

21. Custom Blog Archive using Gutenberg FSE Block Editor - Part 1

21. Custom Blog Archive using Gutenberg FSE Block Editor - Part 1

20. How to use WordPress Patterns & Create Service page

20. How to use WordPress Patterns & Create Service page

19. How to use WordPress Patterns & Create About Page

19. How to use WordPress Patterns & Create About Page

18. How to style WP Form Submit Button using Custom CSS and custom class

18. How to style WP Form Submit Button using Custom CSS and custom class

17. Create an Appointment Section using Gutenberg

17. Create an Appointment Section using Gutenberg

16. Testimonial section using the Gutenberg Editor and 2022 WordPress theme

16. Testimonial section using the Gutenberg Editor and 2022 WordPress theme

15. Call to Action section using Gutenberg Block and 2022 WordPress theme

15. Call to Action section using Gutenberg Block and 2022 WordPress theme

14. Another Service Section Part 2 using Gutenberg Editor

14. Another Service Section Part 2 using Gutenberg Editor

13. Services section area using Gutenberg Block Editor

13. Services section area using Gutenberg Block Editor

12. Create Featured Video area using the Gutenberg Block editor

12. Create Featured Video area using the Gutenberg Block editor

11. Home - Create a Hero Area using the Gutenberg Editor with default 2022 WordPress theme

11. Home - Create a Hero Area using the Gutenberg Editor with default 2022 WordPress theme

10. Discussion about the Default Blocks and Theme Builder Blocks inside the Gutenberg Editor

10. Discussion about the Default Blocks and Theme Builder Blocks inside the Gutenberg Editor

9. Create and understand the Single Page template in Gutenberg

9. Create and understand the Single Page template in Gutenberg

8. How to Make Header and Footer responsive using the Gutenberg Full Site Editor

8. How to Make Header and Footer responsive using the Gutenberg Full Site Editor

7. Create a Footer area using the Gutenberg Full Site Editing FSE Features

7. Create a Footer area using the Gutenberg Full Site Editing FSE Features

6. Create A Header using Gutenberg FSE Features

6. Create A Header using Gutenberg FSE Features

5. Configure the Global Typography, Colors and Blocks

5. Configure the Global Typography, Colors and Blocks

4. Understanding the Full Site Editing FSE Gutenberg editor

4. Understanding the Full Site Editing FSE Gutenberg editor

3. Difference between Full site editing (FSE) and the previous Version of WordPress theme

3. Difference between Full site editing (FSE) and the previous Version of WordPress theme

2. Create Necessary Pages and Basic settings

2. Create Necessary Pages and Basic settings

1. Full site editing FSE Gutenberg WordPress Tutorial with Real Project

1. Full site editing FSE Gutenberg WordPress Tutorial with Real Project

Figma to WordPress Multipage Website using ( Free Astra & Elementor) in 2022

Figma to WordPress Multipage Website using ( Free Astra & Elementor) in 2022

How to Build Wireframes in WordPress using the (Astra theme and Starter template)

How to Build Wireframes in WordPress using the (Astra theme and Starter template)

How to Create Bulk pages In Wordpress at Once in 2022

How to Create Bulk pages In Wordpress at Once in 2022

20. How to create contact page using WPForm, Astra and Elementor

20. How to create contact page using WPForm, Astra and Elementor

19. How to customize Astra Blog Archive page and Single Post page

19. How to customize Astra Blog Archive page and Single Post page

18. Create Visited Place Page Using Elementor and Astra

18. Create Visited Place Page Using Elementor and Astra

17. About Page - Create brand sponsorship section and Newsletter Signup form

16. How to Create filterable Photo Gallery using Elementor free

16. How to Create filterable Photo Gallery using Elementor free

15. About page - Create About section using Elementor and Astra theme

15. About page - Create About section using Elementor and Astra theme

14. How to Make your website fully responsive using Elementor and Astra theme

14. How to Make your website fully responsive using Elementor and Astra theme

13. Home - Wpforms newsletter form using Elementor and Astra

13. Home - Wpforms newsletter form using Elementor and Astra

12. Home - My Upcoming Tours using Elementor and Astra

12. Home - My Upcoming Tours using Elementor and Astra

11 - Home - Create a Latest Post area - Blog section using Elementor & Astra

11 - Home - Create a Latest Post area - Blog section using Elementor & Astra

10. Home - CTA Call to Action using Astra and Elementor

10. Home - CTA Call to Action using Astra and Elementor

9. Home - Place where I have visited section using Elementor & Astra

9. Home - Place where I have visited section using Elementor & Astra

8. Home - Create About Section using Astra and Elementor

8. Home - Create About Section using Astra and Elementor

7. Home - Create Hero area using Astra and Elementor.

7. Home - Create Hero area using Astra and Elementor.

6. How to add Custom CSS, CSS nesting, Grouping and Debug

6. How to add Custom CSS, CSS nesting, Grouping and Debug

5. Create Footer using Astra Footer Builder - Fully Custom Footer

5. Create Footer using Astra Footer Builder - Fully Custom Footer

4. Create Header using Astra Header Builder and necessary pages

4. Create Header using Astra Header Builder and necessary pages

3. Configure Astra Global color and Typography

3. Configure Astra Global color and Typography

2. Install necessary plugins along with the Astra theme

2. Install necessary plugins along with the Astra theme

1. Discuss about local & live server and Install WordPress on local server

1. Discuss about local & live server and Install WordPress on local server

How to make a travel blog website using Astra and Elementor Part - 00

How to make a travel blog website using Astra and Elementor Part - 00

😍 Welcome to my New Youtube Channel. 🥳

😍 Welcome to my New Youtube Channel. 🥳