Mô-đun Truyền thông xã hội của Divi cho phép bạn tạo liên kết dựa trên các biểu tượng trỏ đến hồ sơ xã hội trực tuyến của bạn, chẳng hạn như Facebook, Twitter và Google+. Các biểu tượng này được tích hợp vào chủ đề, theo phong cách riêng của Divi bằng cách sử dụng các biểu tượng phong cách của nó, điều này khiến họ thích sử dụng các plugin của bên thứ ba. Bạn có thể thêm liên kết đến nhiều hồ sơ xã hội trong mỗi mô-đun và bạn có thể thêm mô-đun vào bất kỳ đâu trên trang.
Cách thêm mô-đun phương tiện truyền thông xã hội vào trang của bạn
Trước khi bạn có thể thêm một mô-đun truyền thông xã hội vào trang của mình, trước tiên bạn phải chuyển sang Divi Builder. Một khi Chủ đề Divi được cài đặt trên trang web của bạn, bạn sẽ thấy một nút Sử dụng Divi Builder phía trên trình chỉnh sửa bài đăng bất cứ khi nào bạn tạo một trang mới. Nhấp vào nút này để kích hoạt Divi Builder và truy cập tất cả các mô-đun của Divi Builder. Sau đó bấm vào nút Sử dụng Visual Builder để khởi động trình tạo ở chế độ trực quan. Bạn cũng có thể nhấp vào nút Sử dụng Visual Builder khi bạn duyệt trang web của bạn ở phía trước nếu bạn được kết nối với bảng điều khiển WordPress của bạn.
Khi bạn đã vào Visual Builder, bạn có thể nhấp vào nút dấu cộng màu xám để thêm mô-đun mới vào trang của mình. Mô-đun mới chỉ có thể được thêm vào bên trong các hàng. Nếu bạn đang bắt đầu một trang mới, hãy nhớ thêm một hàng vào trang của bạn trước.
Tìm mô-đun mạng xã hội trong danh sách các mô-đun và nhấp vào mô-đun đó để thêm vào trang của bạn. Danh sách các mod có thể tìm kiếm được, có nghĩa là bạn cũng có thể nhập từ “Theo dõi chúng tôi trên mạng xã hội” và sau đó nhấp vào “nhập” để tìm và tự động thêm mod trên mạng xã hội! Sau khi mô-đun được thêm vào, bạn sẽ được chào đón bởi danh sách tùy chọn mô-đun. Các tùy chọn này được chia thành ba nhóm chính: Nội dung , Conception et tiên tiến .
Ví dụ về trường hợp sử dụng: Thêm các biểu tượng truyền thông xã hội tương ứng vào trang liên hệ
Trang liên hệ của trang web là nơi lý tưởng để giới thiệu hồ sơ xã hội trực tuyến của bạn. Điều này mang lại nhiều cơ hội hơn cho người dùng để duy trì kết nối và khuyến khích blog của bạn hoặc doanh nghiệp của bạn. Trong ví dụ này, tôi sẽ chỉ cho bạn cách thêm các biểu tượng mạng xã hội để phù hợp với thiết kế hiện tại của trang liên hệ.
Sử dụng trình tạo trực quan, thêm một phần thông thường mới với chiều rộng đầy đủ của một cột. Chèn một mô-đun truyền thông xã hội vào cột của bạn.
Trong tab Nội dung của cài đặt mô-đun, nhấp vào nút "Thêm phần tử mới" để thêm mạng xã hội mới vào mô-đun của bạn. Trong cài đặt mạng xã hội cụ thể, hãy cập nhật những điều sau:
Tùy chọn nội dung
Mạng xã hội:
URL tài khoản Facebook: [nhập URL tài khoản Facebook của bạn]
Tùy chọn thiết kế
Màu biểu tượng: # d94b6a (các loại màu)
Sau đó, nhân bản mạng xã hội này để thêm bốn mạng khác (Twitter, Google+, LinkedIn và Instagram). Vì bạn đã sao chép mạng nên màu biểu tượng tùy chỉnh đã được chuyển. Vì vậy, bạn chỉ cần cập nhật từng URL mạng và tài khoản.
Bây giờ bạn có các biểu tượng phương tiện truyền thông xã hội phù hợp với thiết kế của trang liên hệ.
Tùy chọn nội dung truyền thông xã hội
Trong tab Nội dung, bạn sẽ tìm thấy tất cả các yếu tố nội dung của mô-đun, chẳng hạn như văn bản, hình ảnh và biểu tượng. Tất cả điều khiển cái gì xuất hiện trong mô-đun của bạn sẽ luôn được tìm thấy trong tab này.
Thêm đối tượng mới
Đây là nơi bạn thêm các mạng mới vào mô-đun của mình. Bằng cách nhấp vào "thêm phần tử mới", bạn sẽ mở ra một cửa sổ hoàn toàn mới gồm các tùy chọn dành riêng cho mạng mới của mình (trong các tab "Nội dung", "Thiết kế" và "Nâng cao"). Xem bên dưới để biết cài đặt mạng xã hội riêng lẻ.
Sau khi thêm mạng đầu tiên, bạn sẽ thấy một thanh màu xám xuất hiện với tiêu đề mạng của bạn được hiển thị dưới dạng nhãn. Thanh màu xám cũng có ba nút cho phép bạn chỉnh sửa, sao chép hoặc xóa mạng.
Biểu mẫu liên kết
Tại đây bạn có thể chọn hình dạng của các biểu tượng mạng xã hội của mình theo hình chữ nhật tròn hoặc hình tròn.
Url mở ra
Chọn mở URL mạng của bạn trong một tab mới hoặc trong cùng một cửa sổ.
Nút theo dõi
Tại đây, bạn có thể chọn có hoặc không đưa nút tiếp theo vào bên cạnh biểu tượng.
Nhãn quản trị
Điều này sẽ thay đổi nhãn mô-đun trong hàm tạo để dễ dàng nhận biết. Khi bạn sử dụng dạng xem WireFrame trong Visual Builder, các nhãn này xuất hiện trong khối mô-đun của giao diện Divi Builder.
Tùy chọn thiết kế truyền thông xã hội
Trong tab Thiết kế, bạn sẽ tìm thấy tất cả các tùy chọn tạo kiểu mô-đun, chẳng hạn như phông chữ, màu sắc, định cỡ và khoảng cách. Đây là tab bạn sẽ sử dụng để thay đổi giao diện của mô-đun của mình. Mỗi mô-đun Divi có một danh sách dài các cài đặt thiết kế mà bạn có thể sử dụng để thay đổi giao diện.
Đối với mô-đun này, các tùy chọn thiết kế bao gồm một yếu tố duy nhất - Màu văn bản.
Màu văn bản
Tại đây bạn có thể chọn văn bản của mình nên sáng hay tối. Nếu bạn đang làm việc trên nền tối, văn bản của bạn phải sáng. Nếu nền sáng, văn bản của bạn phải tối.
Tùy chọn phương tiện truyền thông xã hội nâng cao
Trên tab nâng cao, bạn sẽ tìm thấy các tùy chọn mà các nhà thiết kế web có kinh nghiệm hơn có thể thấy hữu ích, chẳng hạn như các thuộc tính CSS và HTML tùy chỉnh. Tại đây, bạn có thể áp dụng CSS tùy chỉnh cho bất kỳ phần tử nào trong số nhiều phần tử của mô-đun. Bạn cũng có thể áp dụng các lớp CSS và ID tùy chỉnh cho mô-đun, có thể được sử dụng để tùy chỉnh mô-đun trong tệp style.css của chủ đề con của bạn.
ID CSS
Nhập một ID CSS tùy chọn để sử dụng cho mô-đun này. ID có thể được sử dụng để tạo kiểu CSS tùy chỉnh hoặc để liên kết đến các phần cụ thể trên trang của bạn.
Lớp CSS
Nhập các lớp CSS tùy chọn để sử dụng cho mô-đun này. Một lớp CSS có thể được sử dụng để tạo kiểu CSS tùy chỉnh. Bạn có thể thêm nhiều lớp, cách nhau bằng dấu cách. Các lớp này có thể được sử dụng trong chủ đề con Divi của bạn hoặc trong biểu định kiểu CSS tùy chỉnh mà bạn thêm vào trang của mình hoặc vào trang web của bạn bằng cách sử dụng tùy chọn chủ đề Divi hoặc các tham số của trang Divi Builder.
CSS tùy chỉnh
CSS tùy chỉnh cũng có thể được áp dụng cho mô-đun và bất kỳ nội dung nào của mô-đun. Trong phần CSS tùy chỉnh, bạn sẽ tìm thấy một trường văn bản nơi bạn có thể thêm các biểu định kiểu CSS tùy chỉnh trực tiếp vào từng phần tử. Các mục nhập CSS trong các cài đặt này đã được bao bọc trong các thẻ kiểu. Vì vậy, chỉ cần nhập các quy tắc CSS được phân tách bằng dấu chấm phẩy.
tầm nhìn
Tùy chọn này cho phép bạn kiểm soát các thiết bị mà mô-đun của bạn xuất hiện trên đó. Bạn có thể chọn tắt từng mô-đun của mình trên máy tính bảng, điện thoại thông minh hoặc máy tính để bàn. Điều này hữu ích nếu bạn muốn sử dụng các mod khác nhau trên các thiết bị khác nhau hoặc nếu bạn muốn đơn giản hóa thiết kế di động bằng cách loại bỏ một số yếu tố nhất định khỏi trang.
Tùy chọn nội dung phương tiện truyền thông xã hội cá nhân
Mạng xã hội
Tại đây bạn có thể chọn mạng xã hội bạn muốn hiển thị.
URL tài khoản
Đây là nơi bạn nhập URL cho liên kết mạng xã hội này. Nếu bạn chọn Facebook làm mạng của mình, đây là nơi bạn sẽ đặt URL của trang Facebook của mình.
Tùy chọn thiết kế phương tiện truyền thông xã hội cá nhân
Màu biểu tượng
Divi cung cấp các màu tiêu chuẩn cho từng mạng xã hội được xác định theo mặc định. Tại đây bạn có thể dễ dàng thay đổi màu biểu tượng này thành bất kỳ màu gì bạn muốn.
Tùy chọn phương tiện truyền thông xã hội nâng cao
CSS tùy chỉnh
CSS tùy chỉnh cũng có thể được áp dụng cho mô-đun và bất kỳ nội dung nào của mô-đun. Trong phần CSS tùy chỉnh, bạn sẽ tìm thấy một trường văn bản nơi bạn có thể thêm các biểu định kiểu CSS tùy chỉnh trực tiếp vào từng phần tử. Các mục nhập CSS trong các cài đặt này đã được bao bọc trong các thẻ kiểu. Vì vậy, chỉ cần nhập các quy tắc CSS được phân tách bằng dấu chấm phẩy.
[vc_row center_row = "yes"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" expand "align =" center "font_family =" Raleway "font_weight =" 700 ″ style = "flat" custom_background = "# 18b69d" custom_hover_background = "# 118d7a" custom_color = "#ffffff" custom_hover_color = "#ffffff" icon_right = "fa fa-download"] TẢI XUỐNG TRANG CHỦ [/ vcex_button] [/ width_column] [»vc_column] »1/2 ″] [vcex_button url =" https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials "target =" blank "layout =" expand "align =" center " font_family = "Raleway" font_weight = "700 ″ style =" flat "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffffff "icon_right =" fa fa-download "] TẢI XUỐNG DIVI [/ vcex_button] [/ vc_column] [/ vc_row]
Hướng dẫn Divi khác
- trang web 5 để sử dụng hàng Divi chủ đề
- Cách thêm văn bản vào sản phẩm Divi WooCommerce
- Cách thay đổi màu menu giữa các trang Divi
- Cách cá nhân hóa lưới của blog với Divi
- Làm thế nào để sử dụng trình biên tập Divi vai trò trên WordPress
- Cách tạo thanh trượt Divi toàn màn hình
- Cách thay đổi màu của menu giữa các trang Divi
- Các tính năng có thể bạn chưa biết về Divi
- Cách sử dụng Divi Builder trên WordPress
- Cách sử dụng mô-đun cuộn video Divi
- Cách sử dụng mô-đun Divi Builder Flip
- Cách thêm mô-đun chứng thực trên Divi Builder
- Cách sử dụng mô-đun văn bản Divi
- Cách tạo thanh trượt trên Divi
- Cách chỉnh sửa vai trò người dùng Divi
- Cách sử dụng mô-đun Truyền thông xã hội Divi
- Cách sử dụng mô-đun cửa hàng trên chủ đề WordPress Divi
- Cách sử dụng mô-đun bên Divi
- Cách sử dụng mô-đun bảng giá Divi
- Cách sử dụng mô-đun tiêu đề của ấn phẩm Divi
- Cách thêm mô-đun video của Divi
- Cách sử dụng mô-đun điều hướng bài viết
- Cách sử dụng mô-đun tìm kiếm Divi
- Cách sử dụng mô-đun ví Divi
- Cách sử dụng mô-đun người trên Divi Builder
- Cách sử dụng mô-đun ví với bộ lọc Divi
- Cách sử dụng mô-đun trượt toàn bộ chiều rộng
- Cách sử dụng Mô-đun hình ảnh Divi Builder
- Cách sử dụng mô-đun điều hướng chiều rộng đầy đủ của Divi Builder
- Cách sử dụng mô-đun thư viện hình ảnh
- Cách sử dụng Mô-đun Thẻ Đa Năng Divi Builder
- Cách sử dụng Mô-đun danh mục đầu tư chiều rộng đầy đủ Divi
- Cách sử dụng mô đun tiêu đề toàn chiều rộng Divi
- Cách sử dụng Module Divi Counter
- Cách sử dụng thanh trượt bài viết trên Divi Builder
- Cách sử dụng mô-đun Optin Email Optin