Bỏ qua đến nội dung chính

Cách tích hợp lịch Google vào trang web WordPress của bạn

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 701.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

Một số trang web của bạn sẽ được hưởng lợi từ việc có lịch. Điều này đặc biệt đúng nếu bạn đang điều phối hoạt động của một nhóm hoặc cộng đồng hoặc nếu bạn quản lý một trang web sự kiện.

Vì vậy, khách truy cập hoặc người dùng của bạn có thể thấy những gì mới hoặc sẽ được thực hiện, có thể bởi ai nhưng đặc biệt là khi nào.

Trong bài viết này tôi sẽ chỉ cho bạn cách tích hợp Lịch Google đáp ứng vào trang web WordPress của bạn.

Nhưng trước đây, nếu bạn chưa bao giờ cài đặt WordPress 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.

Chuyển đến Lịch Google

Nếu bạn đã có lịch Google, hãy đặt chúng ở chế độ công khai và bỏ qua bước này. Nếu không, trong trình duyệt của bạn, hãy truy cập Lịch Google và xác thực nếu cần thiết. Nếu mọi việc suôn sẻ, bạn sẽ có giao diện Lịch Google.

google-lịch giao diện

Để cung cấp cho bạn ví dụ, chúng tôi sẽ sử dụng lịch công khai có sẵn trong Lịch Google. Để làm điều này, hãy nhấp vào tay cầm đối diện lịch khác ở bên trái màn hình của bạn. Trong menu xuất hiện, hãy chọn Duyệt lịch thú vị.

Trong danh sách lịch, chọn một trong đó phù hợp với bạn bằng cách nhấn vào liên kết Đăng ký mà nằm đối diện. Đối với bài viết này tôi đã chọn Ngày lễ ở Pháp. Bạn sẽ thấy một trong những bạn đã chọn bên dưới lịch khác.

Nhúng Google Calendar của bạn trong một trang hoặc mục

Nhấp vào tay cầm ở phía trước Kỳ nghỉ ở Pháp (Hoặc lịch công cộng của bạn) và chọn Cài đặt lịch. Trong phần Tích hợp lịch này, sao chép mã HTML có trong hộp văn bản và dán mã vào trình soạn thảo WYSIWYG mà bạn sẽ nhập trước ở chế độ văn bản.

Khám phá bằng cách lựa chọn của chúng tôi về biên tập viên mã 10 cho các nhà phát triển WordPress

Code-inlay-lịch

Lưu bài viết của bạn và xem trước nó. Việc hiển thị chương trình làm việc trên trang web của bạn sẽ phụ thuộc nhiều vào chủ đề WordPress của bạn. Nếu nó hoàn toàn đáp ứng, nó sẽ không có bất kỳ sự cố hiển thị nào.

Thử giảm chiều rộng của cửa sổ trình duyệt của bạn để xem trước cách lịch xuất hiện trên màn hình nhỏ hơn. Nếu tại bất kỳ thời điểm nào, màn hình lịch bị hỏng, điều đó có nghĩa là bạn sẽ cần thêm một dòng CSS nhỏ vào chủ đề WordPress của mình.

Đi xa hơn bằng cách khám phá Làm thế nào để thêm một CSS tùy chỉnh vào blog WordPress của bạn

Đừng lo lắng, không có gì phức tạp.

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

Thêm CSS để làm cho lịch đáp ứng

Để sửa đổi chủ đề WordPress của bạn, đặc biệt nếu bạn không phải là tác giả, việc cập nhật chủ đề sau này nên được thực hiện trong chủ đề con hoặc một plugin WordPress cho phép bạn thêm CSS tùy chỉnh.

Trong mọi trường hợp, bất kỳ tùy chọn nào bạn đã chọn, hãy thêm đoạn CSS nhỏ này vào chủ đề WordPress của bạn:

iframe {     max-width: 100%; }

Lưu các thay đổi của bạn, tải lại trang của bài viết và kiểm tra xem lần này chương trình có được hiển thị bình thường trên màn hình nhỏ hay không.

Nhúng nhiều lịch trong một đường bưu điện hoặc trang

Để bắt đầu, hãy đăng ký các lịch công khai khác như chúng tôi đã làm ở trên (Các lịch khác> Duyệt qua các lịch thú vị) hoặc tạo lịch của riêng bạn và đặt chúng ở chế độ công khai.

Khi bạn có tất cả lịch bạn cần, hãy chọn một lịch bất kỳ, nhấp vào tay cầm của nó và chọn Cài đặt lịch. Lần này, trong phần tích hợp chương trình nghị sự này, nhấp vào liên kết Tùy chỉnh màu sắc, kích thước và các tùy chọn khác. Sau đó, bạn sẽ được trình bày cho một cửa sổ cá nhân hóa.

Đi xa hơn với Khái niệm cơ bản về tùy chỉnh trang web WordPress

Tại đây, bạn có thể sửa đổi một số khía cạnh trực quan của chương trình làm việc của mình. Một điều quan trọng cần làm là đặt tiêu đề cho bộ sưu tập lịch của bạn, nếu không nó sẽ có tiêu đề của lịch hiện tại.

nhiều chương trình tùy chỉnh

Ở đầu cửa sổ này là một hộp văn bản với một nút Cập nhật mã HTML. Sử dụng nó để xem trước lịch của bạn.

