No Code Building
  • LIÊN HỆ
  • KIẾN THỨC WEBSITE
  • GIẢI TRÍ
  • TIỀN ĐIỆN TỬ
  • KINH DOANH
    • Quà tặng doanh nghiệp
    • Đồng hồ công cộng
    • Đồng hồ treo tường
    • Dịch vụ kinh doanh
    • Nón bảo hiểm
No Result
View All Result
No Code Building
  • LIÊN HỆ
  • KIẾN THỨC WEBSITE
  • GIẢI TRÍ
  • TIỀN ĐIỆN TỬ
  • KINH DOANH
    • Quà tặng doanh nghiệp
    • Đồng hồ công cộng
    • Đồng hồ treo tường
    • Dịch vụ kinh doanh
    • Nón bảo hiểm
No Result
View All Result
No Code Building
No Result
View All Result
Home WordPress Elementor

Hướng dẫn Elementor cơ bản cho người mới

in Elementor
0
Hướng dẫn Elementor cơ bản cho người mới
792
SHARES
4.4k
VIEWS
Share on FacebookShare on Twitter

Mục lục bài viết

  • 1. Cài đặt plugin Elementor
  • 2. Cài đặt Elementor Pro
  • 3. Những thao tác đầu tiên của Elementor
  • 4. Thao tác cơ bản trong Section của Elementor
  •  5. Chèn các mẫu Templates có sẵn
  • 6. Lưu nháp và xuất bản (Save Draft and Publish)

Elementor là một plugin xây dựng website trực quan cho WordPress. Bạn có thể thiết kế website mà không cần code. Elementor giúp mở rộng khả năng tùy biến và tăng độ “đẹp đến mê hồn”. Bài viết này mình sẽ hướng dẫn những thao tác Elementor cơ bản khi sử dụng.

1. Cài đặt plugin Elementor

Bạn cài đặt Elementor như 1 plugin bình thường. Trình tự như sau: Trong Dashboard > chọn Plugins > Add New. Tại ô tìm kiếm plugin, bạn gõ Elementor, các kết quả hiện ra > chọn Elementor page builder và Install. Sau khi cài đặt xong, chọn Activate để kích hoạt.

2. Cài đặt Elementor Pro

Elementor Pro là gói mở rộng của plugin Elementor. Do đó, bạn phải cài đặt Elementor trước khi muốn cài Elementor Pro. Elementor Pro là plugin trả phí, bạn có thể mua bản quyền chính thức tại đây. Hoặc bạn có thể liên hệ mình để được sử dụng bản quyền theo chính sách khách hàng của No Code Building.

Sau khi đã mua bản quyền chính thức, bạn truy cập vào my.elementor.com và truy cập theo tài khoản đã đăng ký. Trang tài khoản của bạn sẽ hiện ra, với nút download plugin  và key bản quyền đi kèm. Bạn download plugin về và cài đặt như bình thường.

Trong Dashboard, chọn Elementor > License > Connect & Activate. Bạn sẽ được chuyển đến trang tài khoản Elementor Pro của bạn > chọn Connect và quá trình kích hoạt bản quyền sẽ diễn ra tự động.

3. Những thao tác đầu tiên của Elementor

Trong Dashboard, chọn Page > Add New. Giao diện trang mới hiện ra, chọn Edit with Elementor.

Và giao diện cơ bản của Elementor hiện ra. Bên trái là Widget Panel tổng hợp tất cả các tính năng của Elementor. Bên phải là Editing Area để thực hiện thao tác chỉnh sửa. Bắt đầu chỉnh sửa với Elementor sẽ là 1 trong 2 lựa chọn: Add New Section để tạo ra 1 vùng chỉnh sửa mới (xem mục 4), và Add a Template là chèn mẫu thiết kế đã có sẵn từ thư viện (xem mục 5).

giao diện sử dụng elementor cơ bản

4. Thao tác cơ bản trong Section của Elementor

Elementor sử dụng ba cấp độ tính năng thiết kế đó là: Section, Column và Widget.

Section là khối lớn nhất, và chứa trong nó là Column. Các Column sẽ là nơi chứa các Widget. Còn Widget là thành phần nhỏ nhất và đa dạng tính năng nhất. Mỗi thành phần đều có 1 handle để điều khiển.

Có thể sử dụng handle để di chuyển các thành phần bằng cách drag chuột (giữ và kéo thả). Giữ và di chuyển thành phần đến vị trí bạn muốn, sau đó thả xuống. Để di chuyển chính xác hơn, bạn có thể sử dụng Navigator.

Muốn chỉnh sửa thành phần, bạn Right click (nhấp chuột phải) vào handle của thành phần đó. Các tùy chọn sẽ xuất hiện như Edit, Duplicate, Copy…

Tạo Section mới: chọn icon (+) để tạo Section mới, lựa chọn số lượng Column mong muốn, sau đó thực hiện các thao tác tùy chọn. Phần handle của Section có 3 ký hiệu thao tác nhanh, lần lượt là (+) tạo mới, (:::) di chuyển, (x) xóa bỏ.

