Nội dung là vua, họ nói, nhưng ngoại hình là nữ hoàng. Và điều đó không thể đúng hơn trong tình trạng của các thuộc tính web ngày nay. Có một thiết kế bắt mắt sẽ giúp chủ sở hữu web thu hút sự chú ý của khách truy cập. Bên cạnh bố cục được cân nhắc kỹ lưỡng, 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 để thu hút sự chú ý tức thì của khách truy cập là sử dụng văn bản giống như máy đánh chữ chuyển động. Nếu bạn là người dùng WordPress, bạn có thể đạt được hiệu ứng này dễ dàng bằng cách sử dụng plugin có tên Typed Js .
Lưu ý :vì hiệu ứng là chuyển động văn bản và rất khó để mô tả “sự thú vị” bằng cách sử dụng từ ngữ hoặc hình ảnh tĩnh, nên 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ả tại đó.
Cài đặt và thiết lập plugin
Cài đặt một plugin trong WordPress rất dễ dàng, đặc biệt là đối với những người đã mày mò 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 mình và sử dụng menu “Plugins -> Add New” từ thanh bên trái. Tìm kiếm “Typed Js” từ kho 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 mới. Đầu tiên, chuyển đến menu “Đã nhập -> Thêm mới” từ thanh bên trái, sau đó đặt tên cho hiệu ứng Đã nhập mới của bạn.
Quan trọng! Hãy chú ý đến “Mã ngắn đã tạo”. Nó là chuỗi giữa “[dấu ngoặc vuông].” Sao chép mọi thứ bao gồm cả dấu ngoặc và chèn shortcode vào bất cứ đâu bạn muốn nó xuất hiện. Một tập hợp chuỗi khác sẽ có mã ngắn 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 theo thứ tự mà bạn muốn. Sử dụng nút “Dấu cộng (+)” để thêm một chuỗi mới và nút “Dấu trừ (-)” để xóa 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 sự xuất hiệ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ễ quay lại. Tất cả các số đều tính 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 điều khác mà bạn có thể điều chỉnh là màn hình, chẳng hạn như phông chữ và màu sắc.
Và sau khi bạn hoàn tất 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 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 Trình tạo trang SiteOrigin.
Đầu tiên, tôi tạo một trang mới thông qua “Pages -> Add New”. Sau đó, tôi chuyển sang tab “Trình tạo trang”, thêm “Hàng” mới, đặt nó thành một cột và thêm tiện ích con “Anh hùng SiteOrigin” 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 viết WordPress thông thường. Tôi chèn mã ngắn đã được tạo 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” đã thiết lập trước đó để khách truy cập cần dịch vụ của tôi có thể liên hệ với tôi.
Và đây là kết quả cuối cùng. Nếu bạn muốn xem một ví dụ về hiệu ứng trong thời gian thực, bạn có thể truy cập trang web của tôi.
Bạn có thể tạo nhiều mục Js đã nhập tùy thích, sau đó sao chép và dán các 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 tuyệt, nhưng 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 Typed Js? Bạn có thấy mình đang 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.