Cách thêm hình ảnh vào văn bản trong Elementor

Cách thêm hình ảnh vào văn bản trong Elementor

Bạn cần tìm hiểu cách thêm hình ảnh vào văn bản trong Elementor?

Elementor giúp mọi người có thể trở thành nhà thiết kế web mà không cần phải có kỹ năng CSS nâng cao. Trình chỉnh sửa trực quan của nó cho phép bạn tạo một trang web đẹp mà không cần viết một dòng mã CSS. Bạn chỉ có thể thêm bất kỳ yếu tố thiết kế (widget) nào bạn muốn và tùy chỉnh chúng trong bảng cài đặt.

Mặc dù vậy, có kỹ năng CSS sẽ là một phần thưởng lớn khi sử dụng Elementor. Bạn sẽ có thể áp dụng các kiểu độc đáo cho trang web của mình bằng cách sử dụng chức năng CSS tùy chỉnh từ Elementor. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách thêm hình ảnh bên trong văn bản trong Elementor bằng cách sử dụng tính năng CSS tùy chỉnh của Elementor.

Trong một số công cụ thiết kế như GIMP và Photoshop, bạn thường cần thêm dấu lớp để thêm hình ảnh trong văn bản. Trong Elementor, bạn có thể thực hiện điều tương tự bằng cách thêm mã CSS làm tiện ích Tiêu đề và tiện ích Văn bản trong Elementor không có tùy chọn cài đặt để thêm hình ảnh làm nền.

Thêm hình ảnh vào văn bản Elementor

Trước khi bắt đầu, hãy đảm bảo rằng bạn đã nâng cấp phiên bản Elementor của mình lên phiên bản chuyên nghiệp nếu bạn chưa nâng cấp vì chức năng CSS tùy chỉnh chỉ khả dụng trên Elementor Pro. Khi bạn đã sẵn sàng, hãy tạo một trang hoặc mẫu mới và chỉnh sửa nó bằng Elementor. Tất nhiên, bạn cũng có thể chỉnh sửa một trang hoặc mẫu hiện có.

Xem thêm: Elementor: Cách thêm mục lục

Thêm tiện ích Tiêu đề vào hộp chỉnh sửa.

Cách thêm hình ảnh vào văn bản trong Elementor

Đi tới bảng cài đặt để thay thế văn bản mặc định trong tab Nội dung.

Cũng đọc hướng dẫn của chúng tôi về: Elementor: Cách sử dụng công cụ chọn màu

Đi tới tab Phong cách để cá nhân hóa văn bản. Bạn có thể đặt kích thước văn bản, kiểu phông chữ, v.v. bằng cách nhấp vào biểu tượng bút chì trong Tùy chọn kiểu chữ dưới khối Tiêu đề. Vì bạn muốn sử dụng hình ảnh làm nền cho văn bản của mình, nên không cần đặt màu văn bản.

Sau đó chuyển đến tab tiên tiến và mở khối Tuỳ chỉnh CSS và dán mã CSS sau đây. Thay thế URL hình ảnh bằng URL hình ảnh của riêng bạn.

selector .elementor-heading-title
{
     background: url("https://www.wppagebuilders.com/wp-content/uploads/2020/05/gradient-progress-bar-elementor.jpg") green repeat 30% 70%  ;
     -webkit-background-clip:text;
     -webkit-text-fill-color:transparent;
}

Đây là ví dụ.

Cách thêm hình ảnh vào văn bản trong Elementor

Tải xuống Elementor Pro ngay!

Kết luận

Đây là ! Đó là nó cho bài viết này hướng dẫn bạn cách thêm hình ảnh vào văn bản trong Elementor. Nếu bạn có bất kỳ mối quan tâm nào về cách đến đó fcho chúng tôi biết trong ý kiến.

Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.

Nhưng trong lúc này, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.

...

Elementor: Cách sử dụng công cụ chọn màu

Elementor: Cách sử dụng công cụ chọn màu

Bạn có muốn sử dụng công cụ chọn màu trong Elementor không?

Elementor vừa phát hành một tính năng mới, Bộ chọn màu. Tính năng này khá tiện dụng vì giờ đây bạn có thể sử dụng cùng một màu trên bất kỳ phần nào của trang web chỉ với một cú nhấp chuột. Do đó, không còn cần thiết phải dán mã thập lục phân theo cách thủ công như trước đây.

Nhưng làm thế nào để bạn sử dụng tính năng này? Đọc để tìm hiểu.

Đọc cũng: Cách sử dụng phông chữ toàn cục trong Elementor

Trong trường hợp bạn quên, có hơn 10 triệu màu sắc trên thế giới này. Trong thế giới web, một màu có thể được biểu thị bằng mã thập lục phân hoặc mã RGB. Bản thân Elementor hỗ trợ cả hai mã màu. Để sử dụng cùng một màu, bạn có thể sao chép mã hex hoặc mã RGB của màu bạn muốn và dán mã vào bất kỳ phần nào bạn muốn sử dụng màu.

Đó là trước kia.

Với Bộ chọn màu của Elementor, giờ đây bạn có thể lưu một màu nhất định và sử dụng nó nhiều lần bất cứ khi nào bạn làm việc với Trình chỉnh sửa Elementor. Chỉ với một cú nhấp chuột. Tính năng mới này khá thú vị vì tìm một màu phù hợp là một trong những nhiệm vụ khó khăn của thiết kế web ngoài việc chọn phông chữ.

Xem thêm: Cách sử dụng màu toàn cục trong Elementor

Cách sử dụng công cụ chọn màu của Elementor

Để sử dụng công cụ chọn màu của Elementor, trước tiên hãy thêm một tiện ích như bình thường. Sau khi tiện ích con được thêm vào, hãy chuyển đến tab Phong cách trên bảng điều khiển bên trái. Chọn bất kỳ cài đặt nào liên quan đến màu sắc (ví dụ: màu văn bản hoặc màu nền).

