Tiếp theo Series hướng dẫn sử dụng Theme Sahifa. Hôm nay chúng ta sẽ đến phần thiết lập và cấu hình trang chủ như Demo của Theme. Trong bài hướng dẫn này mình sẽ không sử dụng cách import dữ liệu mẫu của Theme vì vậy yêu cầu các bạn cần phải có một vài chuyên mục trong mỗi chuyên mục cần phải có ít nhất 6 bài viết để có thể thực hiện.
Hướng dẫn thiết lập trang chủ cho Theme Sahifa
Nếu như các bạn ngại thiết lập thì có thể xem bài viết trước của mình để import dữ liệu demo: Hướng dẫn cài đặt Theme Sahifa
Hướng dẫn thiết lập trang chủ cho Theme Sahifa
Sahifa là một Theme đa năng rất ấn tượng và có nhiều cách để thiết lập một trang chủ theo nhu cầu của bạn. Trong bài viết này mình sẽ hướng dẫn các bạn thiết lập theo Demo của Theme mà các bạn thường thấy tại đây: Demo Theme Sahifa.
Trang chủ của họ có rất nhiều nội dung, chính vì vậy bên trên mình đã yêu cầu các bạn cần cập nhật nội dung trước khi thiết lập mới có thể thấy rõ được cách nó hiển thị như thế nào. Nếu bạn đã sẵn sàng thì chúng ta bắt đầu.
Tạo Một Page Trang Chủ
Sahifa Theme mặc định sẽ hiển thị như một Blog cá nhân nếu như bạn không cấu hình gì cho nó. Để thiết lập trang chủ riêng bạn cần tạo một Page và đặt tên tùy thích, ở đây mình đặt là Home.
Ngay sau khi đặt tên xong bạn hãy click chuột vào nút Page Builder bên dưới như hình trên.
Thiết Lập Trang Chủ
Bây giờ bạn mở site demo của theme ra. Ngay dưới Menu là Breaking News, phần này tự động có sẵn rồi nhé. Tiếp đến là phần Grid Featured Posts với 5 bài viết cần hiển thị. Các bạn hãy tìm đến Grid Featured Posts bên dưới trang Home của bạn để bật tính năng này lên. Trong phần này bạn có thể lựa chọn khá nhiều chức năng như hình bên dưới.
Thiết Lập Category Block
Sahifa Theme cho chúng ta khá nhiều Block để hiển thị bài viết theo Category (chuyên mục). Như hình dưới đây các bạn cũng có thể thấy được cách nó hiển thị như thế nào đúng không ?
Để hiển thị như Demo thì các bạn hãy chọn đúng như hình bên dưới.
Hầu hết các thiết lập trong các Block này rất đơn giản. Chỉ cần các bạn lưu ý chung cho các tính năng sau:
Đối với Category Block: Layout 3 các bạn cần chọn 2 cái cùng lúc mới được nhé. Nếu một cái thì không ổn đâu.
Tại phần Category Block: Tabs các bạn hãy lựa chọn những chuyên mục cần hiển thị và lưu ý là bạn chọn cái nào trước nó sẽ hiển thị trước.
Cuối cùng là Recent Post. Tại đây các bạn không lên tùy chọn trong phần chuyên mục để nó hiển thị bài viết mới nhất. Tại nút Show Pagination bạn nên check vào để nó hiển thị phân trang bên dưới. Số lượng bài viết nên để là 5 là hợp lý.
Xong rồi đấy. Giờ các bạn nhấp vào Publish xem trang chủ thay đổi chưa ??? Chưa phải không ? Bây giờ các bạn hãy thiết lập cho Page đó làm trang chủ bằng cách truy cập vào Settings > Reading > Và cọn A static page (select below) > Bên dưới bạn hãy chọn trang Home mới tạo và nhấp Save Changes bên dưới để lưu lại.
Xong rồi đấy. Ngay bây giờ các bạn đã có một trang chủ đúng như demo rồi. Đơn giản quá phải không ?
Thế Thôi
Bài viết này mình đã hướng dẫn các bạn tự thiết lập trang chủ như Demo cho Theme Sahifa mà không cần phải Import dữ liệu mẫu. trong bài viết tiếp theo chúng ta sẽ tìm hiểu trong phần cấu hình Theme Sahifa qua tại phần Theme Settings.
benh xa hoi
Anh lên làm 1 seri kiểu như thiết kế 1 web dạng blog,wordpess,web 2.0 cho những người mới như em có thể tiện theo dõi
Lại Văn Đức
Chào bạn. Về vấn đề này bạn nên xem qua các bài hướng dẫn về UX Design cho web sẽ thuận tiện hơn web 2.0
Ios Sword
Em cũng đang dùng theme Sahifa muốn hỏi chút là làm sao để chỉnh định dạng ngày như site của anh ạ. Hiện tại mặc định của sahifa là December 24, 2014 . Em muốn chuyển thành 24/12/2014
Lại Văn Đức
Chào bạn. Bạn vào phần cài đặt chung và chọn lại chế độ hiển thị ngày giờ như hình bên dưới.
Ios Sword
Em cảm ơn ạ
Tran
Trang chủ các bác phối màu đẹp quá, bác cho sẽ cho mình xin cái ảnh chụp về phần cấu hình font chữ, màu chữ, kích thước trong phần Typography của theme ko?
Mình hứa sẽ không làm giống bác, mình chỉ tham khảo thôi
Lại Văn Đức
Chào bạn. Chụp hình thì nhiều hình lắm. Nhanh nhất thì bạn copy phần code trong đây: http://notepad.vn/share/edqguzj49Sau đó bỏ vào phần Import là được. Nhưng có một vài chỗ mình sửa CSS nhé.
Lại Văn Đức
Thiên Phong
Em chào anh đức,sau một hồi vọc cái trang sahifa của em hiển thị lung tung hết,giờ mấy bài viết trong chuyên mục nó kéo dài liên tiếp ra,em không biết chỉnh sao cho rút gọn lại,với em muốn khoảng 8 bài là qua trang khác,anh giúp em với
Lại Văn Đức
Chào em, cái đó em thiết lập trong Settings
> Reading > Tìm đến chỗ Blog pages show at most và cấu hình ở đó. Không phải trong theme nhé.
Thiên Phong
em đã thiết lập như anh nói,mà vẫn chưa được,các bài viết vẫn nối nhau dài thòn loàn ,trong phần reading của em không có Blogpages show at most ,em nghĩ nó nằm trong theme mà sửa hoài ko được :((
Lê Tuấn
Chắc hết nam nay sẽ hết cái serie này :DD
Lại Văn Đức
ha ha ha. Em còn sợ sang năm nữa.
Hoang
Chào bác Đức, cho mình hỏi 1 câu hỏi nhỏ, khi mình view bằng mobile thì cái ads dưới banner nó to qua hình như là (300×250), mình thử view bên website của bác thì dưới banner là ads nhỏ, vậy làm sao để cấu hình ads nhỏ như vậy ạ
Lại Văn Đức
Chào bạn, Bạn để kích thước là Auto nhé. Nó sẽ tự động thu nhỏ trên màn hình mobile.
Lại Văn Đức
Vậy bạn lấy code rồi dán code vào phần Custom Code cho nhanh. Không cần phải điền ID như hình của bạn đâu. Và để bảo mật thông tin tài khoản của bạn, mình sẽ xóa hình ảnh của bạn nhé. Lần sau đừng show ID tài khoản GA cho người khác xem.
Hoang
cảm ơn bác, mình làm được rồiNếu có thể bác update bản sahifa mới nhất cho mọi người cùng tải ^^!. chân thành cảm ơn bác
Lại Văn Đức
Vậy bạn lấy code rồi dán code vào phần Custom Code cho nhanh. Không cần phải điền ID như hình của bạn đâu. Và để bảo mật thông tin tài khoản của bạn, mình sẽ xóa hình ảnh và bình luận của bạn nhé. Lần sau đừng show ID tài khoản GA cho người khác xem.
Diễn đàn Đôi Guốc Mộc
Thông tin mới từ gg, phải bỏ hết quảng cáo kích thước lớn ở đầu trang web trên di động, các bác bỏ đi thôi, kẻo lại die gà
Lại Văn Đức
Đắng lòng 🙁
TrungPhuNA
sao e ko có phần này nhỉ
Lại Văn Đức
Có chứ em. Nếu em dùng Sahifa Theme thì chắc chắn sẽ có. Tìm lại đê.
Luc
Chao anh, em cung đang lam trang wed đây dùng sahifa luôn, đến cái giai đoạn slider settings với artical settings thì ko thấy mấy mục này ở đâu bó tay luôn anh
Lại Văn Đức
Em kéo xuống bên dưới là thấy mà.
Luc
Anh cho em hỏi, tại sao em thay trong clip hướng dẫn thì hiện luôn cái slider settings và artical settings trên thanh công cụ của Sahifa đó anh. Anh có cách nào chỉ em cho nó lên luôn thanh công cụ đó không. Nó hiện cái mục slider settings sau mục footer setting đó anh
Lại Văn Đức
Phiên bản mới đã không còn chức năng đó nữa đâu. Trên video hướng dẫn họ sử dụng phiên bản cũ.
Mr. Luc
oh thanks anh nhiều nha. hjhjmới vào nên còn ngơ ngơ chả biết gì hết.
phụng
cho em xin cái theme sahifa của anh đức được không tại em có dow mấy cái mà nó lạ quá không biết gì anh đức có video nào làm cái theme này không cho em xin link coi chứ coi bài viết không biết nhiều anh ơi thanks anh
Lại Văn Đức
Cũng khó, bởi Theme này người ta bán. Khi bạn dowload về cũng có file hướng dẫn mà.
Nhung
Rất hữu ích ạ…
Lại Văn Đức
Cám ơn bạn ủng hộ.
hieu
để thiết lập cái Content Slider ở ngoài trang chủ và phần cuối bài là các trang 1,2,3…. làm thế nào vậy a
Lại Văn Đức
Content Slider thì bạn bật chức năng Grid Featured Posts lên. Còn đánh số trang thì bạn check như hình dưới.
D Lee
sao mình không có cái này hả bạn
hieu
cái sideba trong bài đăng nó hiện sai chỗ so với ngoài trang chủ . ad giúp mình sửa lỗi được k
Lại Văn Đức
Bạn gỡ Plugin bình luận bằng Facebook ra nhé. Làm theo bài viết này để áp dụng thủ công.
http://www.laivanduc.com/huong-dan-wordpress/thu-thuat-wordpress/chi-tiet-cach-tich-hop-binh-luan-facebook-vao-wordpress.html
hieu
mình đâu dùng plugin đâu
Lại Văn Đức
Bởi lỗi này mình biết do Plugin nào đó gây ra, bạn tắt hết Plugin rồi kích hoạt lại từng cái để xem nhé.
hieu
thank ak đã thành công
hieu
mà cái plugin đó quan trọng còn cách nào khác nữa k ad . mới bị lỗi gần đây thôi.
hieu
ngoài tranng chủ là như vậy
tongbinh
Có cách nào để mở rộng cái khoảng cách bài viết khi hiển thị ko ạ anh, em cảm giác phần chưa nội dung bài viết của em nhỏ quá , muốn mở rộng cho dễ nhìn gioogns như của anh ạ. Em chỉnh trong phần general vào “full” rồi mà trông vẫn nhỏ ạ.
Lại Văn Đức
Chào bạn. Blog của mình đang để mặc định. Nếu bạn muốn rộng ra nữa thì phải sửa nhiều code đấy
phuoc
Bạn cho mình hỏi,mình đang dùng Version: 4.3 lâu rồi,nay mình cài Version: 5.1,mình đã tạo page mới làm trang chủ,đã thiết lập xong,nhưng khi mình mình vào website thì trình duyệt báo “Không tìm thấy máy chủ”. Nhưng nếu mình chọn “Your latest posts” thì hiển thị bình thường,bạn có biết lỗi ở chỗ nào không,chỉ cho mình với,xin cảm ơn bạn.
Lại Văn Đức
Chào bạn, bản theme của bạn là mua hay download ở đâu vậy. Bạn tìm bản mới nhất hoặc bản khác sử dụng nhé,
phuoc
Mình tải trên mạng,mình không biết từ bản 4+ lên 5+ có cần chỉnh sửa gì không.
Lại Văn Đức
Bản mới nhất hiện tại là 5.5.8 – Mình nghi ngờ bản của bạn bị lỗi.
phuoc
Mình vừa tải thử bản 5.5.0 đang kiểm tra trên virustotal.com bạn à.Cảm ơn bạn nhiều,nếu có vấn đề gì ko hiểu mong bạn giúp nhé.
lê nhựt nam
anh ơi cho em hỏi!! làm sao để tạo cái widget hình của anh. và cái hosting-vps chất lượng cao dạ! em cám ơn
Lại Văn Đức
Chào bạn. Bạn xem tại đây nhé http://www.laivanduc.com/chia-se-code/css/tu-tao-mot-profile-card-voi-html-va-css.html
Thiên Thành
Chào Anh Đức ! cho e hỏi sao em chèn video block rồi, nhưng khi e đưa tin vào nó không hiện ở ngoài trang chủ chỉ hiện trong chuyên mục video ko ah, nhờ a giúp.
Lại Văn Đức
Video Block nó chỉ hiển thị các bài viết có video. Cụ thể bạn phải check vào Video khi viết bài trong phần Post Options
Thiên Thành
Không hiện đc như hình anh ơi? mong a help khi e đăng video vẫn bình thường…
Cụ thể bạn phải check vào Video khi viết bài trong phần Post Options chỗ nào vậy anh…?
Lại Văn Đức
Tại đây nhé, rồi bạn dán link video vào. Phần này ở phía dưới bài viết.
Luc
Anh Duc, Cai breaking new cua em khong hien thi nua…. minh muon mo no thi lam the nao anh
Lại Văn Đức
Phần Breaking News trong Theme Settings bạn đã Enable nó lên chưa.
Nguyễn Hùng
A ơi !cho e hỏi là trên thanh menu #nav-menu ấy , (Ví dụ Code là page hay category và làm sao để cho trong phần Code có thể hiện các category liên quan như html,css,js ,và hiển thị theo kiểu blog)
Lại Văn Đức
Đã trả lời bạn trên Facebook nhé.
tuyenlab
Đầu tiên cho mình gửi lời cảm ơn sâu sắc đến bạn. Theme này quá hay để sử dụng. Hiện tại mình đang dùng theme bạn chia sẻ, nếu có bản update chắc chắn mình sẽ mua qua chỗ bạn. Tiện đây cho mình hỏi là mình tạo trang chủ như cách bạn hướng dẫn và mình đặt tên là home nhưng khi truy cập vào thì ở tiêu đề nó lại hiện là “Home- tên trang web” vậy nó có ảnh hưởng đến SEO không? Mình muốn nó chỉ hiện tên trang web thì làm thế nào? Trang mình là chatluongxetnghiem.com bạn xem giúp mình nhé.
Lại Văn Đức
Chào bạn. Về phần hiển thị trên Tab trình duyệt và Seo. Bạn nên sử dụng các Plugin Seo để cấu hình như: plugin seo by yoast hoặc: http://www.laivanduc.com/huong-dan-wordpress/plugin-wordpress/premium-seo-pack-plugin-ho-tro-seo-tot-nhat-cho-wordpress.html
hải
Chào anh Đức,tôi đã thiết lập đúng như trên,nhưng hiện tại trên mục dòng thời gian thì bị 2 mục category trông rối mắt,muốn bỏ 2 mục chọn trong category nhưng ko biết bỏ ở đâu?Mong được sự chỉ dẫn của anh.Cám ơn!
Lại Văn Đức
Chào anh. Anh vui lòng cho biết địa chỉ Website hoặc gửi link website qua facebook nhé.
Gia Phát
Web bạn đang dùng cũng là Sahifa thì phải. Bạn viết thêm mấy bài để tối ưu hóa code của sahifa cho nhẹ được không?
Lại Văn Đức
Blog của mình dùng Theme khác rồi bạn. Không phải Sahifa.
Gia Phát
Code bạn đang dùng có tích hợp được Woocommer không vậy? Mình thấy code này của bạn hay quá
Lại Văn Đức
Bạn thử nhé: http://www.laivanduc.com/coupon/tang-theme-ad-sense-by-mythemeshop.html
Vũ Trung Hiếu
Mình đang dùng genesis child theme, nếu muốn đổi ang theme này thì có phải gỡ cái genesis framework ra không nhỉ hay cứ thay như theme bình thường thôi bác?
Lại Văn Đức
Bác thay đổi theme như bình thường. Nếu genesis bạn không dùng nữa thì có thể gỡ ra.
Vũ Trung Hiếu
Mình cũng chưa đổi theme bao giờ nên cũng hơi vướng khoản này, không biết là gỡ trước khi cái theme mới hay là sau nữa, với lại blog bác có hướng dẫn thao tác gỡ theme với framwork không gửi mình tham khảo với?
Lại Văn Đức
Bác cài theme mới vào và kích hoạt bình thường. không có gì khác biệt cả.
khuong
Cho hỏi sao theme shahifa này mình đang sài mà sao khi tạo table nó ko có border nhỉ? nhìn border mờ lắm như không có luôn. Mình chỉnh CSS mà tìm mãi không ra. Bạn có thể chỉ giúp được không?
Linh
Anh Đức cho em hỏi là làm thế nào để sửa đc chữ Breaking News ạ? Em mới bắt đầu làm WordPress nên cũng còn hơi kém, hi.
Lại Văn Đức
Bạn vào Settings Theme > Translations để dịch nhé.
Quang
Cám ơn bạn nhiều nhé, cái mình cần chính là bước cuối cùng 😀
Đào Hải Nam
Cám ơn anh Lại Văn Đức ạ