Loading... Please wait...

CẤU TRÚC THEME WORDPRESS

Đã đăng ngày 30 09 2016 @ 22:59

Các thuật ngữ cơ bản

Để trở thành một nhà phát triển web (web developer) hay một nhà thiết kết web (web designer) bằng wordpress bạn cần hiểu được cấu trúc của một theme wordpress. Trước hết ta nên đi vào tìm hiểu 2 thuật ngữ khá phổ biến nhưng không kém phần quan trọng:

- Theme: Đây là một tập hợp các tập tin có chứa hình ảnh, âm thanh, code,.. giúp hình thành nên giao diện của trang web

- Template: Là một đoạn code được viết dưới dạng một hàm hay lưu trữ trong 1 file bằng ngôn ngữ PHP để có thể sử dụng lại nhiều lần. Cấu trúc theme của wordpress chính là tạo ra từ các template, được gọi bởi các hàm đã được xây dựng sẵn của wordpress hoặc do người dùng tự tạo.

- CSS: là code được viết bằng ngôn ngữ CSS dùng để tác động tới giao diện của toàn trang. Thông thường stylesheet chính được lưu vào file style.css nhưng cũng có thể tùy chỉnh do người dùng.

theme wordpress

Danh sách template wordpress

Một theme wordpress được tạo ra bằng hệ thống truy cập phân cấp vào các template, thông thường để gọi những template sẵn có wordpress cung cấp sẵn những hàm gọi đã được định nghĩa (các hàm thường bắt đầu bằng chữ wp_ ). Tất nhiên để có thể sử dụng được các hàm này thì bạn phải đặt tên các template theo chuẩn wordpress nếu không muốn phải định nghĩa lại.

Một theme cơ bản nhất của theme wordpress cần 2 file chính là index.php và style.css. Khi phát triển web hoàn thiện sẽ cần các file template khác, sau đây mình sẽ giải thích những template quan trọng thường có trong các theme dựng sẵn, được lưu trong thư mục public.html/wp-content/themes:

- style.css : Stylesheet chính. Chứa các đoạn code CSS cho theme, được gọi từ header.

- rtl.css : File này tự động hướng trang web từ phải sang trái, có thể được tạo bằng plug-in RTLer.

- index.php : để hiển thị trang chủ, nó sẽ hiển thị những bài viết ở dạng tóm tắt hoặc thu gọn theo ý người lập trình

- comments.php : Các ý kiến hoặc phản hồi, ping back, track back tới trang web. Ở các template này không nên chứa các định nghĩa function mà bạn muốn thêm vào mà hãy để chúng trong hàm functions.php

- front-page.php : Trang front-page, thường dùng khi bạn muốn hiển thị một trang tĩnh

- home.php : Thường dùng khi bạn muốn có một front-page tĩnh nhưng có cập nhật các bài viết mới nhất

- single.php : Trình bày một post

- single-<post-type>.php : Trình bày post có sự điều chỉnh riêng nhất định.

- page.php : Trình bày một page

- category.php : Trình bày một category – thư mục

- tag.php : Trình bày một tag, khi một từ khóa được truy vấn

- taxonomy.php : Trình bày một phân loại, khi một phân loại được truy vấn

- author.php : Trình bày tác giả, người viết hay người phản hồi

- date.php : Trình bày ngày tháng

- archive.php : Được sử dụng khi tác giả, ngày tháng, hay thư mục được truy vấn. Nó sẽ bị ghi đè bởi author.php, date.php, category.php

- search.php : Trình bày khi một kết quả tìm kiếm được truy vấn

- attachment.php : Trình bày khi xem một tập tin đính kèm

- image.php : Trình bày khi xem một hình ảnh đính kèm

- 404.php : Trình bày khi nhập sai URL, wordpress không thể tìm thấy bài viết phù hợp truy vấn.

Ngoài ra còn có thể có template khác tùy theo từng theme