Chúng tôi cũng khuyên bạn nên kiểm tra Các plugin WordPress cao cấp 10 hoàn hảo để tích hợp lịch vào trang web của bạn

Sử dụng nút này cũng có tác dụng cập nhật mã HTML trong hộp văn bản. Khi bạn hài lòng với những thay đổi của mình, bạn sẽ sao chép mã này vào bài viết của mình. Lưu và tải lại trang.

Khám phá quá Cách đặt trang web WordPress của bạn ở chế độ Bảo trì

Vì bạn đã chèn mã CSS từ trước đó, nhật ký sẽ hoạt động hoàn hảo trên tất cả các màn hình.

Như bạn đã thấy, việc thêm lịch Google vào trang web của bạn không phức tạp lắm. Đó là thiên về sao chép mã từ ứng dụng Lịch Google và dán vào một trang hoặc một bài báo, tất nhiên bằng trình chỉnh sửa ở chế độ văn bản.

Bạn đang tìm kiếm các plugin và plugin WordPress tốt nhất?

Tải xuống các plugin và WordPress chủ đề tốt nhất trên Envato và dễ dàng tạo trang web của bạn. Đã tải xuống nhiều hơn 49.720.000. [ĐỘC QUYỀN]

Nhưng không chiếm được toàn bộ trang với lịch của mình, bạn cũng có thể thêm một widget Google Calendar lịch.

Khám phá thêm một số plugin WordPress cao cấp  

Bạn có thể sử dụng các plugin WordPress khác để mang lại cái nhìn hiện đại và tối ưu hóa độ bám của blog hoặc trang web của bạn.

Chúng tôi cung cấp cho bạn ở đây một số plugin WordPress cao cấp sẽ giúp bạn làm điều đó.

1. Các trang theo vai trò của người dùng

Pages by User Role là một plugin WordPress cho phép bạn thêm quyền kiểm soát truy cập vào các phần tử nhất định của trang web của bạn (bài viết, trang, loại bài đăng được cá nhân hóa, v.v.)

Các trang theo vai trò người dùng cho WordPress

Plugin này có thể cho phép bạn xóa một trang, một bài báo, một loại bài đăng tùy chỉnh và những thứ khác. trong kết quả tìm kiếm và thư mục blog. Điều này sẽ cho phép bạn ẩn trang, danh mục và các mục menu khác khi người dùng chưa đăng nhập.

Bạn cũng có thể định nghĩa một URL chuyển hướng cụ thể cho những người dùng không có vai trò người dùng bắt buộc.

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

Hãy bắt đầu với plugin WordPress Ultimate Affiliate Pro, đây là một trong những plugin chương trình liên kết WordPress mạnh mẽ nhất vì nó tích hợp với các plugin WooCommerce, Easy Digital Downloads, PayPal và Stripe.

Plugin liên kết tối ưu Pro WordPress

Ở đó, bạn sẽ tìm thấy tất cả các loại tính năng hữu ích như: phần thưởng hiệu suất và quản lý biểu ngữ, hỗ trợ cho số lượng chi nhánh không giới hạn và ưu đãi đặc biệt, xếp hạng và mức hoa hồng, giới thiệu và chia sẻ trên mạng xã hội, hỗ trợ nhiều cổng thanh toán PayPal, Stripe và nhiều cổng thanh toán khác.

Nếu tất cả những điều đó chưa đủ ấn tượng, bạn nên biết rằng nó cũng có một số mẫu cho trang đăng nhập, đăng ký, tài khoản miễn phí và kết nối với các nhà cung cấp dịch vụ tiếp thị qua email hàng đầu như MailChimp, Constant Liên hệ và nhiều người khác.

Nó là một trong những plugin liên kết tốt nhất WooCommerce mà bạn sẽ tìm thấy trên Envato Market.

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

3. Vật chất

Material Admin là một trong những plugin WordPress tiên tiến và phong cách nhất trên thị trường để tùy chỉnh bảng điều khiển WordPress.

Chủ đề quản trị WordPress Material White Label

Plugin WordPress này đi kèm với các chủ đề phong cách 100 và cung cấp cho bạn khả năng tạo chủ đề của riêng bạn. Bạn sẽ có thể kiểm soát sự xuất hiện hoàn chỉnh của menu bảng điều khiển, thanh trên cùng, các nút, typography, hình thức, văn bản và màu nền, logo, vv

Quản trị tài liệu cũng có nhiều hơn 20 widget de tableau de bord cá nhân hóa cho trang web của bạn và hiển thị số liệu thống kê cho khách truy cập.

Dễ dàng tạo Cửa hàng trực tuyến của bạn

Tải xuống miễn phí WooCommerce, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Đề xuất]

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

Tài nguyên đề xuất

Tìm hiểu về các tài nguyên được đề xuất khác để giúp bạn xây dựng và quản lý trang web của mình.

Kết luận

Có! Đó là nó cho hướng dẫn này dành riêng cho việc tích hợp lịch Google vào trang web WordPress của bạn. Đừng ngần ngại chia sẻ với bạn bè của bạn trên các mạng xã hội yêu thích của bạn

Tuy nhiên, bạn cũng sẽ có thể 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 của chúng tôi về Tạo blog WordPress.

Nếu bạn có đề xuất hoặc nhận xét, hãy để lại trong phần của chúng tôi ý kiến.

...  

Bài viết này chứa comments 0

Để lại một bình luận

địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang