Search This Blog

Friday, February 22, 2019

Hướng dẫn cách thay đổi Theme( giao diện )cho một website wordpress


Theme của website wordpress là gì?





Theme của website wordpress chính là giao diện của website wordpress của bạn.Nó được hiểu giống như quần áo bạn mặc vậy,theme(giao diện) sẽ quyết định người truy cập website của bạn nhìn thấy sự sắp xếp các module trình bày thông tin khác nhau trên website của bạn và nó thể hiện rằng các sắp xếp đó có dễ hiểu,có chứa đựng được nhiều thành phần thông tin(bài viết,hình ảnh,video,đường link....) để có thể dễ dàng hiển thị ra cho người truy cập biết hay không,họ có dễ dàng tiếp cận đến các thành phần thông tin đó hay là phải truy cập và được dẫn dắt qua nhiều nấc thông tin phức tạp.Theme giống như bộ mặt của chúng ta,quần áo của chúng ta,khi người khác nhìn vào sẽ có cảm giác thích hoặc không thích,dễ hiểu hay khó hiểu,dễ quan sát các thành phần thông tin khác nhau hay khó quan sát...Nếu thích người truy cập đó có thể sẽ lại tiếp tục quay trở lại website của bạn trong những lần tiếp theo ,nếu không thích có thể họ sẽ không quay lại lần nào nữa cũng lên.Theme giống như quần áo nên chúng ta hoàn toàn có thể tiến hành các thao tác đơn giản để thay đổi them(giao diện) của website từ theme(giao diện) này thành theme(giao diện) khác qua một số thao tác đơn giản.Trong wordpress,theme được các nhà lập trình viết thành các gói phần mềm giao diện(theme) và xuất bản chúng lên kho theme của wordpress.com.Khi bạn muốn sử dụng theme(giao diện) nào đó cho website của mình,bạn chỉ cần chọn lấy một theme nào đó từ cái kho đó rồi cài đặt cho website của bạn rồi kích hoạt theme đó sau khi đã cài đặt là website của bạn sẽ chuyển từ theme này sang theme mới đó ngay.Theme cũng được chia thành hai kiểu theme miễn phí và theme có trả phí,tùy vào nhu cầu sử dụng loại theme nào mà bạn quyết định lựa chọn cho phù hợp với nhu cầu sử dụng của mình.





Làm thế nào để thay đổi theme cho website wordpress của bạn.





Trước tiên bạn phải là chủ sở hữu của một website wordpress và có quyền quản trị nội dung website đó của bạn trước đã nhé.Sau đó bạn truy cập vào hệ quản trị nội dung CMS wordpress trong trang web của bạn và thực hiện theo sự chỉ dẫn trong các hình dưới đây để thay đổi theme cho website của bạn nhé:





Cách 1:Cài đặt theme mới cho website wordpress của bạn từ kho theme trực tuyến-online của wordpress.com





Các bạn thực hiện theo chỉ dẫn trong các hình bên dưới đây:





Trên trang quản trị CMS Wordpress trang web wordpress của bạn,click vào "Themes"




Để thay đổi từ theme ban đầu sang thành theme mới,bạn click chuột vào nút dấu(+) "Add new Theme" để thêm vào một giao diện mới cho website wordpress của bạn.Lưu ý bạn cũng có thể chọn một trong các theme bên cạnh làm theme mới cho mình cũng được.Nhưng ở đây tôi sẽ chọn là thêm vào một theme mới nhé(Add new Theme)




Trang "Add Themes" hiện ra,bạn có thể chọn lấy cho mình một theme nào đó trong rất nhiều mẫu giao diện(theme) trong các tab khác nhau bao gồm "
Featured "
Popular
Latest
Favorites
Hoặc nhập tên theme vào ô "Search theme" để tìm ra một theme ưng ý cho mình.




Ở đây tôi giả sử theme hiện tại của website wordpress của tôi đang dùng là "Twenty Nineteen" tôi muốn chuyển nó sang theme "Mandy" thì tôi chỉ cần click vào nút lệnh "Install " trên ô theme Mandy để cài đặt theme Mandy lên website của bạn trước đã.






click vào nút lệnh "Install " trên ô theme Mandy để cài đặt theme Mandy lên website




Theme Mandy đang được cài đặt