Đọc cũng: Cách tạo biểu mẫu tải lên tệp trong Elementor

Chọn màu sắc yêu thích của bạn trên bảng chọn màu. Khi bạn đã tìm được màu phù hợp, hãy nhấp vào nút dấu cộng bên trong công cụ chọn màu.

Bạn sẽ được yêu cầu xác nhận xem bạn có muốn tạo một màu toàn cầu mới hay không. Nhập tên mới và nhấp vào nút Tạo nên.

Cách sử dụng công cụ chọn màu trong Elementor

Từ bây giờ, bạn có thể sử dụng lại màu vừa thêm ở trên bất cứ khi nào bạn muốn đặt màu trên Elementor. Cho dù đó là màu nền, màu phông chữ hoặc các cài đặt khác liên quan đến màu sắc.

Đọc cũng: Cách thêm phân trang trong Elementor

Để chứng minh điều đó, bạn có thể tìm một phần tử khác chấp nhận màu sắc chẳng hạn như tiêu đề, bạn có thể sử dụng lại màu đó khi thấy phù hợp.

Cách sử dụng công cụ chọn màu trong Elementor

Sau đó, nếu bạn muốn quản lý những màu này, chúng tôi khuyên bạn nên đọc hướng dẫn của chúng tôi về Cách sử dụng màu toàn cục trong Elementor

Từ cuối cùng

Trong thiết kế web, chọn màu là một trong những công việc khó khăn ngoài việc chọn phông chữ. Sau khi tìm thấy một màu phù hợp, bạn thường sao chép mã hex hoặc mã RGB để sử dụng nó trên các phần khác của trang mà bạn đang làm việc.

Xem thêm: Cách thêm mục lục trong Elementor

Với bộ chọn màu của Elementor, phương pháp cũ này không còn được áp dụng nữa. Bây giờ bạn có thể lưu một màu nhất định và sử dụng lại nó bằng một cú nhấp chuột, thay vì dán mã hex.

Tải xuống Elementor Pro ngay!

Kết luận

Đây là ! Đó là nó cho bài viết này hướng dẫn bạn cách sử dụng công cụ chọn màu trong Elementor. Nếu bạn có bất kỳ mối quan tâm nào về cách đến đó fcho chúng tôi biết trong ý kiến.

Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.

Nhưng trong lúc này, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.

...

10 WordPress chủ đề để tạo ra một cửa hàng trực tuyến

10 WordPress chủ đề để tạo ra một cửa hàng trực tuyến

Bạn có muốn tìm các chủ đề WordPress tốt nhất để xây dựng một cửa hàng trực tuyến không?

Sự kết hợp giữa một chủ đề WordPress tuyệt vời và plugin WooCommerce sẽ là một sự kết hợp hoàn hảo sẽ dễ dàng tạo ra một cửa hàng trực tuyến trên internet. WooCommerce rất phổ biến. Nó hiện được cài đặt trên gần 30% tất cả các trang web Thương mại điện tử. Sự phổ biến này mang lại cho nó một sự đảm bảo về sức mạnh và độ bền cho phép chúng tôi nói với bạn rằng nó sẽ hoàn hảo cho bạn.

Vì WordPress có một số lượng khá lớn các chủ đề WordPress dành riêng cho Thương mại điện tử, chúng tôi đã quyết định cung cấp cho bạn ở đây 10 chủ đề WordPress thương mại điện tử cao cấp tốt nhất, được thiết kế để giúp bạn xây dựng một cửa hàng trực tuyến.

Nhưng trước khi bắt đầu, nếu bạn chưa bao giờ cài đặt WordPress, hãy khám phá Làm thế nào để cài đặt một bước 7 blog WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn.

Sau đó trở lại lý do tại sao chúng ta ở đây.

1. blance

Sạch sẽ, nhạy bén, với vẻ ngoài tối giản, chủ đề WordPress Blance hoàn hảo để tạo bất kỳ trang web Thương mại điện tử nào. Đặc biệt là những người dành riêng cho việc bán quần áo và các sản phẩm và phụ kiện thời trang khác.

Blance - các chủ đề WordPress tốt nhất

Nó là hoàn toàn tối ưu hóa cho các công cụ tìm kiếmvà cung cấp khả năng làm nổi bật các sản phẩm tốt nhất của bạn, cũng như những sản phẩm liên quan đến những sản phẩm này trên trang chủ. Điều này tối đa hóa doanh số của họ. Đây là một chủ đề WordPress kèm theo tài liệu chi tiết và hỗ trợ cho một số lượng lớn shortcodes mà làm cho tùy biến của nó rất linh hoạt.

Cũng khám phá hướng dẫn của chúng tôi về Làm thế nào để giá sản phẩm của bạn trên WooCommerce

Nó đi kèm với 6 bản demo với các giao diện khác nhau và cấu trúc của chúng có thể được sửa đổi, cho phép mang lại một cái nhìn độc đáo cho trang web của bạn.

Nó cũng là một chủ đề WordPress mà bạn sẽ cần phải kiểm tra.

Tải về | Bản demo | Web hosting

2. Aroty

Aroty là một chủ đề WordPress cao cấp, với thiết kế tối giản, sử dụng nó để làm nổi bật các sản phẩm của bạn. Nhưng trên hết, nó có một số tính năng đáng kinh ngạc cho phép nó quảng bá và bán bất kỳ sản phẩm thời trang nào. 

Aroty theme wordpress tạo trang web thương mại điện tử

Nó tương thích với WooCommerce và thực sự có thể được sử dụng bởi các chuyên gia cũng như người mới trong việc phát triển web. Cho dù bạn muốn tạo một cửa hàng quần áo trực tuyến cho trẻ em hay cho người lớn, hay bạn chắc chắn sẽ tìm thấy tài khoản của mình trong chủ đề WordPress tuyệt đẹp này.

Đọc cũng: Các plugin 10 WooC Commerce để tăng cường cửa hàng trực tuyến của bạn