Chỉnh sửa Column cơ bản: bạn có thể chỉnh sửa độ rộng của các Column bằng cách kéo đường phân cách giữa chúng. Các tùy chọn như Duplicate (nhân đôi), Delete (xóa)… cũng thể hiện đầy đủ khi bạn Right click vào handle.

elementor cơ bản

Thêm mới Widget: để thêm mới, bạn giữ chuột và kéo Widget từ thanh công cụ vào Column mà bạn muốn. Độ rộng của Widget được mặc định bằng với độ rộng của Column.

 5. Chèn các mẫu Templates có sẵn

Để chèn Templates, bạn chọn biểu tượng Add a Template để mở thư viện Elementor.

Trong thư viện, có 3 tab ở trên là Blocks (khối mẫu), Pages (trang mẫu) và My Templates (các mẫu do chính bạn thiết kế và lưu lại). Góc trái có các tùy chọn các nhóm mẫu. Góc phải là ô Search để tìm kiếm mẫu. Khi chọn được mẫu ưng ý, bạn nhấp chuột vào để phóng to mẫu và xem cụ thể. Đồng ý thì chọn Insert. Nếu chưa đồng ý thì chọn Back to Library để chọn tiếp. Nếu không muốn sử dụng mẫu thì chọn icon (x) để đóng thư viện.

sử dụng thư viện elementor cơ bản

6. Lưu nháp và xuất bản (Save Draft and Publish)

Phía góc dưới cùng của bảng công cụ, có một nút Publish màu xanh lá cây kèm ký hiệu mũi tên. Bạn chọn Publish nếu bạn muốn xuất bản ngay thiết kế của mình.
Nếu chưa hoàn thiện, bạn nhấp vào ký hiệu mũi tên và chọn Save Draft. Nếu muốn sử dụng phần thiết kế làm mẫu sử dụng nhiều lần thì chọn Save as Template. Và mẫu này sẽ nằm trong phần My Template của thư viện (đã nêu ở mục 5).
Như vậy là mình vừa chia sẻ những thao tác cơ bản trong Elementor. Hẹn gặp lại các bạn trong các bài hướng dẫn tiếp theo về chuyên đề Elementor.
Tags: elementor cho người mới bắt đầuelementor cơ bảnthiết kế website không cần code bằng elementor
Previous Post

Đoạn code mở liên kết trong trang mới

Next Post

Hướng dẫn tìm Phantom keyword để tăng traffic hiệu quả

Related Posts

Hướng dẫn Elementor cơ bản cho người mới
Elementor

Chỉnh tiêu đề Tabs Elementor nằm ngang trên mobile

by TRUNG NO CODE
4 Tháng Hai, 2021
Sửa lỗi xung đột layout Archive dạng cột giữa GeneratePress và Elementor
Elementor

Sửa lỗi xung đột layout Archive dạng cột giữa GeneratePress và Elementor

by TRUNG NO CODE
4 Tháng Hai, 2021
Hướng dẫn chèn Google Maps vào website
Elementor

Hướng dẫn chèn Google Maps vào website

by TRUNG NO CODE
4 Tháng Hai, 2021
Hướng dẫn Elementor cơ bản cho người mới
Elementor

Chỉnh Background trong Elementor

by TRUNG NO CODE
4 Tháng Hai, 2021
Hướng dẫn Elementor cơ bản cho người mới
Elementor

Hướng dẫn chỉnh Layout trong Elementor

by TRUNG NO CODE
4 Tháng Hai, 2021
Next Post

Hướng dẫn tìm Phantom keyword để tăng traffic hiệu quả

Currently Playing

[Không quảng cáo] Tiếng đàn piano nhẹ nhàng, êm dịu, dễ ngủ vào buổi tối

[Không quảng cáo] Tiếng đàn piano nhẹ nhàng, êm dịu, dễ ngủ vào buổi tối

00:43:24

Recommended

viết bài chuẩn seo - no code building

Viết bài chuẩn SEO bằng Yoast SEO

4 Tháng Hai, 2021
Tuyển tập EDM cực hay NGHE 1 LẦN LÀ NGHIỆN

Tuyển tập EDM cực hay NGHE 1 LẦN LÀ NGHIỆN

15 Tháng Bảy, 2021

Chuyên mục

  • Âm nhạc
  • Bàn bida
  • Biểu trưng
  • Công nghệ
  • Cuộc sống
  • Design
  • Đồng hồ công cộng
  • Đồng hồ treo tường
  • Elementor
  • Giải trí
  • Hot girl
  • HTML & CSS
  • Hướng dẫn
  • Kinh doanh
  • Kinh tế
  • Lập trình
  • Mẫu thiết kế
  • Nón bảo hiểm
  • Phim ảnh
  • PHP
  • Quà tặng doanh nghiệp
  • Review công nghệ
  • SEO tốt
  • Thể thao
  • Thời sự
  • Thủ thuật
  • Tiền điện tử
  • Tin công nghệ
  • Woocommerce
  • WordPress
  • Xã hội
  • Youtube