Cấu trúc theme wordpress

theme struction

Về tổng quan một giao diện web trong wordpress sẽ được bố trí như trên. Trong đó các phần được định nghĩa như sau

Head và thanh tiêu đề (header.php)

- Bao gồm thẻ mở <html> và phần <head> và phần tiêu đề (navigation) hiển thị phần đầu của web.

- Link tới file CSS, dùng lệnh wp_head() để gọi stylesheet, script hay các fucntion khác.

- Gọi ra bởi hàm có sẵn trong wordpress là wp_get_header().

Widgets (sidebar.php)

- Chứa các code về sidebar hai bên cạnh trang web về link blog, mây thẻ…. hiển thị hai bên của web.

- Các code có thể mặc định hoặc sẽ xuất hiện khi kích hoạt trong Appearance -> Widgets

Single Post (post.php), Home (index.php), Page (page.php)

- Đã giới thiệu ở trên, sẽ hiển thị phần chính của web.

Lưu trữ (archive.php)

- Hiển thị lưu trữ tiêu đề (tag, category, date-based, hoặc author archive).

- Hiển thị một danh sách các bài viết trong đoạn trích hoặc hình thức đầy đủ

- Bao gồm wp_link_pages () để hỗ trợ chuyển hướng các liên kết trong bài viết.

Bình luận (comments.php), Tìm kiếm (search.php)

- Đây là các template chức năng, dùng khi cần sử dụng các chức năng này

Footer (footer.php)

- Chứa các mã liên quan tới menu footer, đóng dấu bản quyền v.v…. hiển thị ở chân trang web.

- Chứa thẻ đóng </body> và </html>. Gọi ra bởi hàm có sẵn của wordpress là wp_get_footer().

Vậy là các bạn đã tìm hiểu sơ qua một vòng cấu trúc của một theme wordpress. Bài viết này mình không đi sâu vào code mà chỉ cho các bạn thấy tổng quan nên phần code cụ thể để gọi hàm mình sẽ trình bày vào các phần sau.  Chúc các bạn có được cái nhìn rõ ràng hơn về một theme wordpress để có thể đi được những bước đầu làm chủ wordpress thuận lợi :D

  Từ khóa: theme wordpresswordpress

Tin tức TTC Việt Nam