Theme Mandy đã được cài đặt xong thì trong ô theme Mandy đó sẽ xuất hiện chữ đã được cài đặt (Installed) và nút lệnh kích hoạt(active).




Đến đây bạn đã vừa cài đặt xong theme Mandy lên websit của mình rồi đó.Để thay đổi theme gốc đang sử dụng là theme "Twenty nineteen" sang theme Mandy mà bạn vừa cài đặt vào website của bạn,bạn chỉ cần click vào nút lệnh "Active" để kích hoạt theme Mandy lên,và ngay lập tức theme Mandy sẽ được thay thế cho theme gốc "Twenty Nineteen" của bạn.





Theme Mandy đã được chuyển thành theme(giao diện) chủ cho website của bạn,bạn sẽ thấy xuất hiện chữ "Customize" và "Active Mandy" như trong hình.




Để tùy chỉnh các thông tin liên quan bên trong theme Mandy,bạn chỉ cần click vào nút lệnh "Customize" để tùy chỉnh các thuộc tính cho theme đó,nhưng ở đây tôi sẽ không đề cập đến việc tuỳ chỉnh các thuộc tính của một theme như thế nào,tôi sẽ đề cập về điều đó ở một bài viết khác.





Như đến đây giao diện của website của bạn đã được thay đổi hoàn toàn từ theme "Twenty Nineteen" sang theme Mandy rồi đấy các bạn nhé.Bạn có thể mở website của bạn nên,bạn sẽ thấy giao diện đã được thay đổi sang giao diện Mandy rồi nhé.





Theme Mandy đã đước sử dụng làm giao diện cho website của tôi thành công




Cách 2:cài đặttheme mới cho website wordpress của bạn từ file nén .zip của theme mới mà bạn có trên máy tính.





Bạn cũng có thể thay đổi theme cho website wordpress của bạn bằng cách upload một theme mới từ ổ đĩa cứng máy tính của bạn lên website cuả bạn ,sau đó cũng tiến hành cài đặt và kích hoạt nó lên như cách làm ở Cách 1.Tuy nhiên điểm khác ở chỗ là ta sẽ upload theme mới từ máy tính lên mà thôi.





Trong cửa sổ Add themes click vào nút "Upload Theme" để upload theme của bạn lên.






click vào nút "Upload Theme" để upload theme của bạn lên




Tiếp đén click vào nút "Chọn tệp" để tìm đến nơi chứa file .zip của theme mới để upload nó lên.




giả sử tôi sử dụng file sahifa.zip được lưu trong thư mục Download trên máy tính,tôi sẽ upload file đó lên và sau đó cài đặt nó lên website của tôi.




File sahifa.zip đã được đính kèm vào,click vào nút lệnh "Install now" để bắt đầu cài đặt theme đó lên website của bạn.




Thông báo theme đã được cài đặt thành công(1) ,bạn cần click vào nút lệnh "active" để kích hoạt theme đó để theme sahifa trở thành theme chính cho website của bạn




Như vậy theme sahifa đã được kích hoạt thành công và nó trở thành theme(giao diện) chính cho website của bạn.Bạn có thể tùy chỉnh theme này bằng cách click vào nút lệnh "Customize" để tùy chỉnh các bạn nhé.




Bạn mở website của mình lên sẽ thấy giao diện của nó như hình sau :





Quá trình thay đổi theme của website từ theme "Twenty Nineteen" sang theme "Sahifa" đã được thực hiện thành công.




Đến đây ta đã thực hiện thành công việc thay đổi giao diện theme từ theme "Twenty Nineteen" sang theme "Sahifa" rồi đó các bạn nhé.





Lời kết





Bằng các bước thực hiện như trên bạn hoàn toàn có thể thay đổi giao diện(theme) cho website của mình từ theme này sang theme khác hết sức đơn giản như mô tả bên trên các bạn nhé.





Các bạn hãy thử thực hiện xem sao.Chúc các bạn thành công!