Don't miss it

Xem trọn bộ phim Hán Sở tranh hùng  2013
Giải trí

Xem trọn bộ phim Hán Sở tranh hùng 2013

13 Tháng Một, 2022
Tuyển tập nhạc No Copyright Calm Music
Âm nhạc

Tuyển tập nhạc No Copyright Calm Music

15 Tháng Mười Hai, 2021
Mua vải bố canvas TP.HCM ở đâu?
Kinh doanh

Mua vải bố canvas TP.HCM ở đâu?

9 Tháng Mười Hai, 2021
Rick Astley Hodlers – Thói quen mua Bitcoin của các Hodlers yêu hết mình
Tiền điện tử

Rick Astley Hodlers – Thói quen mua Bitcoin của các Hodlers yêu hết mình

27 Tháng Chín, 2021
Mô hình Stock to Flow S2F của PlanB
Tiền điện tử

Mô hình Stock to Flow S2F của PlanB

27 Tháng Chín, 2021
Xem phim The Big Short 2015 – Phim hay về thị trường tài chính
Giải trí

Xem phim The Big Short 2015 – Phim hay về thị trường tài chính

9 Tháng Mười Một, 2021

Thẻ

bàn bida hollywood 2021 chỉnh font mặc định trong corel code auto choose variable product code để khách gửi email bằng tài khoản gmail hướng dẫn cách xem kênh youtube nào nhiều sub nhất hướng dẫn lắp kim đồng hồ treo tường in nón bảo hiểm giá rẻ in nón bảo hiểm giá rẻ tphcm in nón bảo hiểm giá sỉ khuyến mãi kênh youtube nhiều sub nhất thế giới kênh youtube nhiều sub nhất việt nam mua elementor pro namesilo nocodebuilding nón bảo hiểm quà tặng qts1 quà tặng 90 năm thành lập đoàn quà tặng kỷ niệm 90 năm đoàn thanh niên quà tặng số 1 raya và rồng thần cuối cùng full sản xuất nón bảo hiểm chất lượng sản xuất đồng hồ treo tường theo yêu cầu thiết kế website thiết kế website không cần code thiết kế website wordpress top 100 phim hoạt hình hay nhất mọi thời đại tra cứu thông tin bầu cử quận 12 tự động chọn biến thể vultr woocommerce xưởng sản xuất nón bảo hiểm xưởng sản xuất nón bảo hiểm giá rẻ đặt in nón bảo hiểm số lượng lớn đặt làm đồng hồ treo tường theo yêu cầu đặt nón bảo hiểm quà tặng đặt nón bảo hiểm theo yêu cầu đồng hồ công cộng đồng hồ công cộng uy tín đồng hồ treo tường 1m đồng hồ treo tường cỡ lớn đồng hồ treo tường giá rẻ đồng hồ treo tường hội trường đồng hồ treo tường in logo giá rẻ đồng hồ treo tường trước cổng trường
No Code Building

Giải pháp Marketing hiệu quả

Categories

  • Âm nhạc
  • Bàn bida
  • Biểu trưng
  • Công nghệ
  • Cuộc sống
  • Design
  • Đồng hồ công cộng
  • Đồng hồ treo tường
  • Elementor
  • Giải trí
  • Hot girl
  • HTML & CSS
  • Hướng dẫn
  • Kinh doanh
  • Kinh tế
  • Lập trình
  • Mẫu thiết kế
  • Nón bảo hiểm
  • Phim ảnh
  • PHP
  • Quà tặng doanh nghiệp
  • Review công nghệ
  • SEO tốt
  • Thể thao
  • Thời sự
  • Thủ thuật
  • Tiền điện tử
  • Tin công nghệ
  • Woocommerce
  • WordPress
  • Xã hội
  • Youtube

Recent News

Xem trọn bộ phim Hán Sở tranh hùng  2013

Xem trọn bộ phim Hán Sở tranh hùng 2013

13 Tháng Một, 2022
Tuyển tập nhạc No Copyright Calm Music

Tuyển tập nhạc No Copyright Calm Music

15 Tháng Mười Hai, 2021

© 2021 No Code Building - Giải pháp Marketing hiệu quả

No Result
View All Result
  • LIÊN HỆ
  • KIẾN THỨC WEBSITE
  • GIẢI TRÍ
  • TIỀN ĐIỆN TỬ
  • KINH DOANH
    • Quà tặng doanh nghiệp
    • Đồng hồ công cộng
    • Đồng hồ treo tường
    • Dịch vụ kinh doanh
    • Nón bảo hiểm

© 2021 No Code Building - Giải pháp Marketing hiệu quả

Gọi điện thoại
0989 333 069