Thiết kế theme wordpress-Phần 3

loading...

Mở file header.php lên (file header.php ở đâu bạn chỉ cần đổi tên cấu trúc trong file nén bạn vừa download về giải nén và đổi tên .html thành .php), và bạn copy đoạn code từ

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

… đến

<!–end topmenu–>

Giống như hình dưới đây

header

Bạn chỉ mới copy mã html qua thôi và chưa có tác dụng gì cả, header.php là file cung cấp các thông tin về style, nhúng các mã javascipt vào..sau đây bạn copy đoạn mã sau vào trên phần <!DOCTYPE…

Okie tiếp tục, tôi sẽ đi giải thích từng dòng lệnh bên trên:

-<!DOCTYPE html>: loại tài liệu ở đây là html

-<html <?php language_attributes(); ?>>: Ngôn ngữ của blog

-<head>…</head>: ở giữa tag này thường chứa các thẻ meta, import style và javascript..

-<meta charset=”<?php bloginfo( ‘charset’ ); ?>” />: charset của blog, mỗi blog đều gắn với mỗi loại ngôn ngữ khác nhau, tiếng anh, tiếng việt, ở đây chúng ta là tiếng việt

-<title>…</title>: Tiêu đề của từng bài viết trong blog sẽ nằm trong này

-Đoạn code dưới đây sẽ nằm giữa tag title và nó co nhiệm vụ tự động đưa ra tiêu đề của bài viết

title

-<link rel=”stylesheet” href=”<?php bloginfo( ‘stylesheet_url’ ); ?>” media=”screen” />: đây là dòng lện import file style.css của mình vào blog

-<?php wp_head();?>: đây là dòng lệnh sẽ tự động import các mà lện của plugin vào blog (phần mở rộng của wordpress)

-Kế tiếp ở tag <body> bạn copy lệnh sau vào <?php body_class(); ?>, trông giống như thế này <body <?php body_class(); ?> >, lệnh trên sẽ tự động import các style body vào tag body

-Tiếp nhé bạn: bạn thay thế <a href=’#’><img  src=’images/logo.png’ alt=”Logo”/></a> bằng đoan code sau:

-<a href=”<?php echo get_option(‘home’); ?>” title=”<?php echo get_option(‘home’); ?>”><img src=”<?php header_image(); ?>” alt=”<?php echo get_option(‘home’); ?>” /></a>

-Để hàm header_image() (thay đổi và hiển thị logo) sử dụng được bạn ở file functions.php và copy đoạn code sau vào

-Đoạn mã trên có tác dụng sau này theme của chúng ta hoàn thành nó sẽ tạo ra một tác vụ header, cho phép người sử dụng theme thay đổi logo theo kích thước chúng ta vừa định nghía ( cao 49px, rộng 334px)

(còn tiếp…)

Cập nhật bài viết mới qua Email


Theo dõi tôi
Đăng ký nhận tin mới
đăng ký nhận tin mới

Hướng dẫn thiết kế theme

Các functions thường dùng

  • Hotline: 0912 889 416

Mọi sự sao chép xin ghi rõ nguồn là fcwordpress.net

Chuyên trang về wordpress: hướng dẫn thiết kế theme, plugin, thủ thuật wordpress