Bạn sẽ có tùy ý sử dụng một số tính năng trong số những tính năng khác: 10 mẫu trang chủ, hình nền đẹp, hỗ trợ một số plugin phổ biến, quản lý hồ sơ, hoa hồng, mục yêu thích và hơn thế nữa.

Xem thêm của chúng tôi Plugin 10 WordPress để thu thập đánh giá của người dùng

Với thiết kế đáp ứng của nó, bạn cũng sẽ có thể tiếp cận một số lượng lớn người dùng di động. Chủ đề WordPress cao cấp này cung cấp hầu hết mọi thứ bạn cần để tạo một cửa hàng trực tuyến mạnh mẽ.

Tải về Bản demoWeb hosting

3. Manu Store

Manu Store là một chủ đề WordPress năng động và giàu tính năng, nhằm mục đích giúp bạn tạo một trang web để quảng bá, bán và cung cấp quy trình mua, vận chuyển và phân phối sản phẩm của bạn. 

Chủ đề manu wordpress tạo cửa hàng cửa hàng trực tuyến boutique

Chúng tôi có thể trích dẫn trong số các tính năng khác: khả năng tương thích với Plugin Slider Revolution, Tối ưu hóa SEO cho các công cụ tìm kiếm, hỗ trợ các hiệu ứng thị sai khác nhau, hiển thị lời chứng thực, tích hợp menu di động, bố cục phản hồi cực nhanh, biểu mẫu liên hệ và nhiều thứ khác.

Mặc dù giá cao so với nhiều chủ đề WordPress trong danh sách này, nhưng mức giá này là hợp lý với số lượng và số lượng plugin mà nó tích hợp. Bốn bản trình diễn của nó sẽ hoàn hảo cho bất kỳ ai muốn bắt đầu nhanh chóng.

Tải về | Bản demo | Web hosting

4. Đại bàng Thụy Sĩ

Chủ đề WordPress cao cấp này là ví dụ hoàn hảo về những gì bạn đang tìm kiếm, nếu bạn muốn tạo một cửa hàng trực tuyến dành riêng cho việc bán đồng hồ sang trọng. Nhưng các tùy chọn của nó cũng sẽ rất hoàn hảo nếu bạn muốn dùng nó để bán các loại trang sức khác.

Chủ đề đại bàng Thụy Sĩ wordpress creer trang web thương mại điện tử cửa hàng en ligne

Nó có một tương thích với một số plugin cao cấp, thiết kế đẹp và bố trí hiện đại. Nó cũng đi kèm với một mẫu trang chủ với phong cách và giao diện độc đáo, bảng điều khiển mạnh mẽ và tương thích với một số trình duyệt gần đây và hiện đại.

Bảng cấu hình của nó sẽ tạo điều kiện cho việc tùy chỉnh của nó. Bạn cũng sẽ nhận thấy sự tích hợp của một menu lớn tuyệt vời, hỗ trợ các mã ngắn, một băng chuyền sản phẩm tuyệt vời, hỗ trợ đa tiền tệ, tích hợp một bản tin, và nhiều hơn nữa.

Tải về | Bản demo | Web hosting

5. Azen 

Azen là một chủ đề WordPress cao cấp được thiết kế và phát triển cho mục đích duy nhất là giúp bạn tạo ra một trang web đẹp, siêu thân thiện, sẽ thúc đẩy doanh số bán sản phẩm của bạn. Được chú ý đặc biệt đến từng chi tiết, nó làm nổi bật các sản phẩm thời trang của bạn, cho phép bạn quảng bá chúng tốt hơn.

Azen theme wordpress tạo trang web thương mại điện tử

Bạn sẽ có thể bán các sản phẩm như: quần áo, giày dép, phụ kiện thời trang, mũ và những thứ khác. Mỗi trong số 6 mô hình trang chủ được phân phối, sẽ hoàn hảo cho việc ra mắt cửa hàng trực tuyến của bạn.

Đọc cũng: Trình tạo trang trực quan 5 Trình cắm WordPress - Trình tạo trang -

Nó tương thích với tất cả các plugin WordPress phổ biến và số lượng tính năng mà nó cung cấp thực sự ấn tượng. Tốt hơn bạn nên xem nó hoặc kiểm tra các bản demo khác nhau của nó. Tùy biến của nó dựa trên plugin WordPress WordPress sẽ cung cấp cho bạn một giao diện thân thiện với người dùng, sẽ tạo điều kiện thuận lợi cho việc xử lý của nó.

Tải vềBản demo | Web hosting

6. Linh hồn

Soul là một chủ đề WordPress, sẽ cung cấp cho bạn khả năng dễ dàng tạo một trang web Thương mại điện tử để bán bất kỳ sản phẩm nào liên quan đến ngành thời trang. Nhờ sự tích hợp hoàn hảo của nó với WooCommerce, bạn sẽ có thể bán các mặt hàng hoặc sản phẩm của bạn rất dễ dàng.

Chủ đề linh hồn wordpress sáng tạo trang web thương mại điện tử woocommerce bán quần áo trực tuyến

Chủ đề WordPress này tương thích với các plugin cao cấp sau: Visual Composer, Cách mạng Slider sẽ cho phép bạn cá nhân hóa nó và làm cho nó độc đáo. Nó có các tùy chọn tùy chỉnh linh hoạt, và mã của nó được viết rất tốt và được nhận xét tốt.

Đọc cũng: Làm thế nào để cài đặt và cấu hình plugin WP Super Cache

Nó đi kèm với một loạt các bản trình diễn và phong cách, cho phép bạn sử dụng nó nhiều lần, đặc biệt nếu bạn đang làm việc trên nhiều dự án trang web thương mại điện tử.

Tải vềBản demo | Web hosting

7. Phụ kiện cửa hàng

Chủ đề WordPress đáp ứng đầy đủ này được tích hợp với plugin WooCommerce, sẽ giúp bạn dễ dàng tạo trang web bán quần áo, túi xách, giày dép, kính, tóm lại là mọi thứ liên quan đến thế giới thời trang.

