How to create pre-loading animation for page loading

Để tạo hiệu ứng loading khi đang tải trang, giúp người xem đỡ nhàm chán, chúng ta có thể làm như sau: Đầu tiên, thêm CSS cho pre-loading như sau: <!-- Page loading styles--> <style> .page-loading{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-transition:all .4s .2s ease-in-out;transition:all .4s .2s ease-in-out;background-color:#fff;opacity:0;visibility:hidden;z-index:9999}.page-loading.active{opacity:1;visibility:visible}.page-loading-inner{position:absolute;top:50%;left:0;width:100%;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;opacity:0}.page-loading.active>.page-loading-inner{opacity:1}.page-loading-inner>span{display:block;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;color:#737491}.page-spinner{display:inline-block;width:2.75rem;height:2.75rem;margin-bottom:.75rem;vertical-align:text-bottom;border:.15em solid #766df4;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite}@-webkit-keyframes spinner{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes [...]

CSS full width responsive embed youtube

Khi bạn nhúng một video trên youtube vào website của bạn, không chỉ riêng wordpress, mặc định video sẽ có kích thước cố định, không full width và cũng chẳng responsive cho các thiết bị. Để giải quyết vấn đề này, rất đơn giản chỉ với vài dòng css. Trước tiên, chúng ta nên xem [...]

How to get all comments from a post on Facebook?

Bạn đang tổ chức một mini game hay event trên facebook, bạn băn khoăn làm sao để lấy tất cả bình luận của một bài đăng bất kỳ trên Facebook (tất nhiên user của bạn phải là người sở hữu bài đăng đó)? Sau đây là ví dụ thực tế lấy tất comments từ một [...]

Đăng ký thêm vị trí widget cho chân trang

Nếu bạn muốn đăng ký thêm widget cho vị trí dưới chân trang, hãy theo dõi mẫu sau. Mình sẽ đăng ký 4 widget để xuất ra 4 cột dưới chân trang. Ví dụ với theme tweenty sixteen nhé mọi người. Trước tiên hãy mở file function.php của theme lên. Tìm tới function đăng ký [...]

Tự động tải lại css sau mỗi lần thay đổi

Làm thế nào để xóa ?ver=4.9.9 sau style.css? Làm thế nào để tự động tải lại css sau mỗi lần thay đổi? Làm sao để xóa cache của css trên trang wordpress cho người dùng khi mình thay đổi. Tất cả câu hỏi đó có một cách xử lý rất dễ dàng. Đó là bằng [...]

Change archive prefix title – thay đổi tiền tố tiêu đề lưu trữ

Mặc định của WordPress, khi bạn vào trong tác giả thì nó sẽ hiển thị Author: Tên tác giả, hay khi vào trang chuyên mục thì sẽ có dạng Chuyên mục: tên chuyên mục… tuy nhiên, nếu bạn muốn bỏ tiền tố như Author hay Chuyên mục thì chúng ta hoàn toàn có thể làm như sau. Thêm đoạn [...]
Xem thêm