Sản phẩm bán chạy

  • 1
    Camera HDTVI 3.0 thân ống FullHD1080P hồng ngoại 50m it3z
    Camera HDTVI 3.0 thân ống FullHD1080P hồng ngoại 50m it3z
    Giá bán: 3.720.000 đ (Đã bao gồm VAT)
    Bảo hành: 24 thang
    • Cảm biến CMOS Image Sensor 2MP; 1928(H)*1088(V) • Độ phân giải 1920x1080@25fps • Ống kính thay đổi tiêu cự 2.8~12mm • Độ nhạy sáng 0.01 Lux • Hồng ngoại EXIR tầm xa 50m • ICR, AGC, BLC, DNR, WDR, AWB, Smart IR • Nguồn 12VDC±15% • 92x84x269mm, 900g • IP66 ...
  • 2
    iphoneX 256G
    iphoneX 256G
    33.790.000 đ (Đã bao gồm VAT)
    iphoneX 256G
    Giá bán: 33.790.000 đ (Đã bao gồm VAT)
    Bảo hành: BH 24 tháng
    iPhone X được Apple ra mắt ngày 12/9 vừa rồi đánh dấu chặng đường 10 năm lần đầu tiên iPhone ra đời. Sau một thời gian, giá iPhone X cũng được công bố. iPhone X mang trên mình thiết kế hoàn toàn mới với màn hình Super Retina viền cực mỏng và trang bị nhiều công nghệ hiện đại như nhận diện khuôn mặt Face ID, sạc pin nhanh và sạc không dây cùng khả năng chống nước bụi cao cấp....
  • 3
    Camera HDTVI 3.0 bán cầu FullHD1080P hồng ngoại 20m vỏ sắt
    Camera HDTVI 3.0 bán cầu FullHD1080P hồng ngoại 20m vỏ sắt
    Giá bán: 1.860.000 đ (Đã bao gồm VAT)
    Bảo hành: 24 tháng

    - "• Cảm biến CMOS Image Sensor 2MP; 1928(H)*1088(V) • Độ phân giải 1920x1080@25fps • Ống kính cố định 3.6mm (đặt hàng 2.8/6mm) • Độ nhạy sáng 0.01 Lux • Hồng ngoại EXIR tầm xa 20m • ICR, AGC, BLC, DNR, WDR, AWB, Smart IR • Nguồn 12VDC±15% • 91x82x68mm, 350g • IP66"...
  • 4
    Iphone  X 64 GB
    Iphone X 64 GB
    24.500.000 đ (Đã bao gồm VAT)
    Iphone X 64 GB
    Giá bán: 24.500.000 đ (Đã bao gồm VAT)
    Bảo hành: 24 Tháng

    - Trên iPhone X, Apple đã đưa ra quyết định táo bạo là loại bỏ phím cứng duy nhất để điều khiển iOS trên iPhone là nút Home. Toàn bộ mặt trước sản phẩm bây giờ là màn hình
    - iPhone X sử dụng tấm nền OLED đầu tiên trong các đời iPhone. Màn hình này được Apple gọi là Super Retina Display với kích cỡ 5.8 inch, đạt mật độ điểm anh 458 PPI (1125 x 2468 pixel), cũng là màn hình sắc nét nhất trong số các máy iPhone hiện nay. Apple cho biết màn hình của iPhone này hỗ trợ chuẩn HDR10 và Dolby, có độ tương phản rất cao, tới 1:1.000.000.
    - Viền màn hình trên iPhone X đã được tối ưu rất mảnh, chỉ còn khu vực phía trên để chứa camera tự sướng, loa thoại và nhiều cảm biến ở đó. Phím Home không còn nên cảm vân tay cũng bị lược bỏ để chuyển sang mở khóa điện thoại bằng khuôn mặt gọi là FaceID.
    - FaceID sử dụng đèn chiếu sáng (nên hoạt động được trong bóng tối) và máy chiếu chiếu 30.000 điểm trên khuôn mặt để tạo thành bản đồ 3D của khuôn mặt giống như Kinect. Hệ thống nhận diện khuôn mặt này được Apple giới thiệu là an toàn hơn nhiều so với vân tay TouchID, với tỷ lệ qua mặt là 1 trên 1 triệu (vân tay là 1 trên 50.000). Tuy vậy, Apple cảnh báo khuôn mặt của các cặp song sinh có thể đánh lừa được FaceID.
    -  
    -
    - iPhone X sẽ ra mắt sau bộ đôi iPhone 8, dự kiến cho đặt trước ở Mỹ vào 27/10 và bắt đầu bán vào 3/11 vói hai lựa chọn màu là bạc và xám.
    - Bản 64Gb của iPhone X có giá 999 USD ở Mỹ, còn bản 128GB chưa có giá cụ thể. Hiện chưa có thông tin về việc bán iPhone X ở Việt Nam vào thời điểm nào cũng như giá bán của sản phẩm....
  • 5
    Mẫu website tin tức doanh nghiệp
    Mẫu website tin tức doanh nghiệp
    Info@ttcvn.com
    Tặng 2Gb hosting- Không Giới Hạn 20Gb băng thông
    Bảo hành: Bảo hành trọn đời: duy trì hoạt động tốt cho khác hàng, Tự động backup dữ liệu website cho khách hàng 1 tháng 1 lần. Hỗ trợ khách hàng chỉnh sửa giao diện, design banner & logo của website. Hỗ trợ khách hàng thêm thông tin- bài viết mới cho website. Miễn phí hoàn toàn tài khoản VIP trên "www.ttcvn.net" seo-surf để tăng thứ hạng trên các trang tìm kiếm

    -
    - 1
    - A. Thiết kế website bán hàng •  Giao diện mẫu chuyên nghiệp, tích hợp giao diện trên mobile (Responsive)•Website được xây dựng bằng mã nguồn php, chuẩn seo google tốt nhất.• Các tính năng được xây dựng đầy đủ cho một website thương mại điện tử. • Được thiết kế theo mô hình MVC, hoạt động ổn định, hệ thống quản trị tập trung, tối ưu hóa trên các công cụ tìm kiếm (SEO) Google.
    - GIÁ: THỎA THUẬN
    -
    - 2
    - B. Thiết kế website thương mại điện tử  •  Trong thời đại công nghiệp hóa, hiện đại hóa và sự bùng nổ về sức mạnh của công nghệ thông tin hiện nay. Việc mua bán sản phẩm hàng hóa không còn  đơn thuần là ra chợ hay đến tận trung tâm siêu thị để mua sắm mà hiện nay xu hướng mua, đặt hàng trực tuyến đang trở thành một nếp văn minh mới trong thời đại tiên tiến. Đặc biệt sự phát triển đa dạng của thương mại điện tử trên internet đã giúp cho mọi người dễ dàng tìm kiếm thông tin và giao dịch một vấn đề gì đó trở lên phổ biến hơn. Chính vì thế, khi kinh doanh một lĩnh vực muốn được thành công thì việc thiết kế website thương mại điện tử nhằm giới thiệu, quảng bá sản phẩm của doanh nghiệp là yếu tố cần thiết hàng đầu.
    - GIÁ: THỎA THUẬN
    -  
    -
    - GÓI CƠ BẢN 
    - GÓI CHUYÊN NGHIỆP
    - GÓI SIÊU TIẾT KIỆM
    -
    - Giao diện Mobile: Có
    - Giao diện Mobile: Có
    - Giao diện Mobile: Có
    -
    - Sản phẩm: Không giới hạn
    - Sản phẩm: Không giới hạn
    - Sản phẩm: Không giới hạn
    -
    - Bài viết: Không giới hạn
    - Bài viết: Không giới hạn
    - Bài viết: Không giới hạn
    -
    - Tối ưu SEO: Có
    - Tối ưu SEO: Có
    - Tối ưu SEO: Có
    -
    - Miễn phí hosting: 2GB
    - Miễn phí hosting: 5GB
    - Miễn phí hosting: 10GB
    -
    - Băng thông: 20GB
    - Băng thông: 60GB
    - Băng thông: 120GB
    -
    - Tính năng: Không giới hạn
    - Tính năng: Không giới hạn
    - Tính năng: Không giới hạn
    -
    - Ngôn ngữ: Tiếng Việt
    - Ng&ocir...

