Làm cách nào để thêm ngày và giờ vào tiêu đề WordPress của tôi?

Nếu bạn đang duy trì một trang web tin tức động hoặc một blog cá nhân, bạn có thể muốn hiển thị ngày hôm nay trên một số phần của trang web của mình

Hướng dẫn này sẽ hướng dẫn bạn cách hiển thị ngày hôm nay và thời gian hiện tại trên trang web WordPress của bạn

Tại sao hiển thị ngày hôm nay

Có nhiều lý do để hiển thị ngày hôm nay, và đây là những lý do chính

• Khách truy cập của bạn sẽ biết rằng trang web của bạn đang được duy trì hàng ngày. Vì vậy, bạn đang cho thấy rằng nó được cập nhật với các xu hướng mới nhất
• Xác nhận rằng khách truy cập xem các bản cập nhật mới nhất chứ không phải phiên bản đã lưu trong bộ nhớ cache đã lỗi thời
• Nếu bạn đang sử dụng plugin hộp trò chuyện vào các giờ cụ thể để cung cấp dịch vụ hỗ trợ khách hàng, thì điều quan trọng là phải hiển thị giờ địa phương của vị trí của bạn. Điều đó sẽ cho khách hàng biết thời gian họ có thể liên hệ với bạn
• Khi sử dụng đồng hồ đếm ngược để chạy chiến dịch nhạy cảm với thời gian, hãy hiển thị ngày hôm nay để tạo sự khan hiếm và tăng chuyển đổi
• Để hiển thị giờ hoạt động của đấu giá và các trang web chứng khoán

Bây giờ chúng ta đã hiểu khi nào là thời điểm tốt để hiển thị ngày, hãy chuyển sang phần tiếp theo và tìm hiểu cách thực hiện

Hiển thị ngày hôm nay trong WordPress bằng một Plugin

Cách dễ nhất để hiển thị ngày hôm nay là sử dụng plugin. Có các plugin WordPress cho mọi thứ và thực sự, một plugin để hiển thị ngày

Từ bảng điều khiển WordPress, điều hướng đến Plugin -> Thêm mới và cài đặt plugin WP Date and Time Shortcode

Sau khi được kích hoạt, bạn có thể bắt đầu sử dụng plugin với một trong nhiều mã ngắn của nó

Ví dụ: để hiển thị ngày hôm nay, hãy nhập mã ngắn [wpdts-date] vào khối mã ngắn Gutenberg cho trang hoặc bài đăng bạn muốn và nhấp vào cập nhật

Sau đó, hãy truy cập trang để đảm bảo bạn thích ngày được định dạng

Nếu bạn muốn hiển thị ngày khác với định dạng hiện có, hãy điều hướng đến trang Cài đặt -> Chung và chọn định dạng mong muốn của bạn trong phần Định dạng ngày

Đảm bảo xác minh định dạng mới sau khi bạn lưu các thay đổi

Tham số mã ngắn bổ sung

Mã ngắn ở trên sẽ hiển thị ngày hiện tại với ngày, tháng và năm

Tuy nhiên, plugin đi kèm với nhiều tùy chọn và tham số khác mà bạn có thể thêm vào mã ngắn để tùy chỉnh ngày hiển thị

Dưới đây là một số mã ngắn phổ biến nhất của plugin WP Date and Time

• [wpdts] – mã ngắn chính hoạt động với tất cả các thuộc tính
• [wpdts-date-time] – định dạng ngày và giờ mặc định từ cài đặt chung của WordPress
• [wpdts-time] – định dạng thời gian mặc định từ cài đặt chung của WordPress
• [wpdts-custom]– định dạng tùy chỉnh sử dụng các ký tự định dạng ngày và giờ PHP