Nó được thiết kế cẩn thận để cung cấp trải nghiệm duyệt web đặc biệt cho khách hàng của bạn. Chủ đề WordPress này cũng cung cấp rất nhiều kiểu và các tùy chọn tùy chỉnh tuyệt vời, sẽ dễ dàng lựa chọn.

Khám phá quá Plugin 10 WooCommerce để tạo bộ lọc sản phẩm.

Nó vẫn tương thích với các plugin WPML, Slider Revolution, lớp Slidervà cung cấp tất cả các tùy chọn Thương mại điện tử mà một chủ đề WordPress trong niche này nên có.

Tải về | Bản demo | Web hosting

8. Rango

Rango là một chủ đề WordPress cao cấp chỉ dành riêng cho Thương mại điện tử và được dựa trên plugin WooC Commerce. Bố cục của nó rất nhạy, mang lại cho nó sự linh hoạt cần thiết.

Chủ đề Rango wordpress tạo cửa hàng trực tuyến thương mại điện tử woocommerce

Nó tương thích với phần lớn các plugin phổ biến được tìm thấy trên WordPress và RTL và WPML cho nó tất cả tầm vóc mà bạn cần để thiết lập bản thân. Nó đi kèm với tất cả các tính năng cần thiết để giới thiệu từng sản phẩm của bạn và quản lý các quy trình mua bán trên cửa hàng của bạn.

4 bản demo với vẻ ngoài độc đáo đi kèm, một menu lớn bao gồm cải thiện điều hướng trên trang web của bạn và nhiều tính năng cao cấp mang đến cho nó tất cả tầm vóc xứng đáng với một cửa hàng trực tuyến chuyên nghiệp.

Tải vềBản demo | Web hosting 

9. Helas

Helas là một chủ đề WordPress đa năng được thiết kế để giúp bạn bán các loại sản phẩm khác nhau. Đây là một chủ đề WordPress với một bộ tính năng khổng lồ, sẽ giúp bạn trong việc tạo trang web Thương mại điện tử của mình và quảng cáo các sản phẩm khác nhau của bạn.

Chủ đề Helas wordpress tạo cửa hàng cửa hàng trực tuyến boutique

Mặc dù mới xuất hiện nhưng nó đã cung cấp đầy đủ các chức năng cho phép bạn tạo một trang web Thương mại điện tử mà không có gì phải ghen tị đàn bà gan dạ.

Cũng xem bài viết của chúng tôi về 7 chiến lược để thúc đẩy đánh giá tích cực của khách hàng cho trang web WordPress của bạn.

Tham chiếu của nó được tối ưu hóa cho các công cụ tìm kiếm phổ biến, hỗ trợ đa ngôn ngữ và RTL, khả năng tùy chỉnh của nó không yêu cầu bất kỳ khái niệm nào trong mã hóa và giao diện của nó cũng hoàn hảo trên một số kích thước màn hình.

Tải về | Bản demo | Web hosting

10. tỉ mỉ

Chính xác là một chủ đề WordPress cao cấp hiện đại, đẹp và hoàn hảo để tạo một trang web Thương mại điện tử hoặc một cửa hàng trực tuyến cho phép bạn bán sản phẩm của mình bất kể loại của họ. Với bố cục linh hoạt, nó bao gồm một số tùy chọn cấu hình sẽ giúp cho việc phát triển và tùy chỉnh trang web của bạn trở nên dễ dàng.

Chủ đề WordPress này đi kèm với tất cả các tính năng bạn sẽ cần để tạo một cửa hàng trực tuyến trong một vài cú nhấp chuột. Và giống như bất kỳ chủ đề WordPress nào cung cấp các quy trình khác nhau để mua và bán sản phẩm, chủ đề WordPress này đi kèm với plugin WooC Commerce mạnh mẽ sẽ giúp bạn tạo ra một cửa hàng trực tuyến xứng đáng với các trang web Thương mại điện tử tuyệt vời.

Nhân tiện, đừng ngần ngại tối ưu hóa giỏ hàng của bạn và cải thiện chuyển đổi cửa hàng của bạn bằng cách khám phá Các plugin 10 WordPress để nâng cao giỏ hàng WooCommerce.

Chủ đề chính xác của WordPress có các tính năng như thanh tìm kiếm, khả năng tương thích với plugin WPML và bảng điều khiển khá linh hoạt sẽ giúp chủ đề WordPress này trở nên thân thiện với người dùng cho khách truy cập và quản trị web bất kể trải nghiệm của họ.

Tải vềBản demoWeb hosting

Tài nguyên đề xuất

Dành cho những ai muốn đi xa hơn trong việc tạo cửa hàng trực tuyến của họ, chúng tôi cũng cung cấp cho họ để tham khảo ý kiến các tài nguyên sau:

Kết luận

Đây! Đó là tất cả cho danh sách này chủ đề WordPress cao cấp tốt nhất được thiết kế để giúp bạn xây dựng cửa hàng trực tuyến, Marketplace hoặc trang web Thương mại điện tử. Nếu bạn có bất kỳ mối quan tâm hoặc đề xuất nào trong vấn đề này, chúng ta hãy gặp nhau trong phần bình luận để thảo luận.

Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.

Nhưng, nếu bạn đã sử dụng một chủ đề WordPress cao cấp của ThemeForest mà chúng tôi đã bỏ qua khỏi danh sách này, thì hãy đề xuất với chúng tôi, để tiếp tục phát triển danh sách này. Trong khi đó, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.

...

Elementor: Cách thêm mục lục

Elementor: Cách thêm mục lục

Bạn cần tạo hoặc thêm mục lục trong Elementor?

Khi viết một bài báo dài, chẳng hạn như danh sách các công cụ hoặc địa điểm, bạn có thể thêm mục lục. Trong WordPress, có rất nhiều plugin mà bạn có thể sử dụng để tạo một mục lục trên bài viết của bạn.

