Nội dung là nhà vua, họ nói, nhưng ngoại hình là nữ hoàng. Và điều đó không thể đúng hơn trong trạng thái của các thuộc tính web ngày nay. Có thiết kế bắt mắt sẽ giúp chủ sở hữu trang web thu hút sự chú ý của khách truy cập của họ. Ngoài bố cục được suy nghĩ cẩn thận, sự kết hợp màu sắc hài hòa và phông chữ đẹp, một trong những cách mà chủ sở hữu web có thể sử dụng để đạt được thông báo tức thì của khách truy cập là sử dụng văn bản di chuyển, máy đánh chữ. Nếu bạn là một người dùng WordPress, bạn có thể đạt được hiệu ứng này một cách dễ dàng bằng cách sử dụng một plugin có tên là Typed Js .

Lưu ý : vì hiệu ứng là di chuyển văn bản và khó mô tả “độ lạnh” bằng cách sử dụng từ hoặc hình tĩnh, tôi quyết định sử dụng nó trong dự án trang web cá nhân của mình và bạn có thể xem kết quả ở đó.

Cài đặt và thiết lập Plugin

Việc cài đặt một plugin trong WordPress rất dễ dàng, đặc biệt là đối với những người đã làm việc với nền tảng này một thời gian. Tất cả những gì bạn phải làm là đăng nhập vào khu vực quản trị của bạn và sử dụng menu "Plugins -> Add New" từ thanh bên trái. Tìm kiếm “Typed Js” từ kho chứa plugin, sau đó cài đặt và kích hoạt nó.

Bây giờ bạn đã sẵn sàng để thêm hiệu ứng Typed Js mới. Quá trình này ít nhiều giống với việc thêm một bài đăng mới. Đầu tiên, hãy vào menu “Typed -> Add New” từ thanh bên trái, sau đó đặt tên cho hiệu ứng Typed mới của bạn.

Quan trọng! Hãy chú ý đến "Shortcode được tạo ra". Đó là chuỗi giữa “[square brackets].” Sao chép mọi thứ bao gồm dấu ngoặc vuông và chèn shortcode vào bất cứ nơi nào bạn muốn nó xuất hiện. Một bộ chuỗi khác sẽ có shortcode khác nhau.

Từ "Tùy chọn đã nhập", bạn có thể thêm các chuỗi từ / cụm từ / câu mà bạn muốn xuất hiện bằng cách sử dụng thứ tự mà bạn thích. Sử dụng nút “Plus (+)” để thêm một chuỗi mới và nút “Minus (-)” để xóa một mục nhập.

Bên dưới các chuỗi là các cài đặt khác nhau để điều chỉnh giao diện của hiệu ứng. Bạn có thể tùy chỉnh tốc độ nhập, độ trễ bắt đầu, tốc độ quay lại và trễ trễ. Tất cả các số đều bằng mili giây. Bạn cũng có thể đặt các chuỗi xuất hiện trong một vòng lặp, hiển thị con trỏ, chọn một ký tự làm con trỏ và làm cho nó nhấp nháy.

Một thứ khác mà bạn có thể điều chỉnh là màn hình hiển thị, chẳng hạn như phông chữ và màu sắc.

Và sau khi bạn hoàn thành tất cả các cài đặt, hãy nhấn “Xuất bản” hoặc “Cập nhật”.

Sử dụng hiệu ứng trong WordPress của bạn

Như đã đề cập trước đó, để sử dụng hiệu ứng Typed bạn cần phải sao chép shortcode và dán nó vào nơi bạn muốn nó xuất hiện. Đối với trang web của tôi, tôi sẽ sử dụng nó trên trang đích mà tôi đã tạo bằng cách sử dụng SiteOrigin Page Builder.

Đầu tiên, tôi tạo một trang mới thông qua “Trang -> Thêm mới”. Sau đó, tôi chuyển sang tab “Trình tạo trang”, thêm một “Hàng” mới, đặt nó thành một cột và thêm tiện ích “SiteOrigin Hero” vào bên trong hàng.

Sau đó, tôi mở khung và chỉnh sửa nội dung giống như cách tôi làm với các bài đăng WordPress thông thường. Tôi chèn shortcode đã được tạo ra trong bài trước.

Để hoàn thành thiết kế, tôi thêm và tùy chỉnh "nút" sẽ liên kết đến trang "Liên hệ với tôi" được thiết lập trước đó để khách truy cập có nhu cầu dịch vụ của tôi có thể liên lạc với tôi.

Và đây là kết quả cuối cùng. Nếu bạn muốn xem ví dụ về hiệu ứng trong thời gian thực hành động, bạn có thể truy cập trang web của tôi.

Bạn có thể tạo bao nhiêu mục nhập chữ J như bạn muốn, sau đó sao chép và dán mã ngắn và chèn hiệu ứng vào bất kỳ đâu trong bài đăng hoặc trang. Mặc dù nó sẽ rất mát mẻ, bạn không thể sử dụng hiệu ứng trong tiêu đề. Tôi đã thử.

Bạn nghĩ gì về hiệu ứng chữ J? Bạn có thể thấy mình sử dụng nó trong (các) trang web WordPress của mình không? Chia sẻ suy nghĩ và ý kiến ​​của bạn bằng cách sử dụng các bình luận bên dưới.