• // display today's date with a function
  function p4wp_show_todays_date_shortcode() {
  return date(get_option('date_format'));
  }
  add_shortcode('todaydate', 'p4wp_show_todays_date_shortcode');

  0,

  // display today's date with a function
  function p4wp_show_todays_date_shortcode() {
  return date(get_option('date_format'));
  }
  add_shortcode('todaydate', 'p4wp_show_todays_date_shortcode');

  1 – năm có 4 chữ số e. g. 1999 hoặc 2134

• // display today's date with a function
  function p4wp_show_todays_date_shortcode() {
  return date(get_option('date_format'));
  }
  add_shortcode('todaydate', 'p4wp_show_todays_date_shortcode');

  2 – năm có 2 chữ số e. g. 99 hoặc 34

• // display today's date with a function
  function p4wp_show_todays_date_shortcode() {
  return date(get_option('date_format'));
  }
  add_shortcode('todaydate', 'p4wp_show_todays_date_shortcode');

  0,

  // display today's date with a function
  function p4wp_show_todays_date_shortcode() {
  return date(get_option('date_format'));
  }
  add_shortcode('todaydate', 'p4wp_show_todays_date_shortcode');

  1 – tháng dưới dạng số (1-12)

Bạn có thể xem danh sách đầy đủ trên trang web nhà phát triển chính thức của plugin

Hiển thị ngày hôm nay mà không cần plugin

Plugin không phải là cách duy nhất để hiển thị ngày hôm nay trên trang web WordPress của bạn. Bạn có thể làm điều đó bằng cách sử dụng một chủ đề cụ thể với tính năng tích hợp sẵn hoặc chức năng PHP

Sử dụng Chủ đề Tin tức

Vì hiển thị ngày giờ hiện tại là một phần không thể thiếu của các trang web tin tức nên nhiều nhà phát triển đã tích hợp tính năng này trong chủ đề tin tức của họ

Dưới đây là các chủ đề tin tức WordPress phổ biến bao gồm tùy chọn hiển thị ngày hôm nay

• EasyMag
• Jnews
• tạp chí
• AquaMag
• tin tức chuyên nghiệp
• tin tức
• Amzola

Kích hoạt tính năng ngày hôm nay là một quy trình đơn giản và giống nhau cho tất cả chúng;

Hãy lấy chủ đề EasyMag làm ví dụ. Khi bạn mở màn hình tùy chỉnh, hãy điều hướng đến Header -> Header Topbar

Tùy chọn hiển thị ngày hôm nay được ẩn theo mặc định. Do đó, hãy bỏ chọn hộp Hide Header Date để kích hoạt nó. Sau khi bỏ chọn, ngày sẽ được thêm vào thanh tiêu đề trên cùng bên cạnh thông tin thời tiết

Bạn cũng có thể thêm ngày hôm nay bằng hàm PHP nếu trang web của bạn đã được thiết lập với một chủ đề không bao gồm tính năng đó

Hiển thị ngày hôm nay bằng chức năng

Hàm PHP là một phương pháp đơn giản khác để thêm ngày hôm nay vào trang web WordPress của bạn

Nó có lợi khi phát triển các tệp cốt lõi, chỉnh sửa chân trang hoặc đầu trang hoặc tạo các plugin hoặc mẫu tùy chỉnh

Bạn có thể đặt mã PHP vào đúng vị trí của tệp mẫu mong muốn của mình. Sau đó, bạn có thể truy cập các tệp của chủ đề bằng phần mềm FTP hoặc màn hình Trình chỉnh sửa tệp chủ đề WordPress gốc

Mẹo. vui lòng sao lưu trang web của bạn trước khi chỉnh sửa các tệp cốt lõi

Ví dụ: nếu bạn muốn thêm ngày hôm nay vào tiêu đề trang web của mình, hãy mở tiêu đề. php của chủ đề con của bạn và đặt mã bên dưới vào vị trí mong muốn của bạn

Sau khi lưu, hãy truy cập trang web của bạn và đảm bảo ngày được hiển thị chính xác. Để phù hợp hơn với trang web của bạn, bạn cũng có thể thay đổi định dạng ngày thông qua Cài đặt -> Màn hình chung