Nhưng với Elementor, bạn không cần cài đặt plugin TOC nếu muốn thêm TOC. Elementor có một widget mặc định cho phép bạn thêm mục lục vào bài đăng dài của mình. Chúng tôi sẽ đề cập đến nó ở đây.

Mục lục là một widget mới gần đây do Elementor giới thiệu. Với tiện ích này, bạn có thể cung cấp điều hướng bổ sung trên trang bài viết dài của mình, cho phép khách truy cập dễ dàng chuyển giữa các phần trong bài viết của bạn.

Tiện ích Mục lục của Elementor cho phép bạn chọn các thẻ tiêu đề chính xác để hiển thị trên mục lục của bạn. Bạn cũng có thể sử dụng tiêu đề từ một vùng chứa cụ thể trên trang.

Lưu ý: Mục lục là một widget chuyên nghiệp. Bạn phải cài đặt phiên bản chuyên nghiệp của Elementor để sử dụng nó.

Cách sử dụng tiện ích Mục lục trong Elementor

Có hai cách lý tưởng để sử dụng tiện ích Mục lục trong Elementor. Trước hết, bạn có thể sử dụng nó trên Pages and Posts (các trang và bài đăng được tạo hoàn toàn bằng Elementor). Ngoài ra, bạn có thể tạo tiện ích Mục lục ở trên cùng của mẫu bài đăng độc đáo trên trang web WordPress của mình.

Đọc cũng: Cách tạo biểu mẫu tải lên tệp trong Elementor

Tất nhiên, mẫu bài đăng duy nhất phải được thực hiện với Elementor. Bằng cách triển khai tiện ích Mục lục trên mẫu bài đăng duy nhất, một mục lục sẽ được tạo tự động trên bài đăng của bạn miễn là bài đăng có chứa các thẻ tiêu đề dựa trên các mức tiêu đề mà bạn đặt trên tiện ích Mục lục.

Thêm tiện ích Mục lục vào một mẫu bài đăng duy nhất

Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách thêm tiện ích Mục lục vào một mẫu bài đăng. Bạn có thể tạo một mẫu bài đăng mới hoặc chỉnh sửa mẫu hiện có. Chúng tôi sẽ tạo một mẫu bài đăng mới trong ví dụ này.

Để bắt đầu, hãy đăng nhập vào bảng điều khiển WordPress của bạn và điều hướng đến Mẫu -> Trình tạo Chủ đề. Trên trang Trình tạo chủ đề, điều hướng đến Tab đơn và nhấp vào nút THÊM MỘT DUY NHẤT để tạo một mẫu.

Trong phần Chọn phần loại mô hình, lựa chọn Single Post. Đặt tên cho mô hình của bạn và nhấp vào nút TẠO MÔ HÌNH.

Chúng tôi sẽ tạo mẫu bài đăng duy nhất từ ​​đầu; đóng thư viện mẫu.

Xem thêm: Cách thêm reCAPTCHA vào biểu mẫu Elementor của bạn

Thêm phần mới bằng cách nhấp vào nút dấu cộng trong hộp soạn thảo của Elementor và chọn cấu trúc ba cột.

Đặt chiều rộng của các cột với so sánh khoảng 28%: 61%: 10%.

Cách thêm mục lục trong Elementor

Thêm các yếu tố phổ biến như tiêu đề bài đăng, thông tin bài đăng và nội dung bài đăng vào cột thứ hai và tùy chỉnh cho phù hợp. Sau khi hoàn tất, hãy thêm tiện ích Mục lục vào cột đầu tiên.

Xác định tiêu đề mục lục của bạn trong phần Yêu sách và đặt các mức tiêu đề bạn muốn đưa vào phần Neo bằng thẻ.

Nếu bạn có kiến ​​thức về CSS, bạn có thể loại trừ các bộ chọn CSS để ngăn chúng xuất hiện trong danh sách nội dung.

Đọc cũng: Cách thêm dải phân cách để tạo phần trong Elementor

Trong phần Chế độ xem điểm đánh dấu, bạn có thể đặt điểm đánh dấu cho các mục nội dung (dấu đầu dòng hoặc số). Nếu bạn chọn dấu đầu dòng, bạn có thể đặt biểu tượng từ thư viện biểu tượng.

mở thêm vào Các lựa chọn để hiển thị các tùy chọn cài đặt khác và chọn cài đặt mong muốn.

Cách thêm mục lục trong Elementor

Bây giờ đi đến tab Phong cách để tùy chỉnh Mục lục của bạn. Bạn có thể đặt màu nền, màu đường viền, độ rộng đường viền và bán kính đường viền trong phần Hộp

Trong khi để đặt màu tiêu đề, kiểu chữ tiêu đề và văn bản tiêu đề, bạn có thể chuyển đến phần Tiêu đề.

Trong phần Danh sách, Bạn có thể đặt màu văn bản của phần tử hiện hoạt, màu văn bản của phần tử khi bạn di chuột qua phần tử đó và màu văn bản của phần tử ở chế độ bình thường. Bạn cũng có thể đặt màu đánh dấu cũng như kiểu chữ của các phần tử nội dung tại đây.

Xem thêm: Cách cài đặt Elementor trên WordPress

Để làm cho Mục lục của bạn hữu ích hơn, bạn có thể hiển thị nó khi khách truy cập cuộn xuống dưới. Để làm điều này, hãy mở tab tiên tiến và truy cập tùy chọn Hiệu ứng chuyển động. Định nghĩa dính trên đầu trang và đặt độ lệch thành khoảng 80. Nếu muốn, bạn cũng có thể đặt hoạt ảnh đầu vào trong phần Hoạt ảnh lối vào.

Bạn có thể thử với bảng điều khiển bên trái cho đến khi bạn hài lòng với mục lục của mình. Sau khi hoàn tất, hãy nhấp vào nút PUBLISH và đặt điều kiện hiển thị.

Đây là một ví dụ về mục lục mà chúng tôi đã tạo.

Cách thêm mục lục trong Elementor

