Hướng dẫn tạo domain dạng m.domain.com khi truy cập mobile cho wordpress

Thảo luận trong 'Wordpress Plugins' bắt đầu bởi haopro6120, 6/7/13.

  1. haopro6120

    haopro6120 Đang làm quen

    Tham gia ngày:
    19/6/13
    Bài viết:
    161
    Đã được thích:
    1
    Điểm thành tích:
    18
    Giới tính:
    Nam
    Nơi ở:
    Sài Gòn
    Chào các bạn . Qua 1 thời gian dạo quanh ngâm cứu các cách hướng dẫn Mobile cho Wordpress, Đa số toàn là chuyển hướng qua theme mobile như plugin : Any mobile theme switcher , .... Hay dùng các plugin kèm theme Mobile như : WPtouch Pro, ... Và còn 2 cách nữa là chèn code nhận diện các user-agent của các trình duyệt mobile vào .htaccess hay file header.php của theme hay dùng các theme Responsive ( tự động resize kích thướt màng hình tùy vào độ phân giải của máy truy cập ) . Nhưng làm như vậy củng ổn nhưng lúc mình seach trên Google có vài bạn thắc mắc cách làm dạng domain dành riêng cho mobile như : m.domain.com khi truy cập vào bàng mobile & domain.com khi truy cập bằng PC . Để đáp ứng với nhu cầu đó vửa mình và của các bạn yêu cầu mình sẽ viết bài này hướng dẫn cụ thể cho các bạn .
    *Lưu ý :
    - Cách làm này chỉ sử dụng cho hosting CPanel và ko sử dụng được đối với hosting DirectAdmin
    - Chỉ áp dụng thành công trên các blog có dang domain.com, www.domain.com , không áp dụng cho các blog đang chạy subdmain và dạng domain.com/blog ( hay domain.com/thư mục blog ) .
    - Backup toàn bộ trước khi thực hiện vì lỡ có sơ suất gì thì còn restore lại được )
    - Mình không chịu trách nhiệu về lỗi do các bạn gây ra vi thực hiện theo hướng dẫn này . hehe mình thì làm lun chứ ko Backup data gì hết, vì site mình mới mở thui và làm 1 phát thành công lun .
    *Cách làm :
    -Các bạn Download 2 Plugin này về trước :
    1- Mobile domain - Link download tại đây
    2- Any Mobile Theme Switcher - Link download tại đây ( tại sao phải dùng plugin này 1 chút mình sẽ nói rõ ở phần sau )
    ^ Link mình upload lên mạng tại đây ^
    - Các bạn đăng nhập vào Admin Control Panel của hosting CPanel và tiến hành tạo 1 Subdomain : có dạng m.domain của bạn hay bạn muốn đặt subdomain tên gì cũng được miễn sao tốt cho SEO là được rồi .
    [​IMG]

    -Sau khi bạn gõ chữ " m " thì phía dưới nó sẽ tự tạo 1 đường dẫn đến subdomain , các bạn rê chuột đến và xóa bỏ dòng này đi nó sẽ ra như sau : chỉ còn lại dúng dường dẫn " public_html " thui nhé .

    [​IMG]
    -Hoặc các bạn dùng bản CPanel gốc thì làm như hình dưới đây nhé .
    [​IMG]
    -Chỉ còn lại dúng dường dẫn " public_html " thôi .
    -Ok . Giờ xong phần domain rồi .
    -Các bạn quay lại trang quản trị Blog Wordpress của mình, tiến hành cài đặt plugin Mobile domain
    và kích hoạt nó .
    -Sau khi kích hoạt các bạn vào Settings > Mobile domain .
    [​IMG]
    -Giao diện trực quan như sau :

    [​IMG]

    + Mobile domain : tên subdomain mà bạn mới tạo VD : m.hotkhuyenmai.com của mình
    + Mobile Theme : Chọn theme mobile mà bạn cần sử dụng ( lưu ý : chức năng này mình test hoài mà nó ko hoạt động, lúc truy cập bằng mobile thí nó vẫn hiện tên miền m.hotkhuyenmai.com nhưng lại là theme pc mình đang dùng nên mình mới tick các bạn download thêm plugin : Any Mobile Theme Switcher bên trên đó )
    + Footer Text : nhìn hình là hiểu rồi pải ko các bạn ( chức năng này sẽ có 1 doạn text dưới cùng trang có link chuyển sang giao diện PC ) .
    + Footer Text Layout : tùy chọn canh chữ trái, giữa, phải và có link .
    + 4 dòng cuối cùng tùy chọn mặc định cho cỡ chữ, màu chữ, màu nền ... ( mình thì dùng skin mobile rùi nên ko dùng chức năng này ) .

    + Sau khi thiết lập xong nhấn Save lại .
    - Còn 1 số tùy chỉnh nâng cao bên dưới nữa : các bạn kéo trỏ chuột xuống nè !!!
    [​IMG]
    + Mobile XML Sitemap for Google : chức năng tạo 1 sitemap riêng cho mobile ( các này tốt cho SEO mobile lắm nhé ) Các bạn nhấn váo dòng" Generate Mobile XML Sitemap " để tạo sitemap nhé . Lưu ý : các bạn phải làm các bước ở trên ( nhập tên subdomain ) xong rùi nhấn SEO nó mới hiện ra dòng " Generate Mobile XML Sitemap" này nhé .
    [​IMG]
    + Sau khi nhấn xong thì các bạn xem hình sẽ rõ, nhấn váo dòng " pinging it " bên phải nó sẽ tự động ping setemap vào Google Wedmaster Tools của bạn với điều kiện là bạn phải đăng nhập Gmail trước nhé . Và đường dẫn của sitemap sẽ có dang m.domain.com/mobilesitemap.xml VD như : http://hotkhuyenmai.com/mobilesitemap.xml .
    + Mobile Ad : cái này khỏi nói chắc các bạn cũng biết rồi . Mình thì chưa test phần này nhờ các bạn test thử vì site mình mới mở nên ko có quảng cáo .
    - Tiếp tục kéo xuống phần dưới, đây cùng là phần cuối cùng :
    [​IMG]
    + Mobile Brower : tính năng nâng cao dành cho các bạn rành user-agent của các trình duyệt, theo mình thì bảng trên có đầy đủ các user-agent của các dòng điện thoại | Smartphone | Table rùi ko cần phải thêm bớt gì nữa .

    - Đến đây coi như là ok rùi đấy . Các bạn test thử xem nào . Các bạn có thể vào trang này test thử giả lập duyệt Safari Iphone 3,4,5 | Ipad trên máy tính xem thử trang wed của mình nó chạy thế nào nhé hoặc dùng điện thoại thì càng tốt . Mình đã test trên 1 Galexy note , 1 iphone 4s và 1 Nokia 2610 .. ok lắm .

    Và đây là thành quả của site mình :
    [​IMG]

    [​IMG]

    ĐÂy là Sitemap đã được gửi đến Google :

    [​IMG]


    * Nếu các bạn gặp trường hợp Mobile domain như mình ko kích hoạt theme mobile thì các bạn tiếp tục cài thằng Any Mobile Theme Switcher vào và chọn theme Mobile mình cần dùng thế thôi .

    [​IMG]
    - Mình đã cấu hình như thế này . Bione là theme của pác Phạm Quang Bảo share Free cho anh em, pác nào cần vào Google seach về edit 1 chut và dùng rất ok đấy .

    Demo các bạn test nè : http://www.hotkhuyenmai.com/ ( sẵn cho mình PR 1 chut nhé vì site mới mở nên mọi người ủng hộ mình và like FB Page dùm mình nhé )

    Và mình cũng test thử hosting sử dụng : DirectAdmin thì xem hình !!!!!!!!
    [​IMG]
    Bạn nào làm được hosting DirectAdmin thì reply hướng dẫn cho mọi người nhé . Với lại pác nào test được cái Mobile Theme hoạt động thì cũng reply hướng dẫn anh em lun nhé .
    Thanks mọi người đã xem bài này .
     
  2. haopro6120

    haopro6120 Đang làm quen

    Tham gia ngày:
    19/6/13
    Bài viết:
    161
    Đã được thích:
    1
    Điểm thành tích:
    18
    Giới tính:
    Nam
    Nơi ở:
    Sài Gòn
    ko ai quan tâm vấn đề này hết ah ... bùn vậy
     
  3. bestsongvn

    bestsongvn Đang làm quen

    Tham gia ngày:
    23/3/13
    Bài viết:
    184
    Đã được thích:
    0
    Điểm thành tích:
    16
    Không phải là không ai quan tâm đến vấn đề dành cho mobile nhưng mà cái này mọi người biết rồi nên không bình luận gì nữa
    Nếu đây là câu hỏi thì chắc chắn sẽ có ngươi trả lời.
    Tuy nhiên đây cũng là một bài viết khá hay, chất lượng. Cảm ơn bạn!

    Bạn cho mình nick Yahoo có gì liên hệ nhé, mình đang tập hợp mấy anh em để làm dự án.
    nick mình: bestsongvn@yahoo.com
     
  4. bestsongvn

    bestsongvn Đang làm quen

    Tham gia ngày:
    23/3/13
    Bài viết:
    184
    Đã được thích:
    0
    Điểm thành tích:
    16
    Chào bạn, mình có liên kết muốn trao đổi với bạn không biết bạn có đồng ý?
    mình cũng làm trang web về truyện bằng wp.
    nếu bạn đồng ý thì buzz mình nhé!
    Y!M: bestsongvn
     
  5. haopro6120

    haopro6120 Đang làm quen

    Tham gia ngày:
    19/6/13
    Bài viết:
    161
    Đã được thích:
    1
    Điểm thành tích:
    18
    Giới tính:
    Nam
    Nơi ở:
    Sài Gòn
    Y!M : của mình là : oh_paypay_ype
     
  6. tieu_it88

    tieu_it88 Lính mới

    Tham gia ngày:
    22/1/13
    Bài viết:
    21
    Đã được thích:
    0
    Điểm thành tích:
    1
    Mình thấy hiện giờ thì dùng css mình có thể tùy biến website cho tương thích với mobile luôn không cần phải tạo thêm gì nữa. Cũng thanks chủ thớt gì cái này mình cũng chưa biết nên coi như có thêm kinh nghiệm :D
     
  7. haopro6120

    haopro6120 Đang làm quen

    Tham gia ngày:
    19/6/13
    Bài viết:
    161
    Đã được thích:
    1
    Điểm thành tích:
    18
    Giới tính:
    Nam
    Nơi ở:
    Sài Gòn
    mình tìm thử trong 4rum ko ai hướng dẫn nên viết đại 1 bài, nếu có rùi thì sory nha
     
  8. nobita2013

    nobita2013 Lính mới

    Tham gia ngày:
    7/7/13
    Bài viết:
    3
    Đã được thích:
    0
    Điểm thành tích:
    1
    dù sao cũng cám ơn bạn bài viết rất hữu ích cho anh em
     
  9. sonvanco13

    sonvanco13 Đang làm quen

    Tham gia ngày:
    14/6/13
    Bài viết:
    41
    Đã được thích:
    0
    Điểm thành tích:
    6
    Mình có thắc mắc là tại sao lại không chạy được trên direct admin nhỉ, bạn có thể giải thích dùm mình không?
     
  10. quantt88

    quantt88 Đang làm quen

    Tham gia ngày:
    4/7/13
    Bài viết:
    32
    Đã được thích:
    0
    Điểm thành tích:
    6
    Mình vẫn chưa hiểu lắm về hướng dẫn của bạn.
    Bạn ghi rõ chút được không hoặc hướng dẫn riêng mình với
     
  11. haopro6120

    haopro6120 Đang làm quen

    Tham gia ngày:
    19/6/13
    Bài viết:
    161
    Đã được thích:
    1
    Điểm thành tích:
    18
    Giới tính:
    Nam
    Nơi ở:
    Sài Gòn
    mình viết rất cụ thể rồi mà
     
  12. NguyenVanHao

    NguyenVanHao Lính mới

    Tham gia ngày:
    9/2/14
    Bài viết:
    19
    Đã được thích:
    0
    Điểm thành tích:
    1
    Bài viết hữu ích. Thanks bác nhé.
     
  13. damynghe2606

    damynghe2606 Guest

    Sao bạn không dùng blugin thích hợp luôn web và wap ý bạn . Vào bằng pc thì hiện web còn vào dt hiện wap :baffle:
     
Đang tải...

Chia sẻ trang này