RSS Sản phẩm tiêu biểu

Camera HDTVI 3.0 bán cầu FullHD1080P hồng ngoại 20m vỏ sắt
1.860.000 đ (Đã bao gồm VAT)
Camera HDTVI 3.0 bán cầu FullHD1080P hồng ngoại 20m vỏ sắt
Giá bán: 1.860.000 đ (Đã bao gồm VAT)
Bảo hành: 24 tháng

- "• Cảm biến CMOS Image Sensor 2MP; 1928(H)*1088(V) • Độ phân giải 1920x1080@25fps • Ống kính cố định 3.6mm (đặt hàng 2.8/6mm) • Độ nhạy sáng 0.01 Lux • Hồng ngoại EXIR tầm xa 20m • ICR, AGC, BLC, DNR, WDR, AWB, Smart IR • Nguồn 12VDC±15% • 91x82x68mm, 350g • IP66"...
Mẫu website tin tức doanh nghiệp- giới thiệu
Info@ttcvn.com
Mẫu website tin tức doanh nghiệp- giới thiệu
Info@ttcvn.com
Tặng 2Gb hosting- Không Giới Hạn 20Gb băng thông
Bảo hành: Bảo hành trọn đời: duy trì hoạt động tốt cho khác hàng, Tự động backup dữ liệu website cho khách hàng 1 tháng 1 lần. Hỗ trợ khách hàng chỉnh sửa giao diện, design banner & logo của website. Hỗ trợ khách hàng thêm thông tin- bài viết mới cho website. Miễn phí hoàn toàn tài khoản VIP trên "www.ttcvn.net" seo-surf để tăng thứ hạng trên các trang tìm kiếm

