WordPress. Cách tạo mẫu trang. Tạo các chủ đề WordPress khác nhau theo cách thủ công và sử dụng các chương trình
Bài viết này sẽ hướng dẫn bạn cách tạo theme WordPress đơn giản nhất. Mặc dù Codex cung cấp tài liệu phong phú về chủ đề này nhưng tôi thấy nó hơi phức tạp đối với người mới. Do đó, trong “hướng dẫn” này, tôi sẽ cho bạn biết các nguyên tắc hoạt động của các chủ đề WordPress và chỉ cho bạn cách điều chỉnh mẫu HTML thô cho phù hợp với chúng. Đồng thời, bạn không bắt buộc phải biết PHP nhưng sẽ rất tốt nếu bạn biết Photoshop và CSS để tạo ra một thiết kế.
1. Giao diện blog
Trước khi bắt đầu, chúng ta hãy xem một chủ đề WordPress tiêu chuẩn và hiểu nó bao gồm những gì. Hãy đánh dấu các thành phần (tiêu đề, tiêu đề bài đăng, biểu mẫu tìm kiếm, điều hướng, chân trang, v.v.).
Trang đầu tiêu chuẩn ( chỉ mục.php)
Tiêu chuẩn đơn ( đơn.php)
2. Bố cục Photoshop
Dựa trên giao diện của chủ đề tiêu chuẩn, hãy thiết kế bố cục Photoshop cho blog của bạn. Ví dụ: tôi đang sử dụng GlossyBlue, một trong những chủ đề miễn phí của tôi. Tải demo.zip để xem file Photoshop đã hoàn thành.
3. HTML và CSS
Khi thiết kế PSD đã sẵn sàng, hãy tạo mẫu HTML+CSS cho mỗi trang. Bằng cách làm theo các bước trong hướng dẫn này, bạn có thể sử dụng các tệp HTML GlossyBlue của tôi từ demo.zip. Sau khi giải nén kho lưu trữ, bạn sẽ thấy chỉ mục.html, đơn.html Và trang.html. Tiếp theo tôi sẽ sử dụng chúng để biến chúng thành một mẫu.
Tại sao nên tạo HTML tĩnh trước?Điều này chủ yếu là vì nó sẽ đơn giản hóa rất nhiều quá trình phát triển. Thông thường tôi tạo một tệp HTML cho mỗi mẫu, kiểm tra tính hợp lệ của chúng (đánh dấu HTML và CSS) trong tất cả các trình duyệt. Sau đó, tất cả những gì còn lại là cắt và dán mã WordPress. Vì vậy bạn không còn phải lo lắng về lỗi trong HTML hay CSS nữa.
4. Chủ đề WordPress hoạt động như thế nào?
Nếu bạn vào thư mục chủ đề mặc định ( nội dung wp/chủ đề/mặc định), bạn sẽ thấy nhiều tệp php (được gọi là tệp mẫu) và một tệp phong cách.css. WordPress thường sử dụng một số tệp mẫu ( chỉ mục.php , header.php, sidebar.php, Và chân trang.php).
Thông tin chi tiết hơn trong Codex: “Kiến trúc trang web” và “Phân cấp mẫu”.
5. Tệp mẫu trùng lặp
Sao chép thư mục HTML từ GlossyBlue vào thư mục nội dung/chủ đề wp. Sau đó, vào thư mục chủ đề mặc định, sao chép bình luận.php Và searchform.php vào một thư mục màu xanh bóng loáng.
6. Style.css
Chuyển đến thư mục chủ đề mặc định, mở tệp phong cách.css. Sao chép văn bản nhận xét ở đầu tệp và dán nó vào phong cách.css Chủ đề GlossyBlue. Nếu muốn, bạn có thể thay đổi tiêu đề và thông tin tác giả.
7. Tách tập tin
Bây giờ chúng ta cần tìm ra nơi chia các tệp HTML thành các phần: header.php , sidebar.php và footer.php. Ảnh chụp màn hình bên dưới hiển thị phiên bản đơn giản hóa của tệp chỉ mục của tôi cũng như nguyên tắc phân chia của nó.
8.Header.php
Mở chỉ mục.html. Bạn cần cắt phần từ đầu đến cuối, dán vào tệp php mới và lưu dưới dạng tiêu đề.php. Chuyển đến thư mục chủ đề mặc định, mở mới tiêu đề.php. Sao chép và thay thế các thẻ mà mã php yêu cầu: tiêu đề, liên kết, biểu định kiểu, h1 và div class=description.
Chức năng điều hướng (wp_list_pages) Thay thế thẻ lý V. ul id=điều hướng TRÊN ;
9. Thanh bên.php
Trở lại chỉ mục.html, cắt mã từ nơi nó bắt đầu biểu mẫu id=biểu mẫu tìm kiếm và cho đến khi thẻ đóng div id=thanh bên, đặt nó vào một tệp php mới và lưu dưới dạng thanh bên.php.
- Thay thế biểu mẫu id=biểu mẫu tìm kiếm với tất cả nội dung trên .
- Thay thế thẻ lý danh mục theo
- Thay thế thẻ lý lưu trữ trên
10. Footer.php
Trở lại chỉ mục.html. Trích xuất mã từ đó div id=chân trang bao gồm thẻ div id=footer và cho đến hết /html sau đó đặt nó vào một cái mới chân trang.php.
Bài viết gần đâyỞ đây tôi sử dụng query_post để hiển thị 5 bài viết blog mới nhất.
"Bình luận mới nhất""Nhận xét mới nhất" do plugin tạo ra (có trong thư mục chủ đề)
11. Index.php
Bây giờ trong của bạn chỉ mục.html chỉ nên ở lại id id=nội dung. Lưu tập tin dưới dạng chỉ mục.php. Nhập các dòng: get_header, get_sidebar, Và get_footer theo thứ tự chúng xuất hiện trong mẫu.
12. Phân tích vòng lặp
Vòng lặp hiển thị các bài đăng trên blog một cách tuần tự dựa trên cài đặt của bạn. Ảnh chụp màn hình bên dưới minh họa cách hoạt động của nó. Ban đầu, vòng lặp kiểm tra sự hiện diện của các bản ghi và nếu không tìm thấy bản ghi nào, nó sẽ hiển thị một thông báo "Không tìm thấy".
13. Sao chép một chu kỳ
Chuyển đến thư mục chủ đề mặc định, mở chỉ mục.php. Sao chép chu trình từ chu trình tiêu chuẩn chỉ mục.php của riêng bạn - giữa div id=nội dung../div. Sau đó, thay thế văn bản tĩnh bằng thẻ mẫu WordPress: ngày đăng, tiêu đề, danh mục, nhận xét, liên kết tiếp theo và trước đó.
14. Xem trước chủ đề
Chúc mừng! Bạn đã tạo phần công khai (phần chính của mẫu). Bây giờ hãy vào bảng quản trị, chuyển đến tab Thiết kế, bạn sẽ thấy chủ đề GlossyBlue. Kích hoạt nó và đi đến phần công khai để xem kết quả hoạt động.
15. Single.php
Đã đến lúc tạo một mẫu đơn.php. Nếu muốn, bạn có thể lặp lại các bước bằng cách chuyển mã từ chủ đề tiêu chuẩn. Nhưng có vẻ dễ dàng hơn đối với tôi khi sử dụng cái tôi vừa tạo chỉ mục.php, lưu nó dưới dạng đơn.php. Mở đơn.php từ chủ đề tiêu chuẩn và sao chép thẻ mẫu vào những nơi cần thiết. Tiếp theo, kết nối bình luận_mẫu. Ảnh chụp màn hình sau đây cho thấy những thay đổi tôi đã thực hiện:
16.Page.php
Bây giờ mới đơn.php lưu với tên trang.php. Xóa ngày nhập, mẫu nhận xét, liên kết tiếp theo/trước. Thế thôi, thế thôi - mẫu của bạn trang.php sẵn sàng .
17. Xóa tệp HTML
Xóa tất cả các tệp HTML khỏi thư mục màu xanh bóng loáng(chúng tôi sẽ không cần chúng nữa). Về mặt kỹ thuật, điều này là đủ để tạo một chủ đề WordPress cơ bản. Bạn có thể nhận thấy rằng chủ đề tiêu chuẩn có nhiều tệp PHP hơn. Thực ra, bạn không thực sự cần chúng nếu muốn một chủ đề đơn giản. Ví dụ, nếu tìm kiếm.php hoặc 404.php sẽ không có trong thư mục chủ đề, WordPress sẽ tự động sử dụng chỉ mục.phpđể hiển thị trang. Đọc Phân cấp mẫu để biết thêm chi tiết.
18. Mẫu trang WordPress
Bây giờ là ví dụ cuối cùng, tôi sẽ chỉ cho bạn cách sử dụng Mẫu trang để tạo trang Lưu trữ chứa danh sách tất cả các bài đăng trên blog của bạn (hữu ích cho sơ đồ trang web). Sao chép archive.php từ thư mục chủ đề tiêu chuẩn. Xóa mã không cần thiết và nhận được một cái gì đó như thế này:
Bây giờ tôi sẽ giải thích cách tạo chủ đề WordPress từ một mẫu HTML đơn giản bằng cách sử dụng ví dụ thiết kế từ bài viết đó.
Bạn có thể cần điều chỉnh thiết kế cho WordPress vì nhiều lý do, chẳng hạn như bạn đang chuyển trang web tĩnh một thời của mình sang CMS hoặc bạn thích một thiết kế chưa có trong bộ sưu tập WordPress hoặc bạn chỉ muốn hiểu cách các chủ đề của CMS này hoạt động từ bên trong.
Vậy hãy bắt đầu.
Phân phối mã vào các tập tin
1. Tải xuống mẫu và giải nén nó vào thư mục chủ đề WordPress của bạn (địa chỉ như blog_address_wordpress/wp-content/themes/). Nếu muốn, hãy đổi tên thư mục chủ đề theo ý thích của bạn. Ví dụ: mẫu của tôi nằm ở blog_address_wordpress/wp-content/themes/MyTheme/.
2. Đổi tên tập tin style.css V. phong cách.css.
3. Mở phong cách.css trong trình soạn thảo mã (chẳng hạn như Notepad++) và ngay từ đầu, hãy dán các dòng sau:
/* Tên chủ đề: URI chủ đề MyTheme: http://test1.ru Tác giả: NoName URI tác giả: http://test1.ru Mô tả: Ví dụ về Phiên bản thử nghiệm: 1.0.0 Giấy phép: Giấy phép Công cộng GNU v2 trở lên URI Giấy phép : http://www.gnu.org/licenses/gpl-2.0.html */
Như bạn có thể đoán, đây là thông tin dịch vụ về chủ đề thiết kế: tiêu đề, tác giả, mô tả, giấy phép, phiên bản, v.v. Bạn có thể thay thế các phần bên phải của dòng bằng phần của riêng bạn, nghĩa là đặt quyền tác giả, phiên bản, mô tả của bạn và các dữ liệu khác.
4. Tạo tập tin tiêu đề.php, chỉ mục.php, thanh bên.php, chân trang.php và phân phối mã từ họ cho họ chỉ mục.html.
4.1. TRONG tiêu đề.php sao chép từng dòng mã , vì tệp này chịu trách nhiệm về phần đầu của trang web. style.css thay thế mã bằng phong cách.css- tên tập tin chính xác mới.
4.2. TRONG chỉ mục.php dán mã của khối chính (từ dòng từng dòng một ).
4.3. TRONG thanh bên.php sao chép mã menu bên (từ Qua ).
4.4. TRONG chân trang.php dán các dòng còn lại (với cho đến hết tài liệu chỉ mục.html).
5. Xóa chỉ mục.html.
6. Đi tới bảng quản trị và đảm bảo rằng mẫu MyTheme xuất hiện trong phần Ngoại hình -> Chủ đề. Bạn thậm chí có thể thử xem hoặc kích hoạt nó, nhưng vẫn chưa có gì tốt đẹp vì chúng tôi chưa tích hợp mẫu với WordPress.
Tiêu đề thích ứng
Bây giờ chúng ta sẽ bắt đầu tạo một chủ đề động từ một mẫu tĩnh để tải dữ liệu và cài đặt WordPress vào đó.
Mẫu sẽ chứa các phần chèn PHP. Mã này bắt đầu bằng. Giữa chúng là mã PHP thường gọi các hàm CMS
1. Mở tệp header.php và thay thế mã chứa trong đó thành khối
sang cái tiếp theo:
>
"> "> " type="text/css" media="screen" />Chúng tôi đã làm cho khối động
Mã gọi một hàm trả về các thuộc tính ngôn ngữ cho vùng chứa.
">
Thay vì chỉ định mã hóa là một hằng số, chúng tôi đã gọi một hàm lấy giá trị từ cài đặt CMS và tự động chèn nó vào mã, tức là để thay đổi mã hóa, bạn không còn phải chỉnh sửa tệp chủ đề nữa.
Một chức năng quan trọng đảm bảo rằng các kiểu, plugin và tập lệnh hoạt động trên trang.
2. Tiến hành chỉnh sửa file index.php. Lúc đầu hãy viết ra
,
Các dòng này gọi các tập tin đầu trang, thanh bên và chân trang của trang web.
Bây giờ bạn có thể xem hoặc thậm chí kích hoạt MyTheme. Kết quả là trình duyệt sẽ hiển thị một mẫu quen thuộc với menu tĩnh và một trang duy nhất. Để menu trở nên năng động và có thể tùy chỉnh, đồng thời thay vì một trang hiển thị tất cả tài liệu được đặt trên trang web, bạn cần phải chuyển đổi mẫu thêm.
Làm cho menu trên cùng trở nên năng động
Hiện tại, chúng tôi có một chủ đề thiết kế hoàn toàn tĩnh, bao gồm một chủ đề có menu ngang trên cùng không thay đổi. Mặc dù không thể định cấu hình nó từ bảng quản trị và nếu bạn để mã ở dạng hiện tại, thì để chèn/xóa/di chuyển các mục, bạn sẽ phải chỉnh sửa tệp mỗi lần tiêu đề.php, điều này cực kỳ bất tiện.
Để không triết lý và không lao vào vực thẳm của thế giới lập trình hấp dẫn, chúng tôi sẽ đặt tên tĩnh cho menu động. Thay vì bảng menu ngang, hãy dán mã
để nó trông như thế này:
Để menu được hiển thị, trong bảng điều khiển trang, hãy mở Giao diện -> Tùy chỉnh -> Menu và đổi tên menu đã tạo thành menu hoặc tạo menu và tùy chỉnh nó theo ý thích của bạn, nhưng hãy nhớ đặt tên cho nó là menu.
Bản chất của hành động này là tập tin tiêu đề.php chức năng wp_nav_menu("menu=menu"); mở một menu có tên menu, menu này phải được đặt tên và định cấu hình chính xác trong bảng quản trị WordPress để xuất hiện. Tên thực đơn bạn có thể thay đổi nó thành bất kỳ tên nào khác, điều chính là tên đó khớp với cả trong cài đặt trang và trong mã tiêu đề.php.
Việc điều hướng rõ ràng đang dẫn đến một nơi nào đó, mặc dù nó khiến nó trở thành một cầu thang đẹp mắt. Điều này xảy ra vì menu mẫu của chúng tôi đã được triển khai một cách thiếu thận trọng bên trong bảng, nhưng lẽ ra nó phải được định dạng dưới dạng danh sách. Bạn có thể khắc phục một phần tình trạng này bằng cách thêm vào tệp phong cách.cssđoạn mã sau:
#menu ul ( lề: 0; /* Đặt lại giá trị phần đệm */ phần đệm: 4px; /* Giá trị lề */ font-size: 18px; ) #menu ul li ( display: inline; /* Hiển thị dưới dạng phần tử nội tuyến * /margin -right: 5px; /* Phần đệm bên trái */ phần đệm: 3px; /* Lề quanh văn bản */ )
Vì nó đã được bình luận nên hầu như không cần giải thích thêm. Tất cả những gì còn lại là làm mới trang và thấy rằng danh sách cuối cùng đã trở thành chiều ngang.
Tất nhiên, menu có thể được làm mượt mà và đẹp hơn, nhưng hành động này không liên quan gì đến việc điều chỉnh mẫu mà có liên quan chặt chẽ đến CSS, bạn có thể nghiên cứu chi tiết.
Hoàn thiện chiếc mũ
Các phần tử duy nhất của tập tin tiêu đề.php, còn lại tĩnh - tên và mô tả của trang web. Để chúng được lấy từ cài đặt được chỉ định trong bảng quản trị, hãy thay thế mã chịu trách nhiệm hiển thị văn bản trong tiêu đề bằng các dòng sau:
Làm mới trang - không lâu nữa sẽ có kết quả.
Làm việc với một tập tin tiêu đề.phpĐiều này đã hoàn tất, cuối cùng nó có đoạn mã sau:
>
"> "> " type="text/css" media="screen" />Chúng tôi hiển thị bài viết
Chúng ta chuyển sang phần chứa nội dung chính của trang - file sẽ được chỉnh sửa chỉ mục.php.
Xóa nội dung khối Phải và thay vào đó hãy dán mã để hiển thị động các bài đăng. Ngoài ra, hãy xóa tất cả mã khỏi tệp và thay vào đó chèn đoạn mã sau:
">
/ /Nhưng ở đây chẳng có gì cả :(404
Sự bắt đầu của một vòng lặp sẽ khiến trang tiếp tục đăng bài cho đến khi hết bài.
">
Hiển thị tiêu đề bài viết.
/ /
Ngày ở định dạng ngày, tháng (viết tắt), năm. Thẻ, nhận xét.
Kết luận của bài viết.
Sự kết thúc của chu kỳ, với điều kiện là có hồ sơ.
Nếu không có tài liệu, hãy hiển thị dòng chữ thích hợp về điều này và rời khỏi chu trình.
Hiển thị điều hướng trang với điều kiện chúng không vừa trên một trang.
Đoạn mã tưởng chừng đơn giản đã thay đổi trang này trên toàn cầu - blog trở nên thực sự năng động. Mỗi bài viết có thể được xem, các liên kết hoạt động.
Việc thiết kế và sắp xếp thêm các phần tử chỉ phụ thuộc vào trí tưởng tượng và kỹ năng bố cục của bạn - bạn có thể làm bất cứ điều gì bạn muốn với việc hiển thị dữ liệu, nhưng công việc trên mẫu vẫn chưa hoàn thành.
Thêm tiện ích
Bên trái nội dung chính trong mẫu có một bảng điều khiển, trên đó có khối Thông tin (một loại widget) và một menu bên. Khối thông tin không được ở trạng thái tĩnh và vì nó rất gợi nhớ đến một tiện ích con nên tôi khuyên bạn nên biến nó thành một tiện ích con. Để làm điều này bạn cần:
- đăng ký một khối widget;
- mang nó đến đúng nơi.
Bây giờ biết thêm chi tiết.
1. Trong thư mục chủ đề của bạn, hãy tạo tệp tin.php. Nó lưu trữ các chức năng làm cho mẫu hoạt động. Nó cũng có thể chứa các thủ tục tùy chỉnh khác.
2. Thêm đoạn mã sau:
"MySidebar", "Before_widget" => "", "after_widget" => "", "Before_title" => "
", "after_title" => "
",)); ?>Mã này đăng ký một khối widget. Thay vì MySidebar, bạn có thể nhập bất kỳ tên nào khác. Bạn có thể đăng ký một menu có cùng chức năng trong tệp này, nhưng tôi quyết định thực hiện với ít chi phí và không làm điều này, để giảm thiểu sự tiếp xúc với PHP, đồng thời hiển thị hai cách tiếp cận khác nhau để giải quyết một vấn đề .
3. Trên hồ sơ thanh bên.php xóa các dòng:
Thông tin
Hơn nữa...
và viết thay thế:
Khối Thông tin, đúng như dự đoán, đã biến mất, chỉ để lại một menu tĩnh ở bên cạnh.
4. Nhưng những thay đổi tốt hơn đã xảy ra trong bảng quản trị - phần Vẻ bề ngoài có các mục phụ Widget Và Thực đơn. Đi đến cái đầu tiên. Mở nó ra và nhìn: bên trong xuất hiện đăng ký trong tập tin hàm.php chặn (đối với tôi đó là MySidebar).
5. Để tạo lại khối thông tin, hãy kéo tiện ích vào thanh bên Chữ, trong lĩnh vực Phần mở đầuđi vào Thông tin, trong lĩnh vực Chữ- mã số
Chúng tôi cung cấp cho bạn giảm giá kỳ nghỉ. Hơn nữa...
6. Làm mới trang blog - khối được tạo lại gần như giống hệt nhau (các sắc thái nhỏ thay đổi trong tệp phong cách.css và tôi sẽ không tập trung vào chúng).
Điều chỉnh thực đơn
Phần thứ hai của thanh bên là menu dọc. Nó cũng cần được chuyển đổi từ tĩnh sang động để sau đó có thể chỉnh sửa trực tiếp từ bảng quản trị.
1. Xóa danh sách menu lồng nhau lớn trong tệp thanh bên.php và nhập mã thay thế:
2. Trong bảng điều khiển WordPress của bạn, hãy mở Giao diện -> Tùy chỉnh -> Menu, nhấn nút Add menu, đặt tên sao cho tên trong bảng quản trị trùng với tên trong mã trang thanh bên.php(Tôi có cái này danh mục bên trái) và thêm tất cả các mục cần thiết.
3. Lưu các thay đổi, làm mới trang và đảm bảo rằng menu động ở phía bên trái của trang web hoạt động và hiển thị chính xác.
Mã trang thanh bên.php so với ban đầu thì nó giảm đi rất nhiều và cuối cùng trở thành như thế này:
Thực đơn
Trên thực tế, chỉ có dòng chữ vẫn đứng yên Thực đơn. Và điều này là do nó khó có thể thay đổi, mặc dù nó có thể dễ dàng được “hồi sinh”, chẳng hạn, bằng cách triển khai khối này dưới dạng một khu vực tiện ích khác và thêm khối menu Tùy chỉnh vào đó, nhưng nếu bạn đọc kỹ bài viết, bây giờ bạn có thể dễ dàng tự làm điều đó.
Làm việc với tệp footer.php
Trước khi tạo mẫu trang web bằng HTML/CSS, bạn cần phải nghiên cứu nó. Thiết kế thường được vẽ bằng Photoshop. Bố cục hoàn thiện được lưu ở định dạng tệp .PSD.
Ví dụ: hãy tạo thiết kế trang web như hình bên dưới.
1. Mở Photoshop và tạo một tài liệu mới trong đó ( Tệp -> Mới hoặc Ctrl+N).
2. Thiết lập các thông số ban đầu. Trong thực tế, hầu như không thể nghĩ ra một thiết kế có độ chính xác đến từng pixel - trong quá trình bố cục, chắc chắn sẽ cần phải thay đổi, di chuyển hoặc làm lại một cái gì đó. Do đó, kích thước có thể được đặt gần đúng và bạn nên chỉ định chiều rộng và chiều cao của tài liệu rõ ràng lớn hơn kích thước dự kiến của trang web để tất cả các phần tử khớp chính xác với bố cục. Hãy làm cho tài liệu của chúng ta rộng 1000 pixel và cao 1500 pixel. Xin lưu ý: pixel, không phải centimet. Bạn không cần phải chạm vào các thông số khác.
3. Bật thước kẻ. Bạn sẽ cần chúng trong quá trình làm việc, vì thước kẻ cho phép bạn đo khoảng cách rất chính xác. Kiểm tra xem thước kẻ của bạn đã được bật chưa. Nếu có, bạn sẽ thấy tỷ lệ bên cạnh bên trái và bên dưới thanh công cụ trên cùng.
Nếu không có thước kẻ, hãy bật chúng lên ( Xem -> Thước kẻ hoặc Ctrl+R).
Các thước kẻ sẽ hiển thị giá trị bằng pixel. Để chuyển sang chúng từ thước đo chiều dài khác, nhấp chuột phải vào thước và chọn hộp kiểm tương ứng trong menu mở ra.
4. Kiểm tra xem kích thước phông chữ có được chỉ định bằng pixel chứ không phải bằng điểm hay không. Nếu cấu hình không đúng, hãy đi tới Chỉnh sửa -> Cài đặt -> Chung, trong cửa sổ xuất hiện, hãy chuyển đến tab Đơn vị đo và thước kẻ, trong danh sách thả xuống Chữ chọn Điểm ảnh và hãy nhấn ĐƯỢC RỒI.
5. Chúng tôi ngay lập tức tạo nền cho trang web. Ở đây chúng ta có màu chuyển màu cam chuyển sang màu vàng. Chọn một công cụ ở bảng bên trái Dốc.
Trên bảng xuất hiện ở trên cùng, nhấp vào nút Độ dốc gương, chọn một màu trên bảng màu bên trái.
Sử dụng các công cụ trong cửa sổ mở ra Trình chỉnh sửa độ dốc, chọn màu mong muốn. Để đặt màu chính xác của điểm điều khiển, hãy nhấp vào điểm đó, nhấn nút Màu sắc và trong cửa sổ chọn màu, hãy chỉ định nó ở dạng RGB, HSB, CSS hoặc bất kỳ định dạng có sẵn nào khác.
Kết quả của các thao tác, độ dốc thu được như sau.
Để áp dụng một gradient cho lớp hiện tại, hãy di chuyển con trỏ qua nó trong khi giữ nút chuột trái.
6. Lưu nền vào một tập tin. Những gì chúng tôi đã thực hiện sẽ được hiển thị bên dưới trang chính và chiếm toàn bộ cửa sổ trình duyệt - một loại nền. Ví dụ: chiều rộng của trang web là 800 pixel và độ phân giải màn hình của người dùng cao hơn nhiều. Không gian còn lại (tất cả ngoại trừ 800px sẽ bị khối trang chiếm giữ) sẽ được lấp đầy bằng nền gradient.
Vì không thể dự đoán được độ phân giải màn hình nên bạn có thể cắt dải một pixel từ nền đã tạo và lưu nó dưới dạng ảnh. Trình duyệt sẽ lấp đầy nền với toàn bộ chiều rộng.
6.1. Chọn một công cụ Diện tích hình chữ nhật.
6.2. Chọn một dải có chiều rộng tùy ý nhưng dọc theo toàn bộ chiều dài của lớp.
6.3. Sao chép vùng đã chọn ( Ctrl+C).
6.4. Tạo một tài liệu mới ( Ctrl+N), đặt chiều rộng của nó thành 1 pixel và dán ( Ctrl+V).
6.5. Lưu tập tin vào JPG-định dạng
7. Tạo nền trang. Nền sẽ có màu trắng trơn. Chọn một công cụ Hình chữ nhật và trong cửa sổ thuộc tính, đặt các tham số cần thiết. Chúng ta có một hình chữ nhật có kích thước 800x1100 pixel, góc trên bên trái nằm ở điểm 100,0.
8. Làm nền cho tiêu đề. Màu tô chuyển màu tương tự như màu mờ, kích thước 780x80px.
Chúng tôi lưu nó dưới dạng một tệp đồ họa riêng biệt rộng 1 pixel, giống như chúng tôi đã làm với nền.
9. Tạo menu trên cùng. Sử dụng công cụ Văn bản ngang, thêm mục menu đầu tiên vào bố cục - trang chủ. Lớp này sẽ được tạo và thậm chí được đổi tên tự động, vì vậy bạn không cần phải làm gì với nó.
Điều quan trọng ở đây là tất cả các điểm được phân bổ đều, vì vậy rất nên sử dụng thước kẻ. Để kéo một đường thẳng đứng, hãy kéo con trỏ trong khi giữ nút chuột từ trái sang phải. Sử dụng thước để đo khoảng cách, có tính đến việc mỗi mục menu phải chiếm 120 pixel trong trường hợp của chúng tôi.
10. Tương tự, chèn các mục menu còn lại vào.
11. Thêm logo. Chúng tôi đã chuẩn bị sẵn nó, vì vậy tất cả những gì còn lại là cẩn thận chèn nó vào bố cục. Để thực hiện việc này, hãy nhấp vào Tệp -> Mở, sau đó nhấp vào hình ảnh và trong khi giữ nút chuột, di chuyển nó đến tiêu đề của tài liệu mẫu; khi nó mở ra, hãy kéo hình ảnh đến vị trí mong muốn trên bố cục và nhả nút chuột.
12. Chúng tôi viết tên và khẩu hiệu của trang web. Với công cụ mà chúng tôi đã biết, chúng tôi bổ sung các dòng chữ cho logo gần như đã được tạo.
13. Chuyển đến thanh bên. Trước tiên, hãy tạo và lưu màu tô chuyển màu cho các tiêu đề của nó dưới dạng một tệp riêng biệt. Bạn đã quen thuộc với các công cụ này, không cần phải giải thích.
14. Thêm văn bản tiêu đề của khối thông tin vào gradient mới tạo.
15. Vẽ khung của khu vực. Để làm điều này, chỉ cần sử dụng một hình chữ nhật trong suốt với các đường viền màu đen. Chọn công cụ Rectangle, đặt kiểu tô hình thành Không màu, nhấp vào biểu tượng Đặt kiểu nét vẽ hình dạng và chọn màu đen, nếu không sẽ không có đường kẻ. Nếu đường viền quá dày, hãy đặt chiều rộng đường thành 0,5 pt.
16. Bên dưới, chúng tôi thêm tiêu đề khối có màu tô chuyển màu, như trong bước 12-13.
17. Tạo khối menu cho bảng bên trái. Thêm một hình chữ nhật màu cam rộng 100px với đường viền màu vàng 0,2 pt.
18. Thêm văn bản vào đó.
19. Sử dụng nhân đôi các lớp và thước kẻ, chúng ta tạo thêm năm mục menu ở bảng điều khiển bên trái.
20. Chúng tôi viết văn bản vào phần chính của trang bằng cách sử dụng cùng một công cụ.
21. Thêm ảnh vào phần chính của trang, như chúng ta đã làm với logo. Để sao chép một hình ảnh, chỉ cần di chuyển nó bằng chuột trong khi giữ phím thay thế. Nếu đột nhiên hình ảnh không vừa với kích thước, hãy sử dụng công cụ Transform ( Ctrl+T).
22. Vẽ nền của phần dưới cùng của trang web - một gradient màu cam dài 64 pixel.
23. Lưu dải nền phía dưới rộng 1 pixel thành một tệp đồ họa riêng.
24. Giảm chiều cao trang. Hóa ra tất cả các yếu tố đã được vẽ, nhưng vẫn còn một số khoảng trống. Đây là lúc các tên lớp có ý nghĩa phát huy tác dụng. Trong số các lớp khác, hãy chọn lớp nền (chúng tôi gọi nó là “Nền”) và sử dụng công cụ Biến đổi, giảm chiều cao của hình chữ nhật màu trắng của chúng tôi xuống cạnh dưới cùng của chân trang.
25. Lưu mẫu thành định dạng tệp .PSD (Tệp -> Lưu).
26. Kết quả của hành động này là một mẫu trang web đơn giản nhưng trông bình thường.
Bây giờ, từ bố cục PSD, tất cả những gì còn lại là tạo một mẫu trang web bằng HTML/CSS, nhưng tôi sẽ nói về vấn đề này trong bài viết tiếp theo.
Lời chào hỏi. Bài viết này sẽ trả lời câu hỏi làm thế nào để tạo một mẫu WordPress độc đáo, đẹp và khác biệt. Bạn sẽ phải cố gắng căng não một chút.
Cách tạo một mẫu độc đáo cho WordPress - hãy bắt đầu
Dưới đây là danh sách các bước về cách tạo một mẫu WordPress độc đáo bằng chính đôi tay của bạn và miễn phí.
- Thay đổi hình ảnh.
- Thay đổi tên mẫu.
- Thực hiện các chỉnh sửa nhỏ đối với phong cách.
Hãy bắt đầu phân tích từng điểm theo thứ tự.
Thay đổi hình ảnh
Tôi sẽ xem xét điểm đơn giản nhất bằng cách sử dụng mẫu hai mươi mười một làm ví dụ. Chúng tôi thay thế hình ảnh có sẵn bằng hình ảnh đã chuyển đổi của chính chúng tôi. Cần phải thay đổi đầu trang, chân trang, nền và những thứ nhỏ khác.
Nhưng tôi không thể đưa ra một giải pháp cụ thể, mẫu của tôi có tối thiểu hình ảnh (và những hình ảnh tồn tại đều rất lớn). Nói chung, bạn cần thay thế hầu hết các hình ảnh bằng hình ảnh của riêng bạn. Hãy xem xét hai yếu tố được thay thế:
- Đầu tiên là thông qua bảng quản trị.
- Thứ hai là thông qua mã.
Nếu bạn hiểu nguyên tắc thì rất tôn trọng bạn.
Thông qua chính bảng quản trị
Các chủ đề hiện đại có chức năng cài đặt tốt thông qua WordPress, tại sao không sử dụng chúng? Đi tới bảng quản trị của blog, xuất hiện và cấu hình.
Nếu chủ đề được tạo cho mọi người thì cài đặt thiết kế chung sẽ có ở đây và chúng tôi sẽ giải quyết các chi tiết bên dưới. Trong phần ví dụ về Hai mươi mười một.
- Màu sắc chủ đề chung. Cài đặt cho các thành phần cơ bản (tiêu đề, chú thích, v.v.).
- Hình ảnh tiêu đề, nghĩa là trong tiêu đề.
- Hình nền. Nó không có mặt trên tất cả các chủ đề; nó có thể được tùy chỉnh bằng hình ảnh hoặc chỉ bằng màu sắc.
Ở giai đoạn này, đây là những gì tôi nhận được. Tiếp tục nào.
Thay đổi hình ảnh thủ công
Giả sử bạn không hài lòng với hình ảnh của một thành phần nào đó trong mẫu và bạn muốn thay đổi nó. Phải làm gì? Chúng ta sẽ tìm ra. Ví dụ mình sẽ lấy đầu ra là một bức ảnh về số lượng người bình luận.
Hệ thống áp dụng cho tất cả các chủ đề.
Nhấp chuột phải vào phần tử và tìm đầu ra của nó trong mã bằng công cụ “xem mã”.
- Chính phần tử đó, nhấp chuột phải vào nó.
- Chọn tùy chọn “xem mã”.
- Đây là mã đầu ra HTML, chúng tôi không chú ý đến nó.
- Đây là địa chỉ quý giá mà bạn cần đến để thay thế. Tệp bạn đang tìm kiếm là bubble.png, nằm trong thư mục hình ảnh trong chính chủ đề.
Nghĩa là, bạn cần tạo cùng một tệp, có cùng tên và thay thế nó. Tôi hy vọng bạn biết cách sử dụng trình quản lý tệp như FileZilla. Tôi muốn tạo một bức ảnh hiển thị số lượng bình luận có dấu sao và đường viền. Tôi đã tạo nó bằng Photoshop và lưu nó dưới dạng hình ảnh với tên bong bóng và phần mở rộng là png.
Xong, tôi mở Filezilla và đi đến chủ đề 211 đang hoạt động trong thư mục hình ảnh (mà chúng tôi đã nhận ra ở trên). và chỉ cần kéo và thả hình ảnh mới vào thư mục và thay thế. Tất cả các chi tiết có trong ảnh chụp màn hình.
Nếu mọi thứ được thực hiện tốt thì hình ảnh mới sẽ được hiển thị trên trang web, đây là ảnh chụp nhanh.
Như bạn hiểu, bạn có thể thay đổi bất kỳ hình ảnh nào bằng phương pháp này nếu không có cài đặt nào trong bảng quản trị.
Thay đổi tên mẫu
Bạn chỉ có thể thay đổi các chủ đề miễn phí, điều này rất quan trọng.
Có hai điểm cần phải làm:
- Làm lại tiêu đề trong tệp style.css
- Thay đổi tên của thư mục chủ đề.
Làm lại tên trong style.css
Để thực hiện việc này, hãy đi tới trình chỉnh sửa ( làm tôi nhớ đến trình chỉnh sửa ngoại hình) và tìm style.css.
Trên màn hình chúng ta thấy dòng chữ, mọi thứ cần phải được thay đổi ở đây. Mỗi tệp style.css đều chứa thông tin mẫu ngay từ đầu. Nó cần phải được thay đổi ít nhất là những dòng này.
Tên chủ đề: moi-template Mô tả: Phiên bản tiêu chuẩn 1.. Giấy phép: GPL
Nó sẽ trông như thế này sau khi thay thế.
Bạn điền thông tin chi tiết của mình, đừng lấy thông tin của tôi, vì chúng tôi tạo ra mẫu duy nhất. Tối thiểu, hãy thay đổi tên, tác giả và trang web.
Chúng tôi đã tìm ra nó, hãy chuyển sang điểm tiếp theo.
Thay đổi tên của thư mục chủ đề
Chúng tôi thực hiện điều đó thông qua trình quản lý tệp, tôi sử dụng Filezilla. Ở đoạn trước chúng ta đã đổi tên chủ đề ở dòng:
Tên chủ đề: moi-template
Cần một cái tên gốc hai mươi mười một thay đổi sang một cái mới, trong trường hợp của tôi, moi-mẫu. Chuyển đến thư mục FileZilla chủ đề, và tìm tên ban đầu Twentyeleven.
Và chúng tôi thay đổi nó thành một cái mới.
Nếu mọi thứ được thực hiện chính xác, nó sẽ hoạt động. Chủ đề dành cho công cụ tìm kiếm sẽ không còn là tiêu chuẩn nữa mà là duy nhất.
Chỉnh sửa nhỏ về phong cách
Tôi không thể nghĩ ra một giải pháp duy nhất về cách tạo một mẫu duy nhất cho WordPress, bạn chỉ cần nhìn vào mẫu một cách trực quan và xem những gì bạn không thích. Tôi nhìn vào thanh bên.
Thực sự, không thực sự? Tôi muốn làm cho phông chữ tiêu đề lớn hơn vì chúng nhỏ và hòa vào nền. Chúng ta thấy tất cả các bước trong hình dưới đây.
- Chọn phần tử mà chúng tôi muốn chỉnh sửa. Click chuột phải.
- Bấm vào “xem mã”.
- Toàn bộ phong cách của tiêu đề này.
- Tên phong cách bạn đang tìm kiếm.
Mở tệp style.css. Chúng tôi tìm kiếm tên kiểu bằng cách sử dụng tổ hợp phím CNTRL + F.
Tôi muốn làm cho phông chữ lớn hơn, tạo một đường liền nét bên dưới, thay đổi màu sắc và độ dày của văn bản. Để làm điều này, tôi thay đổi hoặc thêm các tham số sau.
Màu sắc: #1a1a1a; cỡ chữ: 15px; trọng lượng phông chữ: 600; viền dưới: 2px Solid #271eb1;
Chúng ta hãy nhìn vào các dòng mã.
- Thay đổi màu sắc.
- Thay đổi kích thước.
- Thay đổi độ rộng văn bản.
- Thêm một gạch chân.
Chúng ta thay đổi hoặc thêm thông số vào style cho phù hợp. Nó sẽ diễn ra như thế này.
Mọi thay đổi sẽ ngay lập tức xuất hiện trên trang web.
Nhiệm vụ của tôi bây giờ không phải là dạy bố cục, sẽ tốn rất nhiều thời gian và bài viết mà là chỉ ra nguyên tắc cốt lõi về cách tạo một mẫu độc đáo.
Vì vậy, với tất cả các yếu tố khác, hãy đưa nó về mức lý tưởng. Tôi cho thấy những gì đã xảy ra trong bài viết này.
Bài viết này đã trả lời câu hỏi làm thế nào để tạo một mẫu WordPress độc đáo. Và chủ đề tiêu chuẩn có thể được gọi là chủ đề của riêng bạn.
Nếu bạn có bất kỳ câu hỏi nào, xin vui lòng để lại trong phần bình luận. Chúc may mắn.
Công việc thường ngày với các tài liệu cùng loại có thể được giảm thiểu nếu bạn tạo chúng dựa trên các mẫu Word. Tài liệu của chúng tôi hôm nay nói về chúng là gì và cách tạo ra chúng.
Rất thường xuyên, trong quá trình hoạt động, chúng ta tạo ra các tài liệu cùng loại: hành vi, mệnh lệnh, thư từ, hợp đồng, giấy tờ có thời hạn, v.v. Theo quy luật, tất cả các tài liệu này đều chứa một số thành phần văn bản hoặc đồ họa - tiêu đề, chi tiết, biểu tượng, khối văn bản được lặp lại từ tài liệu này sang tài liệu khác.
Một người dùng thông thường của trình soạn thảo văn bản Word, khi tạo một tài liệu khác, buộc phải sử dụng và chỉnh sửa một tài liệu đã được ai đó tạo và chứa tất cả các thành phần này hoặc chỉ cần sao chép các thành phần cần thiết vào tài liệu mới, một lần nữa, từ old, đồng thời nhận ra rằng trong trường hợp này, việc chỉnh sửa là điều không thể tránh khỏi.
Mẫu xác định cấu trúc cơ bản của tài liệu và chứa các cài đặt tài liệu như thành phần Văn bản tự động, phông chữ, phím tắt được gán, macro, menu, thiết lập trang, định dạng và kiểu. (Từ Trợ giúp Word)
Quy trình này có thể được giảm thiểu nếu bạn tạo tài liệu dựa trên mẫu. Đôi khi các mẫu còn được gọi là "cá". Tuy nhiên, cho dù bạn gọi nó là gì, các mẫu thực sự cho phép bạn tăng hiệu quả công việc của mình một cách đáng kể.
Mẫu có thể được tạo theo hai cách, lấy tài liệu có tất cả các thành phần có sẵn làm cơ sở hoặc bắt đầu lại từ đầu, bao gồm chính các thành phần cần thiết.
Tôi sẽ chỉ cho bạn cách tạo mẫu từ đầu, giúp bạn hiểu toàn bộ quá trình dễ dàng hơn thay vì sửa đổi tệp hiện có. Ví dụ: chúng ta sẽ tạo một mẫu thư trang trọng đơn giản. Không có gì phức tạp về điều này nếu bạn làm theo hướng dẫn từng bước của tôi.
Vậy hãy bắt đầu.
1. Hãy tạo một tài liệu trống.
2. Hãy lưu lại ngay nhé. Chúng ta hãy chuyển đến menu "Tệp" và chọn lệnh "Lưu dưới dạng...". Hộp thoại “Lưu tài liệu” sẽ mở ra, trong đó chúng ta cần chọn loại “Mẫu tài liệu (*.dot)” trong trường “Lưu dưới dạng”.
Thư mục Mẫu sẽ mở ra, nơi tất cả các mẫu được lưu theo mặc định. Đặt tên cho tệp và nhấp vào nút "Lưu".
3. Chúng tôi xác định thành phần nào (văn bản và đồ họa) và vị trí chính xác sẽ nằm trong tài liệu.
Theo quy định, tất cả các chữ cái chính thức đều chứa các thành phần như tên của tổ chức, logo và các thông tin chi tiết. Bản thân nội dung của bức thư có thể chứa một địa chỉ lịch sự gửi đến người nhận bức thư và trên thực tế, chính nội dung của bức thư. Cuối thư có ghi tên chức vụ người đứng đầu tổ chức kèm theo chữ ký của ông. Chúng tôi sẽ lấy cấu trúc tương tự của bức thư làm cơ sở.
4. Chúng ta sẽ đặt tên của tổ chức ở đầu tài liệu ở giữa. Để làm điều này, chúng tôi sẽ in tên tổ chức của chúng tôi bằng chữ in hoa, ví dụ: LLC “WHITE NIGHTS”. Nhấn phím Enter và chuyển sang dòng mới.
5. Chúng ta có thể chèn đường phân chia bên dưới. Để thực hiện việc này, hãy nhấp vào nút “Vẽ”. Một bảng vẽ với các nút điều khiển sẽ xuất hiện ở cuối màn hình. Chúng ta quan tâm đến các đường nên chúng ta chọn nút “Dòng” tương ứng. Con trỏ chuột biến thành hình chữ thập.
Xin lưu ý: bạn có thể chèn cái gọi là canvas - một vùng chấm để chèn hình dạng/hình vẽ. Để loại bỏ tính năng chèn canvas một cách thận trọng, hãy chuyển đến menu “Công cụ” và chọn lệnh “Tùy chọn”. Nhấp vào tab Chung và bỏ chọn tùy chọn Tự động tạo khung vẽ khi chèn Hình tự động. Nhấp vào "OK" và đóng cửa sổ "Tùy chọn".
6. Di chuyển con trỏ theo hình chữ thập đến tên tổ chức và ngay bên dưới vẽ một đường từ con trỏ nhấp nháy đến mép phải của trường, nhấn và giữ chuột trái. Đường thẳng được vẽ.
7. Bạn có thể để nguyên đường kẻ hoặc tạo cho nó vẻ ngoài thanh lịch hơn. Để thực hiện việc này, có nút Line Style tương ứng trên bảng vẽ. Bấm vào nó và chọn bất kỳ loại.
8. Khi bạn đã quyết định chọn bất kỳ loại dòng nào, hãy nhấp đúp vào bên dưới dòng đó - địa chỉ và thông tin chi tiết của tổ chức sẽ được in ở nơi này. Nhập dữ liệu mà bạn cho là cần thiết: địa chỉ pháp lý và thực tế, số điện thoại, số fax, URL trang web, E-mail, chi tiết ngân hàng.
9. Bây giờ hãy định dạng văn bản đã gõ theo ý tưởng của bạn. Ví dụ: tôi đã chọn tên của tổ chức và gán cho nó kiểu “Tiêu đề 1”. Tôi cũng căn giữa tiêu đề và tạo khoảng cách 5 điểm thưa thớt giữa các chữ cái.
Tôi đã giảm cỡ chữ của văn bản bên dưới dòng xuống còn 9 point và căn chỉnh nó vào giữa. Bạn có thể xem mẫu bên dưới trong ảnh chụp màn hình.
Vì vậy, chúng tôi đã tạo một phần cố định (không thể thay đổi) trong mẫu của mình, cái gọi là “tiêu đề”. Bây giờ, hãy tiếp tục và tạo các trường mà sau này bạn sẽ nhập dữ liệu của mình.
Ở phía bên trái của mẫu, bên dưới “tiêu đề”, nhấp đúp và nhập tên thành phố, ví dụ: Moscow. Sau đó, ở phần đối diện (bên phải) của mẫu, nhấp đúp chuột lần nữa và chèn ngày vào nơi con trỏ nhấp nháy. Đối với điều này:
1. Trong menu “Chèn”, chọn lệnh “Ngày và giờ”. Một cửa sổ sẽ mở ra trong đó bạn chọn định dạng hiển thị ngày mong muốn, ví dụ ngày 18 tháng 7 năm 2006.
2. Chọn hộp “Cập nhật tự động”. Bây giờ, khi tạo tài liệu mới dựa trên mẫu này, ngày sẽ được đặt theo thời gian hiện tại trên máy tính của bạn.
3. Ở phía bên phải của mẫu bên dưới ngày - thụt vào từ mép trái khoảng 10 cm dọc theo thước ngang - nhấp đúp chuột. Con trỏ sẽ nhấp nháy và ở vị trí này chúng ta sẽ chèn một trường để thay thế dữ liệu của người nhận thư.
4. Trong menu “Chèn”, chọn lệnh “Trường”. Một cửa sổ sẽ mở ra như trong ảnh chụp màn hình bên dưới:
5. Trong khu vực Danh mục, chọn Tự động hóa Tài liệu. Trong vùng Tên trường, chọn lệnh MacroButton. Trong vùng "Tin nhắn" (Văn bản hiển thị), nhập văn bản "Chèn tên đầy đủ của người nhận" và nhấp vào OK.
Nói đúng ra, trong vùng “Tên macro”, lẽ ra bạn phải chỉ định NoMacro (nghĩa là một lệnh không có macro), nhưng nó không có trong danh sách. Vì vậy, chúng tôi để nguyên như vậy, ít nhất là tôi chưa bao giờ gặp phải bất kỳ lỗi nào.
6. Chúng tôi nhận được một trường có văn bản của chúng tôi.
Nếu bạn muốn trường này được hiển thị dưới dạng văn bản thông thường mà không tô bóng thì tôi khuyên bạn nên thực hiện tô bóng như vậy. Điều này sẽ cho phép bạn sau này dễ dàng xác định các trường bắt buộc để nhập dữ liệu vào tài liệu. Để thực hiện việc này, hãy chuyển đến menu “Công cụ” và chọn lệnh “Tùy chọn” và trên tab “Xem”, trong nhóm “Hiển thị”, chọn tùy chọn “Luôn luôn” từ danh sách tô bóng Trường ).
Bên dưới, bạn có thể chèn thêm một trường tương tự cho địa chỉ và vị trí của người nhận.
Tất cả những gì chúng ta phải làm là chèn một tin nhắn chào mừng đến người nhận bức thư này, nội dung của tin nhắn và chữ ký của người gửi ở phía dưới. Hãy thử tự mình chèn các trường này vào mẫu của bạn, dựa trên hướng dẫn ở trên và đừng quên lưu mẫu kết quả.
Ví dụ: bạn có thể xem ảnh chụp màn hình của mẫu tôi đã tạo:
Bây giờ, để sử dụng mẫu này để tạo một chữ cái, bạn cần vào menu “Tệp” và chọn lệnh “Mới”. Một ngăn tác vụ sẽ xuất hiện ở bên phải, trong đó bạn cần chọn tùy chọn “Mẫu chung” (Trên máy tính của tôi). Một cửa sổ sẽ mở ra với tất cả các mẫu có sẵn. Chọn mẫu bạn đã tạo và nhấp vào "OK". Một tài liệu mới dựa trên mẫu của bạn sẽ được tải vào Word. Thêm dữ liệu của bạn vào các trường thích hợp và tận hưởng quá trình tự động hóa.