25 comments:

  1. You can definitely see your skills in the work
    you write. The world hopes for even more passionate writers such as you who aren't
    afraid to mention how they believe. All the time follow your heart.

    ReplyDelete
  2. Pretty nice post. I just stumbled upon your weblog and wished to say that I have really enjoyed surfing around
    your blog posts. After all I will be subscribing to
    your feed and I hope you write again very soon!

    ReplyDelete
  3. canadianpharmacyndabiallSeptember 20, 2019 at 8:55 AM

    canada pharmacy online canadian pharmacy online canadian generic viagra review
    cheap viagra online canadian pharmacy

    ReplyDelete
  4. canadianpharmacyndabiallOctober 11, 2019 at 11:24 AM

    viagra online generic canada generic viagra online canadian pharmacy viagra online generic canada
    generic viagra online canadian pharmacy
    canadian generic viagra review canadian pharmacy online viagra online canadian pharmacy
    viagra online canadian pharmacy

    ReplyDelete
  5. canadianpharmacyndabiallOctober 11, 2019 at 5:18 PM

    generic viagra canada cheap viagra online canadian pharmacy canadian generic viagra
    canadian pharmacy online
    canadian pharmacy online viagra online canadian pharmacy canadian pharmacy review
    generic viagra online canadian pharmacy

    ReplyDelete
  6. canadianpharmacyndabiallOctober 20, 2019 at 1:21 AM

    generic viagra canada pharmacy viagra online canadian pharmacy canada pharmacy online
    viagra online canadian pharmacy
    canadian pharmacy generic viagra viagra online canadian pharmacy viagra online canadian pharmacy
    canadian pharmacy online

    ReplyDelete
  7. Long Term Effects Of Propecia Buy Cialis venta cialis viagra levitra Cialis Hydrochlorothiazide Hzt Low Price

    ReplyDelete
  8. canadian online pharmacy https://canadian-pharmacyonlineolys.com/ - canada pharmacy online canada pharmacy online online canadian pharmacy viagra online canadian pharmacy

    ReplyDelete
  9. best canadian online pharmacy https://onlinepharmacyzefb.com/ - pharmacy online pharmacy viagra canada pharmacy online trusted online pharmacy reviews

    ReplyDelete
  10. п»їcanadian pharmacy https://canadian-pharmacyyhzg.com/ - canadian pharmacy viagra canadian pharmacy cialis canadian pharmacy generic viagra canadian online pharmacy

    ReplyDelete
  11. cvs online pharmacy https://pharmacy-onlineasxs.com/ - online pharmacy school best online pharmacy online pharmacy india pharmacy online

    ReplyDelete
  12. quick payday loans https://ausapaydayloans.com/ - loans bad credit payday loans direct payday loans most trusted payday loans online

    ReplyDelete
  13. american cash advance https://cashadvancefvt.com/ - american express cash advance paypal cash advance chase credit card cash advance cash advance loans online

    ReplyDelete
  14. costco online pharmacy https://pharmacyonlinevfr.com/ - pharmacy online online pharmacy canadian pharmacy online pharmacy

    ReplyDelete
  15. canada drugs online https://canadadrugsonlinevbyh.com/ - mail order prescription drugs from canada canada drugs laws mail order prescription drugs from canada prescription drugs from canada

    ReplyDelete
  16. generic viagra online https://dinabandhubed.org/ - buy generic 100mg viagra online viagra generic viagra vs cialis viagra for women

    ReplyDelete
  17. pharmacy canada https://canadapharmacyonlinestbh.com/ - canada pharmacy viagra canada pharmacy 24h online canadian pharmacy walgreens online pharmacy

    ReplyDelete
  18. best canadian online pharmacy https://canadianonline-pharmacydazc.com/ - canada drugs online viagra online canadian pharmacy canadian online pharmacy п»їonline pharmacy

    ReplyDelete
  19. how to use viagra https://mymypharmacy.com/ - discount generic viagra viagra online viagra stories online order viagra

    ReplyDelete
  20. new viagra https://mypharmexe.com/ - viagra online without prescription generic brands of viagra online cheapest viagra lowest viagra price

    ReplyDelete
  21. viagra cheap https://bestpharmxo.com/ - effects of viagra viagra price viagra soft tablets over the counter viagra

    ReplyDelete
  22. sublingual viagra https://edmedno.com/ - viagra prescription viagra online viagra women order viagra online

    ReplyDelete
  23. generic viagra https://lovepharmza.com/ - cheap viagra generic viagra sildenafil viagra price viagra 50mg

    ReplyDelete

Tenten.vn

  Tenten.vn (đại lý duy nhất tại Việt Nam của Onamae.com-GMO Internet Inc, nhà đăng ký tên miền số 1 Nhật Bản và hàng đầu thế giới) cung cấp...