Nếu bạn đặt điều kiện hiển thị của một mẫu bài đăng mà bạn đã tạo ở trên thành Tất cả số ít, bạn sẽ tự động có mục lục mỗi khi bạn viết một bài báo dài có chứa các thẻ tiêu đề theo mức tiêu đề mà bạn đã chỉ định.

Cuối cùng

Thêm mục lục vào một bài báo dài cung cấp trải nghiệm người dùng tốt nhất cho khách truy cập của bạn. Họ có thể dễ dàng chuyển từ phần này sang phần khác trong bài viết của bạn bằng cách nhấp vào các mục trong mục lục. Với widget mới của Elementor, bạn không cần cài đặt thêm plugin để thêm mục lục vào bài viết.

Bạn có thể sử dụng tiện ích Mục lục khi tạo trang hoặc bài đăng với Elementor. Ngoài ra, bạn cũng có thể thêm tiện ích Mục lục trên mẫu bài đăng duy nhất trên trang web WordPress của mình để mỗi khi bạn viết một bài đăng dài có chứa thẻ tiêu đề, mục lục sẽ được tạo tự động.

Tải xuống Elementor Pro ngay!

Kết luận

Đây là ! Đó là nó cho bài viết này hướng dẫn bạn cách thêm mục lục trong Elementor. Nếu bạn có bất kỳ mối quan tâm nào về cách đến đó fcho chúng tôi biết trong ý kiến.

Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.

Nhưng trong lúc này, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.

...

10 Chủ đề WordPress Auto Garage để tạo trang web

10 Chủ đề WordPress Auto Garage để tạo trang web

Bạn muốn tìm các chủ đề WordPress gara ô tô tốt nhất để tạo một trang web?

Một trong những cách tốt nhất để tiếp thị nhà để xe của bạn là tạo một trang web. Không chỉ là một thị trường ngách phổ biến, nó còn là một lĩnh vực rất cạnh tranh.

Trong bài viết này, chúng tôi đã tập hợp cho bạn 10 chủ đề WordPress tốt nhất hàng đầu phí bảo hiểm dành riêng cho việc tạo các trang web gara ô tô dễ dàng, cơ khí, cơ khí tự động và những người khác. Các chủ đề WordPress này có đủ giá cả phải chăng cho người dùng có kiến ​​thức hoặc không phát triển web.

Nếu không có thêm rắc rối, chúng tôi mời bạn tham khảo danh sách của chúng tôi. Nhưng, nếu bạn chưa bao giờ cài đặt WordPress, hãy khám phá Làm thế nào để cài đặt một bước 7 blog WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn 

Sau đó trở lại lý do tại sao chúng ta ở đây.

1. Gió công bằng

Hãy xem chủ đề Fair Wind WordPress cao cấp và hiện đại mới, sẽ giúp bạn xây dựng trang web gara ô tô và trình bày các dịch vụ của mình theo cách phù hợp. Với chủ đề WordPress cao cấp này, bạn sẽ thành công trong việc tạo một trang web nâng cao với nội dung chất lượng cao.

tạo một trang web gara ô tô

Nó hoàn toàn dựa trên Elementor xây dựng trang trực quan sẽ cung cấp cho bạn toàn quyền kiểm soát từng phần của trang web của bạn. Bạn có thể dễ dàng tùy chỉnh nó và bạn sẽ tạo một trang web gần với hình ảnh thương hiệu của bạn.

Khám phá quá Cách thêm bản đồ tương tác vào trang web WordPress của bạn

Ngoài ra, bạn sẽ thông báo cho khách truy cập về tất cả các giai đoạn sử dụng dịch vụ sửa chữa ô tô của bạn. Bạn cũng có thể làm phong phú nội dung bằng những lời chứng thực từ những khách hàng thân thiết và dữ liệu dành riêng cho các giá trị của công ty bạn. Bạn cũng có thể thêm một biểu mẫu liên hệ thuận tiện vào trang web của mình bằng cách sử dụng Plugin WordPress Contact Form 7

Tải về | Bản demo | Web hosting

2. xe hơi

Tự động là một lựa chọn tuyệt vời của chủ đề WordPress cao cấp, nếu bạn là chủ sở hữu của một công ty cung cấp các dịch vụ như cho thuê xe, bảo trì (nhà để xe) hoặc thậm chí sơn ô tô. Việc tạo các trang của nó vẫn trực quan, nhờ sự tích hợp hoàn hảo của trình tạo trang khá nhẹ nhưng mạnh mẽ, sẽ cho bạn khả năng tổ chức từng phần của trang web.

Các chủ đề WordPress để tạo một trang web gara ô tô - Auto

Tất cả điều này để giúp bạn thành công trong việc tạo ra cái sau, ngay cả khi bạn không phải là nhà phát triển dày dạn. Anh ấy là tương thích với số lượng plugin ấn tượng, bao gồm WPML nổi tiếng.

Đọc thêm Blog: Làm thế nào để chuyển đổi độc giả thành khách hàng

Ngoài ra, chủ đề WordPress này được trang bị chức năng đáp ứng sẽ cung cấp cho trang web của bạn một giao diện hoàn hảo trên bất kỳ màn hình thiết bị nào bất kể kích thước của thiết bị sau. Tài liệu của nó vẫn còn chi tiết và hỗ trợ của nó rất nhanh nhạy và sẵn sàng giải quyết các mối quan tâm của bạn bất cứ lúc nào.

Tải vềBản demo | Web hosting

3. Auto Showroom

Showroom tự động là một chủ đề WordPress cao cấp và mạnh mẽ. Nó là một nền tảng trực quan sẽ giúp bạn tạo ra một trang web bán xe. Nó có tất cả các công cụ bạn sẽ cần để tạo các trang web độc đáo và giàu tính năng.

các chủ đề WordPress tốt nhất - Phòng trưng bày ô tô