Nếu bạn muốn sử dụng mã PHP ở giao diện người dùng và hiển thị ngày bằng mã ngắn, hãy dán hàm bên dưới vào cuối các hàm của bạn. tập tin php

// display today's date with a function
function p4wp_show_todays_date_shortcode() {
return date(get_option('date_format'));
}
add_shortcode('todaydate', 'p4wp_show_todays_date_shortcode');

Sau khi lưu, hãy sử dụng mã ngắn

// display today's date with a function
function p4wp_show_todays_date_shortcode() {
return date(get_option('date_format'));
}
add_shortcode('todaydate', 'p4wp_show_todays_date_shortcode');

2 với plugin trình tạo trang yêu thích của bạn, khối Gutenberg hoặc trình chỉnh sửa cổ điển

Một số phương pháp được khám phá ở trên sẽ yêu cầu bạn thêm plugin tùy chỉnh hoặc mã vào trang web WordPress của mình để hiển thị ngày hôm nay

Tuy nhiên, nếu bạn đang sử dụng plugin trình tạo trang, chẳng hạn như Elementor, thì bạn có thể hiển thị ngày trực tiếp bằng plugin và bỏ qua các bước bổ sung

Hiển thị ngày hôm nay với Elementor

Elementor, một plugin trình tạo trang phổ biến, đơn giản hóa quy trình bằng cách cho phép chúng tôi hiển thị trang hôm nay trên bất kỳ phần nào trên trang web của chúng tôi

Ưu điểm của việc sử dụng Elementor là bạn không cần cài đặt thêm bất kỳ plugin hoặc chức năng tùy chỉnh nào

Thay vào đó, bạn có thể dễ dàng hiển thị ngày hôm nay với tính năng nội dung động của Elementor Pro

Bạn có thể nhận Elementor Pro từ trang web chính thức với tổng giá là 49 đô la hoặc từ chúng tôi, chỉ với 4 đô la. 99

Khi bạn đã kích hoạt Elementor Pro trên trang web của mình, hãy nhấp vào nút Chỉnh sửa bằng Elementor để mở màn hình trình chỉnh sửa trực quan của trang bạn muốn hoặc phần trình tạo chủ đề

Sau đó, kéo trình soạn thảo văn bản hoặc tiện ích tiêu đề từ thanh bên trái sang khung vẽ bên phải

Các widget sẽ chứa đầy nội dung giữ chỗ mà chúng ta cần thay thế bằng ngày hiện tại. Để làm điều đó, hãy nhấp vào biểu tượng thẻ động và chọn tùy chọn Ngày giờ hiện tại trong phần Trang web

Tiện ích sẽ mặc định hiển thị ngày giờ của vị trí của bạn. Để ẩn thời gian và giữ nguyên ngày, hãy nhấp vào biểu tượng cài đặt và đặt trường Định dạng thời gian thành không

Ngoài ra, nếu bạn muốn thêm văn bản bổ sung trước hoặc sau ngày, hãy mở rộng tab Nâng cao và nhập văn bản tùy chỉnh của bạn

Trong ví dụ của chúng tôi, tôi đã thêm văn bản 'Ngày hôm nay' vào bên trái của tiện ích, nhưng thay vào đó, bạn có thể thêm văn bản tùy chỉnh của mình

Sau khi hoàn tất, vui lòng lưu các thay đổi của bạn và truy cập trang để đảm bảo nó đáp ứng các yêu cầu của bạn

Phần kết luận

Bài viết này đề cập đến thời điểm và cách thêm ngày hôm nay vào trang web WordPress của bạn

Chúng tôi đã khám phá một vài phương pháp khác nhau, một phương pháp bằng cách sử dụng plugin và những phương pháp khác bằng cách sử dụng chủ đề, chức năng hoặc trình tạo trang