Cách chèn ngày giờ vào website, chèn thời gian vào website WordPress

CHIA SẺ MẠNG XÃ HỘI:

Chèn ngày giờ vào website WordPress sẽ giúp ghi điểm, trong mắt độc giả của bạn hơn. Việc chèn thời gian vào trang web WordPress, nhằm để trang web của bạn trở nên chuyên nghiệp hơn bao giờ hết.

Một số website uy tín hiện nay, còn sử dụng code hiển thị ngày giờ trên trên trang web của họ. Việc làm này sẽ dễ kích thích độc giả của bạn hơn. Vì khi bạn nhúng ngày/tháng/năm vào trang web của mình, nó giống như một liều nam châm. Độc giả sẽ quay lại trang web nhiều lần, vì họ nhận thấy trên trang web của bạn có chiếc đồng hồ hiển thị thời gian.   

Có rất nhiều cách để giúp bạn có thể chèn ngày giờ vào website của mình. Nhưng trong bài viết này, mình sẽ chia sẻ hướng dẫn cho bạn cách hiển thị thời gian trên website mã nguồn WordPress CMS nhé!

Cách chèn ngày giờ vào website, chèn thời gian vào trang web WordPress

Đa số các trang web hiện nay đều sử dụng mã nguồn WordPress. Bởi vậy trong bài viết này, mình sẽ hướng dẫn bạn cách thêm thời gian hiển thị ngày giờ (đồng hồ) bằng code javascript, vào website WordPress của các bạn.

Bước 1: Bạn đăng nhập vào trang quản trị website mã nguồn WordPress của bạn.

Bước 2: Sau đó, sử dụng đoạn mã code sau để chèn vào bảng lệnh code HTML có sẵn trong trang quản trị WP. Có thể chèn ở Header, Sidebar, Footer… miễn sao những nơi nào cho phép bạn chèn mã code, bạn có thể chèn vào để hiển thị thời gian.

<font color="0000FF"><span style="font-size: 13px"><b>&nbsp; XEM NGÀY GIỜ:
<span style="color: 0000FF">
<script language="" type="text/javascript">
//<![CDATA[
<!--   // Array ofmonth Names            
<!-- var monthNames = new Array("một","hai","ba","bốn","năm","sáu","bảy","tám","chín","mười","mười một","mười hai"); -->            
var monthNames = new Array("1","2","3","4","5","6","7","8","9","10","11","12");            
var dayNames = new Array("CN -","THỨ 2 -","THỨ 3 -","THỨ 4 -","THỨ 5 -","THỨ 6 -","THỨ 7 -")            
var now = new Date();            
thisYear = now.getYear();            
thisDay = dayNames[now.getDay()];            
if(thisYear < 1900) {thisYear += 1900}; // corrections if Y2K display problem            
document.write("" + thisDay +""+""+" "+ now.getDate() + "/" + monthNames[now.getMonth()] + "/" + thisYear);            
// -->            
//]]>
</script>
</span>
</b></span></font>

Giả sử, tôi muốn chèn đoạn mã code này tại phần Header (phần đầu của website). Bạn có thể xem hình ảnh ở đây.

chèn ngày giờ vào website
Code hiển thị thời gian trên website WordPress.

Bước 3: Sau khi bạn chèn đoạn mã code hiển thị thời gian đó vào, hãy nhấn vào Đăng bài viết. Sau đó, mở một tab khác của trình duyệt, để kiểm tra xem việc “chèn ngày giờ vào website” của bạn đã thực sự thành công hay chưa.

  ● Xem thêm:

Code hiển thị ngày giờ đó, nó đã hiển thị đúng với mong muốn của bạn chưa. Nếu không có thông báo lỗi gì, thì việc bạn chèn ngày giờ vào website WordPress trên website của mình là đã thành công 100000000% rồi đấy.

Sử dụng code khác để hiển thị ngày tháng năm trên Website WordPress

Tôi cho bạn thêm một đoạn mã code khác, để bạn sử dụng nó chèn vào website của mình, nhằm hiển thị thời gian trên website của bạn.