Đây là một chủ đề WordPress hoàn toàn di động và đáp ứng hoạt động hoàn hảo trên tất cả các màn hình của điện thoại thông minh, máy tính bảng và máy tính xách tay. Tùy chỉnh của nó rất đơn giản vì nó tương thích với Bootstrap Framework và nó sẽ dễ dàng hơn nhiều nhờ khả năng tương thích với plugin Trực quan Composer.

Nó có ba mẫu trang chủ sẽ giúp bạn bắt đầu nhanh chóng. của anh ấy hệ thống mua bán được dựa trên plugin WooC Commerce phổ biến mà bạn có thể dễ dàng xử lý.

Tải về | Bản demo | Web hosting

4. cho Dinal

Bởi vì Dinal là một chủ đề WordPress cao cấp đáp ứng, với giao diện tươi mới, gọn gàng và đẹp mắt, được thiết kế để giúp bạn tạo một trang web cơ khí hiện đại. Được thiết kế với bố cục đa năng, nó được trang bị một loạt các công cụ chuyên dụng, dành riêng cho việc này thích hợp.

Cardinal themes wordpress tạo trang web gara ô tô sửa chữa xe

Con trai giao diện quản trị sẽ yêu cầu hoàn toàn không có kiến ​​thức trong phát triển trang web. Nhưng nếu bạn là một nhà phát triển, hãy yên tâm, mã của mẫu WordPress này được nhận xét rất đẹp, để cho phép bạn thực hiện các tùy chỉnh nâng cao hơn cho phiên bản sau.

Đọc thêm  Dịch vụ bảo trì tuyệt vời 5 cho blog WordPress của bạn

Được thiết kế để đáp ứng nhu cầu của các công ty cung cấp dịch vụ trong lĩnh vực cơ khí (cửa hàng sửa chữa ô tô, Cửa hàng trực tuyến phụ kiện cơ khí, đại lý xe hơi, hoặc đại lý cho thuê xe hơi), bạn cũng có thể sử dụng nó để tạo bất kỳ trang web rửa xe hoặc công ty lắp đặt kính chắn gió.

Tải về | Bản demo | Web hosting

5. Autozone

Autozone là một chủ đề WordPress cao cấp hoàn hảo cho bất kỳ việc xây dựng trang web đại lý ô tô nào cũng như hậu mãi. Nó được trang bị nhiều công cụ hiệu quả để quảng cáo các phương tiện, cũng như bất kỳ dịch vụ nào liên quan đến chúng.

Theme Autozone wordpress tạo website mua bán ô tô

Nó cực kỳ linh hoạt và có một bản demo, có thể được tùy chỉnh theo tham vọng và mục tiêu của bạn, nhưng sẽ cho phép bạn tiết kiệm thời gian khi tạo blog của bạn.

Dưới mui xe của nó, nó cung cấp các tính năng như: tiêu đề tùy chỉnh, một phần blog, Trong hàng trăm biểu tượng, các yếu tố đồ họa có thể tái sử dụng, hiệu ứng hình ảnh đẹp mắt, khả năng tương thích với phần lớn các plugin WordPress và nhiều thứ khác.

Tải về | Bản demo | Web hosting

6. CarPress

CarPress là một chủ đề WordPress cao cấp mạnh mẽ và đáp ứng, hiện đại và hoàn toàn chuyên biệt, được thiết kế đặc biệt cho một trang web cung cấp các dịch vụ liên quan đến lĩnh vực sửa chữa xe. Chúng bao gồm các cửa hàng sửa chữa xe hơi, đại lý xe hơi và nhiều người khác.

Chủ đề carpress wordpress tạo thợ máy trang web

Nó chỉ được trang bị với các tính năng tiên tiến được thiết kế để giúp bạn quản lý hoạt động chẳng hạn như kéo hoặc sửa chữa xe, biến trang web của bạn thành một cửa hàng duy nhất để kéo và sửa chữa. 

Nó rất dễ dàng để cài đặt và tùy chỉnh. Bảng điều khiển mạnh mẽ của nó cung cấp cho bạn toàn quyền kiểm soát mẫu WordPress này. Nó tương thích với các plugin WooCommerce et WPML mà mang lại cho anh ấy một tầm vóc chuyên nghiệp.

Tải về | Bản demo | Web hosting

7. Động cơ

Motors là một chủ đề WordPress cao cấp được thiết kế tỉ mỉ để giúp bạn tạo một trang web kinh doanh. Đó là lý tưởng cho các đại lý xe, chủ sở hữu nhà để xe, và những người khác.

Motorsthemes wordpress tạo trang web thợ sửa xe ô tô đại lý

Khám phá quá Các plugin WordPress tốt nhất trong năm của 35

Nó đi kèm với các tính năng như hỗ trợ đa ngôn ngữ, các công cụ tuyệt vời dành riêng cho Thương mại điện tử, hỗ trợ plugin WPBakery et Cách mạng Slider, một số bản demo chức năng có nội dung có thể được nhập nhanh chóng.

Các tính năng khác, không kém phần quan trọng, cũng được tích hợp để cung cấp cho khách hàng của bạn trải nghiệm duyệt web độc đáo. của anh ấy hỗ trợ khách hàng có lẽ là một trong những bạn sẽ đánh giá cao vì khả năng đáp ứng của nó. Đây là một chủ đề WordPress mà chúng tôi hoàn toàn khuyên bạn nên.

Tải về | Bản demo | Web hosting

8. Reisen

Reisen là một chủ đề WordPress cao cấp cung cấp các tính năng mạnh mẽ, sẽ mang đến cho doanh nghiệp sửa chữa ô tô của bạn một sự hiện diện trực tuyến hoàn hảo, nhờ vào một trang web mà bạn sẽ quản lý để tạo một cách dễ dàng và đơn giản đáng kinh ngạc.

Reisen themes wordpress tạo trang web gara ô tô xưởng cơ khí

