[Thủ thuật WordPress] Cách tạo hiệu ứng cuốn góc cho WordPress đơn giản – Hiệu ứng cuốn góc cho website có thể giúp blog, website của bạn trở nên chuyên nghiệp hơn – Với hiệu ứng cuốn góc trong trang Web bạn có thể đặt quảng cáo hoặc những mục đích khác mà bạn muốn người dùng chú ý. Đối với mã nguồn wordpress mình không biết là có Plugin nào hỗ trợ bạn tạo hiệu ứng này hay không? nếu có mình sẽ tìm hiểu và sẽ có một bài viết riêng tuy nhiên trong khi chờ đợi bạn có thể tạo hiệu ứng độc đáo này cho blog, website của mình với vài bước đơn giản sau.
Trong bài viết trước đây về thủ thuật WordPress mình có hướng dẫn các bạn cách chèn từ khóa vào bài viết WordPress tự động giúp bạn có thể dễ dàng chèn liên kết trong từ khóa tự động giúp SEO tốt hơn tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách tạo hiệu ứng cuốn góc cho WordPress đơn giản.
Tạo hiệu ứng cuốn góc cho WordPress đơn giản
Như mình đã đề cập ở trên việc tạo hiệu ứng cuốn góc giúp độc giả sẽ chú ý hơn những nội dung mà bạn cần giới thiệu vậy để tạo hiệu ứng cuốn góc trong WordPress phải làm sao? thực hiện như thế nào? có đơn giản hay không? hãy cùng blog thủ thuật tìm hiểu cách tạo hiệu ứng cuốn góc cho WordPress đơn giản. Đầu tiên các bạn hãy truy cập vào liên kết bên dưới để tải file cài đặt về máy tính.
Sau khi tải về bạn giải nén ra bạn sẽ thấy có 5 file trong thư mục này với các tên như sau.
Large.swf, large.jpg, small.swf, small.jpg, peel.js.
Sau đó bạn dùng phần mềm CuteFTP hoặc Filezella… Up toàn bộ các file này lên vào thư mục web nơi nào các bạn thích (bạn có thể up ngang hàng với thư mục gốc). Sau đó các bạn mở file peel.js ra và tiến hành thay đổi đoạn đầu với các thông số như sau.
jaaspeel.ad_url = escape('http://www.domain.com');
jaaspeel.small_path = 'http://www.domain.com/peel/small.swf';
jaaspeel.small_image = escape('http://www.domain.com/peel/small.jpg');
jaaspeel.small_width = '100';
jaaspeel.small_height = '100';
jaaspeel.small_params = 'ico=' + jaaspeel.small_image;
jaaspeel.big_path = 'http://www.domain.com/peel/large.swf';
jaaspeel.big_image = escape('http://www.domain.com/peel/large.jpg');
jaaspeel.big_width = '650';
jaaspeel.big_height = '650';
jaaspeel.big_params = 'big=' + jaaspeel.big_image + '&ad_url=' + jaaspeel.ad_url;
Chú ý: Chỗ nào có liên kết như sau: http://www.domain.com thì bạn đổi thành tên miền mình nhé!
Hiệu chỉnh quảng cáo
Tiếp tục hãy hiệu chỉnh ảnh nền và hình ảnh quảng cáo như sau.
Small.jpg : Bạn có thể chỉnh sửa cho phù hợp với website của bạn và đây chính là một hình nền sẽ được thấy khi lần đầu tiên load trang.
Large.jpg : Bạn cũng có thể chỉnh sửa tùy thích theo mục đích của bạn và đây chính là hình mà sau khi bạn cuộn trang sẽ thấy, hoặc đây chính là hình banner mà bạn muốn khách hàng kích vào.
Chú ý: Các hình ảnh này bạn có thể tùy chỉnh nhưng bạn không được đổi tên ảnh và định dạng ảnh vì khi đổi như vậy sẽ dẫn đến tình trạng không hiển thị ảnh.
Cuối cùng các bạn chèn đoạn code sau vào trước thẻ đóng </head> trong file header.php là được.
<script src="http://www.yourdomain.com/peel/peel.js" type="text/javascript"></script>
Hãy thay đổi địa chỉ http://www.domain.com thành tên miền của bạn. Quá đơn giản để bạn có thể tạo hiệu ứng cuốn góc cho WordPress phải không?
Cuối cùng không có gì hơn nếu bạn cảm thấy bài viết có ích hãy subscribe blog của mình thường xuyên để cập nhật những bài viết mới nhất qua Email – Chân thành cảm ơn!