-
- 1
- A. Thiết kế website bán hàng •  Giao diện mẫu chuyên nghiệp, tích hợp giao diện trên mobile (Responsive)•Website được xây dựng bằng mã nguồn php, chuẩn seo google tốt nhất.• Các tính năng được xây dựng đầy đủ cho một website thương mại điện tử. • Được thiết kế theo mô hình MVC, hoạt động ổn định, hệ thống quản trị tập trung, tối ưu hóa trên các công cụ tìm kiếm (SEO) Google.
- GIÁ: THỎA THUẬN
-
- 2
- B. Thiết kế website thương mại điện tử  •  Trong thời đại công nghiệp hóa, hiện đại hóa và sự bùng nổ về sức mạnh của công nghệ thông tin hiện nay. Việc mua bán sản phẩm hàng hóa không còn  đơn thuần là ra chợ hay đến tận trung tâm siêu thị để mua sắm mà hiện nay xu hướng mua, đặt hàng trực tuyến đang trở thành một nếp văn minh mới trong thời đại tiên tiến. Đặc biệt sự phát triển đa dạng của thương mại điện tử trên internet đã giúp cho mọi người dễ dàng tìm kiếm thông tin và giao dịch một vấn đề gì đó trở lên phổ biến hơn. Chính vì thế, khi kinh doanh một lĩnh vực muốn được thành công thì việc thiết kế website thương mại điện tử nhằm giới thiệu, quảng bá sản phẩm của doanh nghiệp là yếu tố cần thiết hàng đầu.
- GIÁ: THỎA THUẬN
-  
-
- GÓI CƠ BẢN 
- GÓI CHUYÊN NGHIỆP
- GÓI SIÊU TIẾT KIỆM
-
- Giao diện Mobile: Có
- Giao diện Mobile: Có
- Giao diện Mobile: Có
-
- Sản phẩm: Không giới hạn
- Sản phẩm: Không giới hạn
- Sản phẩm: Không giới hạn
-
- Bài viết: Không giới hạn
- Bài viết: Không giới hạn
- Bài viết: Không giới hạn
-
- Tối ưu SEO: Có
- Tối ưu SEO: Có
- Tối ưu SEO: Có
-
- Miễn phí hosting: 2GB
- Miễn phí hosting: 5GB
- Miễn phí hosting: 10GB
-
- Băng thông: 20GB
- Băng thông: 60GB
- Băng thông: 120GB
-
- Tính năng: Không giới hạn
- Tính năng: Không giới hạn
- Tính năng: Không giới hạn
-
- Ngôn ngữ: Tiếng Việt
- Ng&ocir...
Đầu ghi hình Turbo HD 3.0  16 kênh vỏ nhựa-F1/N
3.760.000 đ (Đã bao gồm VAT)
Đầu ghi hình Turbo HD 3.0 16 kênh vỏ nhựa-F1/N
Giá bán: 3.760.000 đ (Đã bao gồm VAT)
Mouse
Bảo hành: 24 THÁNG
• Hỗ trợ 16 kênh HDTVI/Analog/AHD/CVI • Ghi hình 1080PLite@12fps | 720P@12fps • Cổng xuất hình ảnh HDMI/VGA@1920x1080 đồng thời • Hỗ trợ 1 ổ cứng, dung lượng tối đa mỗi ổ 6TB • Audio I/O : 1/1 • Nguồn cấp 12VDC&20W (chưa kèm ổ cứng) • Kích thước 285x210x45mm, 1.2kg ...
Iphone  X 64 GB
24.500.000 đ (Đã bao gồm VAT)
Iphone X 64 GB
Giá bán: 24.500.000 đ (Đã bao gồm VAT)
Bảo hành: 24 Tháng

