Chào anh em publisher,
Rất nhiều bạn đang gặp vấn đề về clone Prelanding và Landing nhưng lại không thể tự động thay đổi giao diện khi user vào bằng các thiết bị khác nhau, hôm nay mình sẽ chia sẻ một thủ thuật rất hay được bạn Tống Nhật chia sẻ trên group AMA.
Tools cần cài (giúp làm nhanh hơn).
+ User-Agent Switcher
+ WinHTTrack
Bước 1: Lấy giao diện PC
+ RIP web bằng HTTrack
(làm như video).
+ Sửa 1 chút. Xem thử và thấy OK rồi.
Bước 2: Lấy giao diện Mobile
+ Các bạn “User-Agent Switcher” và chọn một trình duyệt giả lập Mobile.
+ Copy toàn bộ code Mobile.
+ Để ý tên thư mục chứa hình ảnh và các file.
– Tạo 1 forder giống vậy.
+ Lưu toàn bộ các files. OK đã Save xong.
+ Bây giờ xem giao diện Mobile OK chưa. Chắc chắn nó chưa OK vì còn thiếu hình trong css. Ok thiếu hình.
+ Copy hình từ giao diện PC qua cho lẹ.
+ OK copy hết rồi. Bây giờ xem lại.
+ OK hết rồi.
Bước 3: Auto wap/web.
+ Copy files index.php của mình bỏ vào thư mục gốc. Đổi tên files giao diện PC và Mobile tương đương 2 giá trị (mobile.html & pc.html).
+ Code này chỉ hỗ trợ PC or Mobile. Nếu bạn cần bản cao hơn có đầy đủ các thiết bị IPAD, MOBILE, PC và các kích cỡ màn hình khác nhau thì liên hệ mình, mình sẽ cố gắng làm giúp. Tuy nhiên mình thấy ko cần thiết.
Bước 4: TEST THỬ.
Cre: Publisher Tống Nhật
Edit: Trung Kiên