<script language="JavaScript">
<!--
// Store the date In avarlable
d = new Date()
dateText = ""
// Get the cuurent day and convert it to the name of the day
dayValue = d.getDay()
if(dayValue == 0)
dateText += "Chủ Nhật"
else if (dayValue == 1)
dateText += "Thứ hai"
else if (dayValue == 2)
dateText += "Thứ Ba"
else if (dayValue == 3)
dateText += "Thứ Tư"
else if (dayValue == 4)
dateText += "Thứ Năm"
else if (dayValue == 5)
dateText += "Thứ Sáu"
else if (dayValue == 6)
dateText += "Thứ Bảy"
// Get the current date; if it's before 2000,add 1900
dateText += ", Ngày " + d.getDate()
monthValue = d.getMonth()
dateText += " "
if (monthValue == 0)
dateText += "Tháng 1"
if (monthValue == 1)
dateText += "Tháng 2"
if (monthValue == 2)
dateText += "Tháng 3"
if (monthValue == 3)
dateText += "Tháng 4­"
if (monthValue == 4)
dateText += "Tháng 5"
if (monthValue == 5)
dateText += "Tháng 6"
if (monthValue == 6)
dateText += "Tháng 7"
if (monthValue == 7)
dateText += "Tháng 8"
if (monthValue == 8)
dateText += "Tháng 9"
if (monthValue == 9)
dateText += "Tháng 10"
if (monthValue == 10)
dateText += "Tháng 11"
if (monthValue == 11)
dateText += "Tháng 12"
// Get the current year; if it's before 2000, add 1900
if (d.getYear() < 2000)
dateText += ", Năm " + (1900 + d.getYear())
else
dateText += ", Năm " + (d.getYear())
// Get the current minutes
minuteValue = d.getMinutes()
if (minuteValue < 10)
minuteValue = "0" + minuteValue
// Get the current hours
hourValue = d.getHours()
// Customize the greeting based on the current hours
if (hourValue >=5 && hourValue <= 10)
{

timeText =  " Chào buổi sáng và chúc một ngày tốt lành!"
}
else if (hourValue > 10 && hourValue <= 12)
{

timeText =  " Chào buổi trưa - Bạn ăn cơm chưa vậy?"
}
else if (hourValue >= 13 && hourValue <17)
{

timeText = " Chào buổi chiều! "
}
else if (hourValue >=17 && hourValue <18)
{
timeText = " Chào buổi chiều bạn nhé!"
}
else if (hourValue >=18 && hourValue<21)
{

timeText =  " Chào buổi tối!"
}
else if( hourValue >=21 && hourValue <=24)
{
timeText =  "  Chúc bạn ngủ ngon và có giấc mơ đẹp!"
}
else if(hourValue >=1 && hourValue <5 )
{
timeText = "Chúc bạn một ngày vui vẻ!"
}
document.write(  dateText + "" + timeText + "")
-->
</script>

Kết luận

Việc chèn ngày giờ vào website nói riêng và các đoạn mã code thường khiến tốc độ tải trang web có phần chậm hơn chút xíu. Nếu bạn sử dụng nhiều mã code thì khá là ảnh hưởng, nhưng nếu chèn một vài mã thì nhằm nhò gì. Bản thân website BkViet.Com của tôi cũng đang hiển thị ngày giờ trên website đấy thôi.

Hiện nay vẫn có một số Plugin cho phép hiển thị ngày/tháng/năm trên website WordPress. Nếu bạn không muốn sử dụng code, thì có thể tham khảo các Plugin đó nhé!

Hy vọng sau khi bạn đặt thêm cái đồng hồ trên website, bạn sẽ dễ dàng lôi kéo được người dùng ở lại website của bạn lâu hơn. Và họ sẽ có thói quen truy cập vào website của bạn nhiều lần hơn nữa. Chúc bạn thành công!

CHIA SẺ MẠNG XÃ HỘI:

Có thể bạn quan tâm?

5
Bình luận trong bài viết này. Độc giả phản hồi, vui lòng gõ tiếng Việt có dấu. Xin cảm ơn!

avatar
Mới nhất Cũ nhất
gia khánh đức phong
Độc Giả
gia khánh đức phong

Ad ơi , em thử mà có hiện được thứ ngày tháng lên web được đâu ạ?