- Trên iPhone X, Apple đã đưa ra quyết định táo bạo là loại bỏ phím cứng duy nhất để điều khiển iOS trên iPhone là nút Home. Toàn bộ mặt trước sản phẩm bây giờ là màn hình
- iPhone X sử dụng tấm nền OLED đầu tiên trong các đời iPhone. Màn hình này được Apple gọi là Super Retina Display với kích cỡ 5.8 inch, đạt mật độ điểm anh 458 PPI (1125 x 2468 pixel), cũng là màn hình sắc nét nhất trong số các máy iPhone hiện nay. Apple cho biết màn hình của iPhone này hỗ trợ chuẩn HDR10 và Dolby, có độ tương phản rất cao, tới 1:1.000.000.
- Viền màn hình trên iPhone X đã được tối ưu rất mảnh, chỉ còn khu vực phía trên để chứa camera tự sướng, loa thoại và nhiều cảm biến ở đó. Phím Home không còn nên cảm vân tay cũng bị lược bỏ để chuyển sang mở khóa điện thoại bằng khuôn mặt gọi là FaceID.
- FaceID sử dụng đèn chiếu sáng (nên hoạt động được trong bóng tối) và máy chiếu chiếu 30.000 điểm trên khuôn mặt để tạo thành bản đồ 3D của khuôn mặt giống như Kinect. Hệ thống nhận diện khuôn mặt này được Apple giới thiệu là an toàn hơn nhiều so với vân tay TouchID, với tỷ lệ qua mặt là 1 trên 1 triệu (vân tay là 1 trên 50.000). Tuy vậy, Apple cảnh báo khuôn mặt của các cặp song sinh có thể đánh lừa được FaceID.
-  
-
- iPhone X sẽ ra mắt sau bộ đôi iPhone 8, dự kiến cho đặt trước ở Mỹ vào 27/10 và bắt đầu bán vào 3/11 vói hai lựa chọn màu là bạc và xám.
- Bản 64Gb của iPhone X có giá 999 USD ở Mỹ, còn bản 128GB chưa có giá cụ thể. Hiện chưa có thông tin về việc bán iPhone X ở Việt Nam vào thời điểm nào cũng như giá bán của sản phẩm....
Mẫu website viện ảnh áo cưới
Info@ttcvn.com
Mẫu website viện ảnh áo cưới
Info@ttcvn.com
Tặng 2Gb hosting- Không Giới Hạn 20Gb băng thông
Bảo hành: Bảo hành trọn đời: duy trì hoạt động tốt cho khác hàng, Tự động backup dữ liệu website cho khách hàng 1 tháng 1 lần. Hỗ trợ khách hàng chỉnh sửa giao diện, design banner & logo của website. Hỗ trợ khách hàng thêm thông tin- bài viết mới cho website. Miễn phí hoàn toàn tài khoản VIP trên "www.ttcvn.net" seo-surf để tăng thứ hạng trên các trang tìm kiếm

- Giao diện mẫu chuyên nghiệp, tích hợp giao diện trên mobile (Responsive)• Website được xây dựng bằng mã nguồn php, chuẩn seo google tốt nhất.• Các tính năng được xây dựng đầy đủ cho một website thương mại điện tử. • Được thiết kế theo mô hình MVC, hoạt động ổn định, hệ thống quản trị tập trung, tối ưu hóa trên các công cụ tìm kiếm (SEO) Google....