Nó đi kèm với một bảng tùy chọn cấu hình mạnh mẽ, cho phép bạn tùy chỉnh giao diện trang web của bạn. Bạn có thể tùy chỉnh màu sắc, phông chữ, hình nền, v.v. Bạn cũng có thể dễ dàng tùy chỉnh từng khía cạnh và hành vi của từng trang web nhờ tích hợp Plugin WPBakery.

Chủ đề WordPress này tương thích với plugin WooCommerce sẽ cho phép bạn tạo một cửa hàng trực tuyến trong một vài cú nhấp chuột. Do đó, bạn sẽ có thể bán các bộ phận cơ khí và các sản phẩm khác từ nhà để xe của mình, bằng cách tận dụng một nền tảng ổn định và đáng tin cậy. Bạn cũng sẽ có thể nhắm mục tiêu đối tượng nước ngoài, nhờ khả năng tương thích với plugin WordPress. WPML.

Tải về | Bản demo | Web hosting

9Jevelin

Jevelin là một chủ đề WordPress đa năng được thực hiện cho sự xuất sắc. Nó có hàng tấn bản demo được trang bị phần thú vị những kết hợp khác nhau có thể giúp bạn dễ dàng tạo trang web của bạn.

Chủ đề Jevelin wordpress tạo trang web nhà để xe ô tô xưởng cơ khí

Đây là một chủ đề WordPress, ngay cả khi nó không có tùy chọn và tính năng mạnh mẽ, phù hợp cho các nhóm tùy chỉnh khác nhau của bất kỳ ai. Vì vậy, nó thân thiện với người dùng bất kể kinh nghiệm của bạn trong việc tạo trang web với WordPress.

Nó tương thích với nhiều plugin và vì nó cực kỳ linh hoạt, nó tích hợp với nó các plugin như Trực quan Composer, Cách mạng Slider, Liên hệ Mẫu 7, WooC Commerce và những người khác. Các tùy chọn SEO của anh ấy cũng rất mạnh mẽ và tài liệu hướng dẫn sẽ giúp ích đáng kinh ngạc, bởi vì nó sẽ đồng hành cùng bạn trong việc xử lý chủ đề WordPress này.

Tải về | Bản demo | Web hosting

10. Dịch vụ xe hơi

Dịch vụ xe hơi là một chủ đề WordPress hiện đại và chuyên nghiệp sẽ tiếp tục gây ấn tượng với chúng tôi. Đây là một mẫu WordPress sẽ giúp bạn dễ dàng tạo một trang web cho bất kỳ nhà để xe, đại lý xe hơi và bất kỳ công ty nào liên quan đến ngành công nghiệp ô tô.

cho Dịch vụ-theme-wordpress-site-internet-gara-cơ khí

Với một thiết kế sạch sẽ và hiện đại, nó sẽ dễ dàng tùy chỉnh, cho dù bạn có phải là nhà phát triển web hay không. Trên thực tế, nó kết hợp một xây dựng hình ảnh của các trang sẽ cho phép bạn tạo các trang mới, cũng như bố cục của chúng mà không cần phải nhập mã. Bạn sẽ chỉ cần chuột và một vài cú nhấp chuột.

Khám phá cũng của chúng tôi 7 WordPress plugin để cải thiện hệ thống phân phối của mình

Bạn cũng sẽ được hưởng lợi từ một số lượng ấn tượng vật dụng và mã ngắn, sẽ tạo điều kiện cho việc quản lý trang web của bạn. Bạn sẽ có cơ hội để trình bày dịch vụ của bạn một cách hấp dẫn và trên trang chủ. Nó đi kèm với một bản demo mà bạn có thể cài đặt và tùy chỉnh.

Vì vậy, đó là một cách nhanh chóng để bắt đầu.

Tải về | Bản demo | Web hosting

11. thợ cơ khí

Mechanic là một chủ đề WordPress cao cấp với chất lượng cao, sẽ cho bạn cơ hội để tạo một trang web của cửa hàng sửa chữa ô tô, thợ sửa xe, và nhiều người khác. Đây là một chủ đề WordPress sẽ cho phép bạn quản lý phần lớn tài nguyên của mình trên internet, nhờ vào một số lượng ấn tượng các tính năng hiện đại và được cập nhật liên tục.

Chủ đề cơ khí wordpress tạo website mua bán ô tô

Nó tương thích với rất nhiều plugin như: Cách mạng Slider sẽ cho phép bạn trình bày các dịch vụ của bạn, WPBakery cung cấp cho bạn toàn quyền kiểm soát mọi yếu tố của trang web của bạn, WooC Commerce sẽ cho phép bạn thu phí trực tiếp trên trang web của mình và WPML để làm cho trang web của bạn quốc tế (đa ngôn ngữ).

Nó cũng có thể được cá nhân hóa để nó trông giống như cái mà bạn luôn mơ ước. Và vì thế, nó đã được cung cấp một bảng điều khiển mạnh mẽ sẽ cho bạn cơ hội kiểm soát việc tùy chỉnh từng yếu tố của mẫu WordPress này. Sự đóng góp của thanh bên và nhiều thứ khác sẽ có ích, miễn là chúng mang lại trải nghiệm người dùng thành công cho trang web của bạn, điều này chắc chắn sẽ hấp dẫn khách truy cập của bạn.

Tải về | Bản demo | Web hosting

Tài nguyên đề xuất

Và cho những ai muốn đi xa hơn, đặc biệt là trong việc tối ưu hóa trang web gara ô tô của họ, sau đây là một số tài nguyên mời các bạn tham khảo.

Kết luận

Voila! Đó là cho danh sách này chủ đề WordPress cao cấp để tạo ra một nhà để xe ô tô hoặc trang web cơ khí tự động. Nếu bạn đang sử dụng một chủ đề WordPress cao cấp mà chúng tôi đã bỏ qua khỏi danh sách này, thì hãy chia sẻ nó với chúng tôi trong phần bình luận của chúng tôi. 

Tuy nhiên, đừng ngần ngại tham khảo ý kiến ​​của chúng tôi ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.

chủ yếu chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn

...