Thủ thuật WordPress

VỀ REDX
STORE
Kho giao diện
Dịch vụ
REDX.Media không ngừng nỗ lực lắng nghe, học hỏi nhằm mang đến những giá trị tốt nhất dành cho bạn.
Thiết kế Website
Thiết kế website chuyên nghiệp, hiện đại với UI/UX đẹp mắt. Tối ưu SEO, đầy đủ tính năng, hỗ trợ 24/7.
Thiết kế Landing Page
Chúng tôi tạo ra các trang web ấn tượng, thân thiện với người dùng.
Find out
Quảng cáo Google Ads
Google Adwords là nền tảng quảng cáo mạnh mẽ nhất để thu hút nhiều khách hàng tiềm năng hơn và tăng doanh số bán hàng.
Quảng cáo Facebook
Một quảng cáo chất lượng sẽ giúp doanh nghiệp tăng độ nhận diện thương hiệu, tăng tệp khách hàng tiềm năng.
New product
Quản lý Fanpage, Website
Xu hướng bán hàng online qua fanpage đã rất phổ biến, cạnh tranh càng nhiều, đòi hỏi công việc quản lý, chăm sóc fanpage càng phải chuyên nghiệp.
REDX.Media
Bạn đang ấp ủ một ý tưởng tiềm năng?
Hãy để chúng tôi tư vấn cho bạn
$99/year
Liên hệ ngay
Resources
Get the most out of Bricks Builder
Documentation
Here you will find video tutorials for FB 1.0 templates
Blog
Interesting articles with tips and tutorials for Bricks Builder
FAQs
Do you have any questions? Maybe you'll find the answer here
Join the community
Facebook Community
Join the community and find out about the latest releases and participate.
YouTube Channel
Subscribe to our YouTube channel to see cool videos about Bricks Builder.
Blog
Tìm kiếm
Tìm kiếm ...
Tài khoản
- Trang tài khoản
- Đơn hàng
0
Tài khoản Liên hệ

Call Us: 0778.559.789LIÊN HỆ NGAY

Thủ thuật WordPress

Chuyển đổi page thành post cho website WordPress thật đơn giản!

Reading Time: 1m 59s

Chào các bạn, hôm nay mình xin giới thiệu đến các bạn một thủ thuật hay về WordPress: làm sao để…

Chi tiết

REDX.Media là một trong những đơn vị thiết kế website hàng đầu hiện nay, REDX.Media tự tin khi mang đến cho khách hàng các sản phẩm, dịch vụ và trải nghiệm tốt nhất.

CHÍNH SÁCH CHUNG

LIÊN KẾT NHANH

BÀI VIẾT MỚI

Chuyển đổi page thành post cho website WordPress thật đơn giản!

<div class="progress-wrap">
	<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
		<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
	</svg>
</div>
<style>
	.progress-wrap {
		position: fixed;
		right: 20px;
		bottom: 40px;
		height: 46px;
		width: 46px;
		cursor: pointer;
		display: block;
		border-radius: 50px;
		z-index: 10000;
		opacity: 0;
		visibility: hidden;
		transform: translateY(15px);
		-webkit-transition: all 200ms linear;
		transition: all 200ms linear;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .2);
	}

	.progress-wrap.active-progress {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}

	.progress-wrap::after {
		position: absolute;
    font-family: var(--font-fa);
    content: "\f062";
		text-align: center;
		font-size: 16px;
		color: #fff;
		left: 0;
		right: 0;
		margin: auto;
		background-color: var(--primary);
		border-radius: 99px;
		top: 50%;
		transform: translateY(-50%);
		height: 38px;
		width: 38px;
		line-height: 35px;
		cursor: pointer;
		display: block;
		z-index: 1;
		-webkit-transition: all 200ms linear;
		transition: all 200ms linear;
	}

	.progress-wrap:hover::after {
		background-color: #333;
	}

	.progress-wrap::before {
		position: absolute;
		font-family: "fl-icons" !important;
		content: "";
		text-align: center;
		line-height: 46px;
		font-size: 24px;
		opacity: 0;
		background: var(--primary);
		/* --- Pijl hover kleur --- */
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		left: 0;
		top: 0;
		height: 46px;
		width: 46px;
		cursor: pointer;
		display: block;
		z-index: 2;
		-webkit-transition: all 200ms linear;
		transition: all 200ms linear;
	}

	.progress-wrap:hover::before {
		opacity: 1;
	}

	.progress-wrap svg path {
		fill: none;
	}

	.progress-wrap svg.progress-circle path {
		stroke: var(--primary);
		/* --- Lijn progres kleur --- */
		stroke-width: 4;
		box-sizing: border-box;
		-webkit-transition: all 200ms linear;
		transition: all 200ms linear;
	}
</style>
<script>
	(function ($) {
		"use strict";
		$(document).ready(function () {
			"use strict";
			var progressPath = document.querySelector('.progress-wrap path');
			var pathLength = progressPath.getTotalLength();
			progressPath.style.transition = progressPath.style.WebkitTransition = 'none';
			progressPath.style.strokeDasharray = pathLength + ' ' + pathLength;
			progressPath.style.strokeDashoffset = pathLength;
			progressPath.getBoundingClientRect();
			progressPath.style.transition = progressPath.style.WebkitTransition = 'stroke-dashoffset 10ms linear';
			var updateProgress = function () {
				var scroll = $(window).scrollTop();
				var height = $(document).height() - $(window).height();
				var progress = pathLength - (scroll * pathLength / height);
				progressPath.style.strokeDashoffset = progress;
			}
			updateProgress();
			$(window).scroll(updateProgress);
			var offset = 50;
			var duration = 550;
			jQuery(window).on('scroll', function () {
				if (jQuery(this).scrollTop() > offset) {
					jQuery('.progress-wrap').addClass('active-progress');
				} else {
					jQuery('.progress-wrap').removeClass('active-progress');
				}
			});
			jQuery('.progress-wrap').on('click', function (event) {
				event.preventDefault();
				jQuery('html, body').animate({ scrollTop: 0 }, duration);
				return false;
			})
		});
	})(jQuery); 
</script>

Đăng nhập

Đăng ký

Hotline

Zalo

Tài liệu

Ticket

Thiết kế Website chuyên nghiệp

Giải pháp thiết kế website bán hàng, giới thiệu dịch vụ chuyên nghiệp

Thiết kế landing page

Landing page tối ưu chuyển đổi và tìm kiếm khách hàng tiềm năng

Quản trị và sáng tạo nội dung

Phát triển và sáng tạo nội dung trên các kênh truyền thông

Quảng cáo Google Ads

Thu hút nhiều khách hàng tiềm năng hơn và tăng doanh số bán hàng.

Quảng cáo Facebook

Tăng độ nhận diện thương hiệu, tăng tệp khách hàng tiềm năng.