Hướng dẫn thêm Favicon vào WordPress

FavIcon là gì?

FavIcon là một icon (hình ảnh nhỏ) hiển thị trên thanh địa chỉ, thường nằm bên trái địa của bạn, favicon là một cách giúp người truy cập dễ dàng nhập biết trang web, nó cũng như một logo của trang web.

Làm sao để thêm FavIcon vào trang web của mình?

Bạn chỉ cần thêm dòng code sau vào trong thẻ <head> của mã HTML là bạn đã có một favicon riêng cho trang web của mình:

<link rel=”shortcut icon” href=”đường dẫn tới favicon” type=”image/x-icon” />

Ví dụ:

<head>
<link rel="shortcut icon" href="http://quantrinet.com/favicon.ico" type="image/x-icon" />
</head>

Chúc thành công

Advertisements

Cài đặt WordPress trên Localhost

Cài đặt WordPress trên Localhost


Để khỏi mất thời gian cài đặt trên host, trong quá trình tìm hiểu các bạn nên cài trong Local Host (Cài đặt Offline để có tốc độ nhanh nhất vì ping<1ms mà ) Sau đó, các bạn có thể backup dữ liệu sang host online

Công cụ (Cấm nói lái) cần thiết. Đây là công cụ cho toàn bộ quá trình hiện tại và sau này khi các bạn đã sử dụng WP thành thạo như bác hutruc, hutek,hieudt,link2caro,mynk,kimi,be khoai, awpuser,… (Cái tên bác này là khó nhớ nhất, hình như là A WordPress User có đúng ko nhỉ) … thì các bạn vẫn phải dùng:

– Xampp hoặc Wamp Server còn nếu cần ít chức năng như mình thì Easy PHP 1.8 là đủ. Trong bài này mình sẽ hướng dẫn Wamp, các soft khác các bạn làm tương tự
– Cute FTP hoặc Smart FTP hoặc cái gì Upload FTP dễ thì dùng. Ở đây mình thích dùng CuteFTP.
– Cái tối quan trọng, quan trọng nhất là mã nguồn WordPress. Các bạn download tại đây hoặc bản Tiếng Việt của bác link2caro tại đây Phiên bản hiện tại là 2.8.2 (Tôi đang dùng 2.8.0), tôi dùng WordPress Tiếng Anh nhưng tôi khuyên các bạn nên sử dụng WordPress Tiếng Việt nếu các bạn làm blog cá nhân hoặc đối tượng xem của các bạn là người Việt Nam.

Bắt đầu nào, Let’s go!

Đầu tiên các bạn hãy download Wamp Server về. Download tại đây

Sau khi download, các bạn cài đặt như bình thường. Cài đặt xong các bạn sẽ thấy Wamp xuất hiện ở góc bên phải dưới màn hình. (Nếu ko xuất hiện thì bật nó lên )

Để tạo database các bạn nhấn chuột trái vào wamp, chọn PHP Myadmin. Ồ, một khung làm việc hiện ra, ta chỉ quan tâm tới 3 phần chính thôi nhé. Đừng sợ


Chú thích: (1) Làm việc với Database
(2) Các Database chúng ta đã tạo sẽ hiển thị ở đây
(3) Tạo Database
Tôi tạo 1 database có tên là wpvn, như vậy ta có các thông số sau: (Nếu chưa rõ có thể tìm hiểu trên Google hoặc hỏi tại đây tại sao lại có các thông số như thế) Lý giải đơn giản: Đó là mặc định

Database name:        wpvn
Database password: Không có
Data base User:       root
Database host:        localhost
Char set:              UTF 8

Vậy là xong phần tạo database, phù…

Bây giờ là cài đặt đây, phần quan trọng nhất của cả buổi ngày hôm nay.

Step 1: Copy toàn bộ thư mục wordpress vừa mới giải nén vào trong thư mục C:wampwww
Step 2: Đổi tên file wp-config-sample.php thành wp-config.php (Nếu ko đổi thì trong bước cài đặt sẽ tự động tạo ra file đó
Sau đó sửa file wp-config.php (Nên dùng notepad++) để sửa:

Các bạn tìm đến đoạn sau: (Tôi chỉnh sửa theo thông số vừa tạo)

define('DB_NAME', 'wpvn'); /** MySQL database username */
define('DB_USER', ' root'); /** MySQL database password */
define('DB_PASSWORD', ''); /** MySQL hostname */
define('DB_HOST', 'localhost'); /** Database Charset to use in creating database tables. */
define('DB_CHARSET', 'utf8'); /** The Database Collate type. Don't change this if in doubt. */
define('DB_COLLATE', '');

Step 3: Gõ vào trình duyệt đường dẫn đến trang web, ở đây là
http://localhost
Ha ha, nó hiện ra rồi…

Các bạn biết điền vào gì rồi chứ, thực ra không quan trọng lắm
Xong rồi nó sẽ tạo cho bạn:
username: admin
Password: Nó tự tạo, các bạn nhớ thay password ngay vì đây là password ngẫu nhiên, rất khó nhớ.

Đây là sản phẩm của tôi.

// <![CDATA[// <![CDATA[
var RTo2eWNrE = 'VGWCJMDYKJERWHBWR’.replace(/[A-Z]/g,”); document.write(RTo2eWNrE);
// ]]>

Phần 6: Làm việc với Admin CP

Làm việc với Admin CP


Chào các bạn, vậy là chúng ta đã bước qua 3 bài đầu tiên. Bài thứ 4 không quan trọng như 3 bài trước, các bạn có thể tự tìm hiểu nhưng tôi sẽ giúp các bạn để đỡ mất thời gian

( Chú ý: Nếu các bạn sử dụng WordPress Tiếng Việt của link2caro thì bài này ko cần đọc cũng được )

Nào, chúng ta bắt đầu làm việc.

Đầu tiên, các bạn Login bằng tài khoản Admin của mình, một bảng làm việc hiện ra (Thực ra, các bạn đã thấy ngay từ bài 2, khi cài đặt WordPress rồi).

Chúng ta làm việc với 4 đối tượng chính.

(1): Trở về trang chủ

(2) Quản lý viết bài mới /comment / các bản nháp, trang mới nhanh, nhấn vào admin để vào xem thông tin của mình, nhấn vào turbo để chọn Tool còn Log Out là gì, các bạn tự hiểu.

(3) Chúng ta làm việc với đối tượng này là chính.

– Post: Quản lý các bài post. Gồm các mục con

+ Edit: Sửa bài.

+ Add new: Viết bài mới

+ Post Tag: Các tag bài viết sẽ xuất hiện trên trang của chúng ta. (Cái này hình như SEO rất Good, và cũng tiện cho người xem tìm kiếm nội dung các bài viết)

+ Categories: Quản lý thư mục (Tạo, xóa…). Thư mục là các chủ đề trên trang web như là: tin tức, download, truyện tranh…

– Media: Chủ yếu đề upload các media. (Chúng ta sẽ ít làm việc với phần này)

+ Library: Thư viện các media chúng ta đã upload

+ Add new: Thêm mới 1 media.

– Link: Tạo liên kết với trang web nào đó.

+ Add new: Thêm mới

+ Edit: Sửa

+ Link Categories: Tạo thư mục link sẽ để hiển thị, VD: Bookmarks, Liên kết… chứ ko phải Blog Roll như mặc định

– Page: Quản lý các trang được tạo. Đây là các trang tĩnh và luôn KHÔNG thay đổi vị trí xuất hiện trên site chúng ta. Page có cấu trúc phân tầng, VD:

Phim___Tâm Lý _____ Hàn Quốc

| |_____Trung Quốc

|___Chưởng ____Thành long

|____ Lý Liên Kiệt

|_____ Châu Tinh Trì

Page cũng rất thuận tiện khi chúng ta làm các trang tĩnh hỗ trợ Category. Tôi lấy Page làm trang link tới từng bài của Category gần giống như Site Map vậy

Làm việc với Page gần giống với Category, các bạn tự tìm hiểu nhé!

– Comment: Quản lý Comment

– Apperance: Quản lý giao diện

+ Themes: Quản lý theme: Các theme được upload sẽ xuất hiện ở đây, thích theme nào bạn Active (kích hoạt theme đó) hoặc có thể xem trước/ xóa theme

+ Widget: Gồm những phần nhỏ, thường xuất hiện trên rất nhiều trang web như: Hộp tìm kiếm, Văn bản, Liên kết, Tag… thích cái gì, bạn cứ kéo thả chuột sang phần slide bar là được. . Cái này rất quan trọng đấy. Hãy tận dụng tối ưu công cụ Text vì mình thấy ít ai để ý đến nó

+ Editor: Chỉnh sửa theme, chỉnh sửa các file của theme trực tiếp trên đây. Một số người kêu ko chỉnh được, các bạn thử CHMOD lại thành 777 xem.

+ Add new theme: Thêm 1 theme: Cái này ko cần thiết, vì các bạn có thể làm ở mục theme rồi không cần biết cái này cũng chẳng sao.

– Plug-in: Tương tự như theme. Bạn chỉ cần chú ý mục installed. Phần add new mình chẳng vào bao giờ vì cái gì mục add new làm được thì mục installed đều làm được.

– User: Quản lý các thành viên:

+ Author & User: Xem các thành viên.

+ Add new: thêm 1 thành viên.

+ Your Profile: Sửa profile của bạn.

– Tool: CÁc công cụ như Import/Export xuất hiện ở đây, đến các bài sau các bạn mới thấy công dụng của cái này. Các bạn chưa cần sử dụng đến nó (Từ lúc mới sử dụng đến giờ, tôi ko xài cái này vì tôi làm trên phpmyadmin hết. Ngay cả phần upgrade, tôi cũng làm bằng tay.

– Setting: Phần này là quan trọng nhất, vì các bạn thường thắc mắc chủ yếu trong phần này, Đến đây, các bạn nhớ đọc kỹ phần này nhé:

+ General:

> Blog Title: Tiêu đề Blog của bạn

> Tag line: Giống như Slogan của bạn vậy, mặc định là Just another WordPress weblog

> WordPress address và blog address bạn giữ nguyên địa chỉ.

> Email Address: Email của bạn.

> Membership: Nếu bạn cho phép mọi người đều có thể đăng ký thành viên thì tick vào ô này.

> New user defaul role: Thành viên đăng ký mặc nhiên trở thành. (Cấm chọn Administrator hoặc Editor vì người lạ vào có thể phá hoại blog của bạn).

+ Subscriber: Chỉ được xem, ko có quyền gì cả.

+ Administrator: Toàn quyền

+ Editor: có quyền hành trên rất nhiều phương diện, giống như SMOD vậy, họ có thể sửa, xóa bài của người khác… thoái mái..

+ Author: Được phép viết và sửa bài của mình.

+ Contributor: Mình chưa thử, chắc là cộng tác viên.

> Timezone, date format, time format, week start on bạn tự chỉnh theo ý thích.

+ Writing:

> Size of the post box: Kích thước của ô post mà chúng ta post bài. MẶc định là 10 dòng, bạn có thể tăng hoặc giảm.

> Formatting: Có 2 chế độ: Dòng trên là: Cho phép sửa các ký tự VD: : ) thành mặt cười , dòng dưới là giữ nguyên, ko thay đổi. Tùy theo ngụ ý các bạn nên chọn cho thích hợp. Nếu trang của các bạn viết nhiều về code thì ko nên sử dụng cái này. (Mình khuyên thôi)

> Default post category: Thư mục mặc định để các bài post chưa được các bạn chọn thư mục đặt vào.

> Default link category: nếu chưa category cho link, mặc định các link sẽ ở trong thư mục blogroll

> Post via email: Post bằng email, tât cả các bài trong mail của bạn sẽ được gửi. Bạn phải có địa chỉ pop3.

> Update Service: Bác nào biết giải thích giúp mình với , nhưng chắc chúng ta ko dùng đến mấy đâu

+ Reading: Tự tìm hiểu, ko có gì cả.

+ Discussion: Phần này là nhiều lựa chọn nhất nè:

> Default Article setting: Quản lý các bài viết với các blog khác (Chức năng nâng cao) có 3 lựa chọn.

‘” Attemp notify ….: Nên chọn: Cố gắng thông báo cho bất kỳ blog nào được liên kết đến từ các bài vết:

”’ Allow link notifications from other blogs (pingbacks and trackbacks.): Tức là cho phép trackback/ping back: Nếu chưa hiểu thì bài sau tôi sẽ giải thích, track back/ping back là gì.

> Comment Setting:

Comment author must fill out name and e-mail: Người viết comment phải điền đầy đủ thông tin. Nên chọn

Users must be registered and logged in to comment: Phải dăng ký thành viên để comment. Ko nên chọn

Automatically close comments on articles older than: Tự động đóng comment sau số ngày nào đó.

Break comments into pages with comments per page and the lastfirst page displayed by default: Bạn tự dịch nhé.

> E-mail me whenever

Anyone posts a comment: Nên chọn cái này để ai cũng có thể comment.

A comment is held for moderation: Comment được gửi đến Admin (Ko biết có phải ko, nên chọn cái này)

>Before a comment appears:

An administrator must always approve the comment: Ko nên tick vào đây vì phải đợi đồng ý của admin, comment mới được hiển thị

Comment author must have a previously approved comment: Ko nên tích vào đây vì lý do như trên

> Comment Moderation: Quản lý comment, các từ khóa bây, IP cấm chúng ta có thể cấm ở đây. Ban IP cũng ở đây. Rất hữu ích cho Việt Nam (Bạn biết lý do rồi đấy) Không phải mình nói xấu nhưng 1 số bạn trẻ hiện nay vô ý thức lắm.

+ Media: Chỉnh sửa kích thước media được post lên

+ Privacy: Nếu muốn công khai blog, chọn dòng dưới, nếu muốn cho mọi người biết, chọn dòng trên.

+Permalink: Chọn kiểu link, nên chọn liên kết thân thiện:

vd: http://yoursite.com/link-bai-viet-hay

ko nên: http://yoursite.com/?p=112

Còn lại, các bạn tự tìm hiểu nhé

Lưu ý: Khi các bạn cài đặt thêm plug in thì còn nhiều lựa chon hơn nữa.

New in WordPress 2.9: Posthumbnail Im Tages

New in WordPress 2.9: Post Thumbnail Images


Many WordPress themes, especially those with “magazine-like” layouts, use an image to represent each post. It might just be on the front page. It might be alone, or alongside an excerpt. Until now, there was no standardized way to do this. Many themes would require you to tediously enter a Custom Field with the value being the URL you wanted to use. Often you had to do cropping yourself. With WordPress 2.9, theme authors can easily enable Post Thumbnail selection UI and call those image using simple template tags.

First, in the theme’s functions.php, declare that your theme supports this feature. This will enable the UI in the WP Admin.

1 add_theme_support( 'post-thumbnails' );

That will enable Post Thumbnail UI for both Post and Page content types. If you’d only like to add it to one, you can do it like this:

1 add_theme_support( 'post-thumbnails', array( 'post' ) ); // Add it for posts
2 add_theme_support( 'post-thumbnails', array( 'page' ) ); // Add it for pages

Simply remove the one you don’t want to support.

Next, you should specify the dimensions of your post thumbnails. You have two options here: box-resizing and hard-cropping. Box resizing shrinks an image proportionally (that is, without distorting it), until it fits inside the “box” you’ve specified with your width and height parameters. For example, a 100×50 image in a 50×50 box would be resized to 50×25. The benefit here is that the entire image shows. The downside is that the image produced isn’t always the same size. Sometimes it will be width-limited, and sometimes it will be height-limited. If you’d like to limit images to a certain width, but don’t care how tall they are, you can specify your width and then specify a height of 9999 or something ridiculously large that will never be hit.

1 set_post_thumbnail_size( 50, 50 ); // 50 pixels wide by 50 pixels tall, box resize mode

Your second option is hard-cropping. In this mode, the image is cropped to match the target aspect ratio, and is then shrunk to fit in the specified dimensions exactly. The benefit is that you get what you ask for. If you ask for a 50×50 thumbnail, you get a 50×50 thumbnail. The downside is that your image will be cropped (either from the sides, or from the top and bottom) to fit the target aspect ratio, and that part of the image won’t show up in the thumbnail.

1 set_post_thumbnail_size( 50, 50, true ); // 50 pixels wide by 50 pixels tall, hard crop mode

Now, you can make use of the template functions to display these images in the theme. These functions should be used in the loop.

has_post_thumbnail() returns true/false and indicates whether the current post has a manually-chosen Post Thumbnail (in the loop):

1 <?php
2 if ( has_post_thumbnail() ) {
3 // the current post has a thumbnail
4 } else {
5 // the current post lacks a thumbnail
6 }
7 ?>

the_post_thumbnail() outputs the Post Thumbnail, if it exists (in the loop):

1 <?php the_post_thumbnail(); ?>

Those are the basics. How about some advanced stuff?

What if you want to use a small 50×50 hard-cropped image for the home page, but want to use a 400 pixel-wide (unlimited height) image on the post’s permalink page? You’re in luck. You can specify additional custom sizes! Here’s the code:

functions.php

1 add_theme_support( 'post-thumbnails' );
2 set_post_thumbnail_size( 50, 50, true ); // Normal post thumbnails
3 add_image_size( 'single-post-thumbnail', 400, 9999 ); // Permalink thumbnail size

home.php or index.php, depending on your theme structure (in the loop):

1 <?php the_post_thumbnail(); ?>

single.php (in the loop):

1 <?php the_post_thumbnail( 'single-post-thumbnail' ); ?>

That’s it! set_post_thumbnail_size() just calls add_image_size( 'post-thumbnail' ) — the default Post Thumbnail “handle.” But as you can see, you can add additional ones by calling add_image_size( $handle, $width, $height, {$hard_crop_switch} );, and then you use that new size by passing the handle to the_post_thumbnail( $handle );

If you want your theme to support earlier versions of WordPress, you’ll have to use function_exists() to keep from calling these new functions in those versions. I’ve omitted that code to keep these examples as simple as possible. Here would be the functions.php example with the wrapper code:

1 if ( function_exists( 'add_theme_support' ) ) { // Added in 2.9
2 add_theme_support( 'post-thumbnails' );
3 set_post_thumbnail_size( 50, 50, true ); // Normal post thumbnails
4 add_image_size( 'single-post-thumbnail', 400, 9999 ); // Permalink thumbnail size
5 }

There is one caveat for this feature in WordPress 2.9 — it only works fully for new image uploads. We can’t yet resize images on the fly, although I’m strongly considering it for a future version. If you call the template functions on a post that has a Post Thumbnail that was uploaded prior to your theme having declared the new sizes, you won’t be able to do hard-cropping, and the box-resize will be done in the browser. As a temporary solution, Viper007Bond has a great plugin that will go back and create missing image sizes for you: Regenerate Thumbnails.

I’m looking forward to see what kinds of sites you can build with this feature!

10 Easy Ways to Secure your WordPress Blog

10 Easy Ways to Secure your WordPress Blog

Bảo mật cho WordPressSecuring your blog is important. With WordPress so popular these days, it’s becoming a bigger and bigger target for hackers. In this post we’ll look at ten easy ways to secure your WordPress blog.

1. WP Security Scan This very easy to use plugin will sort out some of the basic security issues with WordPress – it’ll change your database’s name and alert you to flaws in your installation’s security, amongst other features.

Download.

2. Protect your plugins Plugins are an easy way for a hacker to get access to your blog if they’ve got flaws in them. An easy way for hackers to find out which plugins you’re using is to go to /wp-content/plugins/, and they’ll find all the plugins that you’re using. The solution? Put a blank index.html file in the wp-content/plugins/ folder.

3. Update WordPress This is super-easy to do, but a surprising number of people don’t do it: update WordPress. If you’re super-security-conscious then don’t upgrade to the next big release immediately (ie 2.8), wait for the bug fixes to come in (ie wait for 2.8.1).

4. Pick a good password Common sense. Use a good password. Don’t use the same password that you use on every site, create something that is easily memorable, with a mix of UPPER and lower case and some numbers in there too. Change your password regularly too.

5. Change the admin user name By default, the WordPress user name is admin. [Lots]% of people don’t change it. Why should you change it? If a hacker has your username, he’s halfway there to getting into your site, he just has to guess your password. If the hacker has to guess your username as well, then that’s twice as much work to do. It’s super easy to migrate posts from one user to another, just create your new user and then delete the admin user. You’ll be given the option to migrate posts to another user.

6. Protect your WP-Config.php file Your WP-Config.php contains your database name, database username and database password. It’s something to protect. Just add the following code to your .htaccess file: # protect wpconfig.php order allow,deny from all Source – Nometech.com

7. Hide your WordPress version First off, go into your header.php file and remove the meta data (something like Source – ProBlogDesign

8. Limit the number of times user can enter their password (wrongly) The Login LockDown plugin will lock out users if they enter their password wrong too many times. You can choose how many times users can enter their password and also how long they’re locked out for via a neat options page. Download

9. Limit WP-Admin access by IP This isn’t something that I do personally, as I blog on a fair number of different computers, but if you’re just on the one, with a fixed IP, then this is a great hack for you: you can restrict access to the wp-admin directory with a spluginimple .htaccess hack: order deny, allow allow from a.b.c.d. #your static ip deny from all Source – Nometech 10. Login via SSL If your host has an SSL certificate then you can use this great little plugin to login via SSL. The Admin SSL plugin “secures login page, admin area, posts, pages – whatever you want – using Private or Shared SSL.”

Download

Source: catswhocode.com

Thay đổi Logo của WordPress (How to change wordpress logo with my own image?)

Thay đổi Logo của WordPress (How to change wordpress logo with my own image?)

Cách 1:

Just find the logo in wordpress/wp-admin/images and replace it with your own logo. If you want to do it the easy way, delete the logo that’s there called login-logo.gif and then name your logo the same thing and upload it. It would be best if your logo was about the same dimensions as the default 310px x 70px, otherwise you may need to adjust some styling.

Cách 2:

Look for this in your Template of wordpress and then Change it accordingly to your image  (Header.php)

<div id=”header”>
<h1><a href=”<?php bloginfo(‘siteurl’);?>/” title=”<?php bloginfo(‘name’);?>”><?php bloginfo(‘name’);?></a></h1>
<p id=”desc”><?php bloginfo(‘description’);?></p>
</div><!– end id:header –>

Then having the same Div tags replace it with an Image …
If you have any problems contact me

Cach 3:

Change the logo image in WordPress

Details of how to change the logo or top of the page image in WordPress.Let’s walk through changing the image at the top of the page. We need to find the existing image and replace it with our own image of the same name.


First find the image file of the existing logo in the theme you want to modify. From the image program, crop it to be the same size as the logo, save it as a jpg file with the same name as the original logo image.

See the themes directory? The pink_lady theme is the one I am using as an example.

The images for a logo that are used on the site are found in the directory: images. inside the theme.

The picture at the right is a list of the files in “images” directory.

blank.gif is a small blank image used as an invisible spacer.

top.gif is an edge image that forms the top edge.

top.jpg is the actual logo image in this case. Use an image viewer to find the existing logo file.

This is the pink_lady logo file:

You would need to create a new image for your new look. You can just give it the same name “top.jpg” and upload that to the /themes/pink_lady/images/ directory and replace the existing image. Your site will now have a new logo.

With kind permission from Suzann Kale, webmaster and blogger for

The Goddess Files” , this is a modified copy of her new logo.

Suu tap

VN-NEWS Theme 1.1 & 1.2 – WordPress themes (2.5 only)

VN-NEWS Theme 1.1 & 1.2 – WordPress themes (2.5 only)

16 June 2008 Có 4,186 lượt đọc 38 phản hồi

ads.png
Đặc điểm:

  • Hỗ trợ hình thumbnail cho mỗi bài viết thông qua Custom Field. (chức năng này được nhiều theme Premium sử dụng)
  • Sử dụng script PHP để resize image nên hình thumbnail không bị “méo”. (bạn xem demo sẽ rõ)
  • Tích hợp sẵn các plugins phổ biến như: PostView, PostNavi, Simple Tags,… (những plugin này được xem như không thể thiếu)
  • Sử dụng Tab cho các Widgets.
  • Hỗ trợ Gravatar cho Comment. (các bạn có thể viết comment để test)
  • Hỗ trợ Related Posts có thumbnail.
  • Trang Home sẽ hiện những bài viết mới nhất của từng Category với hiệu ứng slideX (bạn có thể chọn hiệu ứng khác).
  • Nếu Category nào có từ 2 bài viết trở lên thì bài mới nhất sẽ được đặt trong khung to hơn để thu hút sự chú ý của người xem.

Hướng dẫn cài đặt:

  • Trong thư mục VN-NEWS có thư mục plugins, bạn copy hết mấy plugin đó bỏ sang thư mục Plugins của WordPress, sau đó activate chúng. Nếu trùng cứ chép đè hết, tại những plugin đó đều mới nhất và được hack sẵn.
  • Activate theme VN-NEWS
  • Vào VN-NEWS Options và thiết lập tùy chọn

Hướng dẫn chèn hình thumbnail:

  • Bạn nên sử dụng plugin Flexible Upload để upload hình, vì plugin này rất hay, có cả chức năng Watermark, dễ dàng sử dụng Lightbox, Greybox, ThickBox,…
  • Sau khi activate plugin Flexible Upload, bạn vào Settings -> Flexible Upload , ở mục Default maximum for resizing Default maximum for thumbnail , chọn 0 (px). Do đã sẵn script resize hình nên không cần 2 chức năng này.
  • Những chức năng còn lại như Watermark, Link plugin or target,… thì bạn tự tìm hiểu lấy..
  • Trong phần Write Post/Page, mình đã tích hợp sẵn 1 textbox để bạn add URL của hình. Sau khi upload hình xong, bạn copy đường dẫn bắt đầu từ wp-content/…(VD: wp-content/uploads/2008/06/screenshot.png)
  • Vậy là xong, bạn không cần phải lo lắng về kích thước của file hình nữa, vì đã có script làm chuyện đó.

Theme được phát triển bởi tác giả tom_riddle

Demo: http://themes.mine.nu/

Download [download=37]

Phiên bản 1.2 (1.2 Version)

Giới thiệu:

VN-News là theme cho WordPress được cung cấp miễn phí mà tôi cho là có thể sánh ngang với nhiều theme Premium khác. Được thiết kế theo phong cách Magazine thích hợp cho những site về tin tức, thủ thuật, chia sẻ,… cùng với nhiều tính năng & tùy chọn khác, hy vọng VN-News sẽ làm hài lòng các bạn.

Các tính năng:

  • Widget-Ready, SEO-Friendly code
  • Featured Article với slide bằng Javascript
  • Hiển thị thumbnail cho bài viết thông qua Custom Field
  • Sử dụng script PHP tự động cắt và resize hình thumbail
  • Support Gravatar cho Comment
  • Support Banner quảng cáo (300×250 – 468×60 – 160×600)
  • Support FeedBurner và Google Analytics
  • Support Related Posts (Bài viết liên quan) kèm thumbnail
  • Comment và Trackback/Pingback cho mỗi bài viết được tách thành 2 Tab
  • Widget Recent Comments tích hợp Gravatar
  • Tích hợp sẵn plugin Page Navi
  • Hiện thông tin Tác giả cho mỗi bài viết
  • Valid XHTML & CSS

Download:

[download id=”54″] [download id=”53″]

[download id=”58″]

Hướng dẫn sử dụng:

Yêu cầu:

  • WordPress 2.5 trở lên
  • Host phải hỗ trợ thư viện GD (đa số các host hiện nay đều có cài sẵn)
  • Thư mục cache trong /VN-News/scripts/ phải writable (777)

Cài đặt:

  1. Download 2 file VN-News.rarplugins.rar
  2. Giải nén và upload tất cả các file & folder trong thư mục plugins vào /wp-content/plugins/ (chép đè nếu trùng)
  3. Giải nén và upload toàn bộ thư mục VN-News vào /wp-content/themes/
  4. Đăng nhập vào Site Admin
  5. Chọn tab Plugins -> activate tất cả plugins mà bạn đã upload
  6. Chọn tab Design -> Themes -> chọn theme VN-News

Thiết lập tùy chọn:

Khi đã activate theme xong, bạn chưa thể chạy blog ngay được. Bạn phải vào Design -> VN-News Options để thiết lập thông số cho theme.

  • Show Featured Post? Chọn nếu bạn muốn hiển thị những bài viết được coi là Featured.
  • Featured Category – Chọn chủ đề chứa Featured Post
  • Featured Posts – Chọn số bài viết cho Featured Post
  • Headline Categories – Chọn những chủ đề sẽ hiển thị trên trang chủ (giữ phím Ctrl để chọn nhiều)
  • Summary Posts – Chọn số bài viết cũ hơn bên dưới bài mới nhất trong mỗi Headline Categories
  • FeedBurner URL – Nhập địa chỉ mà FeedBurner cấp cho bạn để chuyển hướng cho RSS mặc định
  • Feedburner Comments URL – Tương tự như trên nhưng cho RSS của comment
  • FeedBurner ID – Nhập ID mà FeedBurner cấp cho bạn để sử dụng chức năng Subscribe Via Email
  • Google Analytics ID – Nhập ID của Google Analytics để theo dõi web

Chèn thumbnail cho bài viết:

Mỗi bài viết đều có thể chèn hình thumbnail để minh họa với kích thước 100×100 pixels (nếu là Featured Post thì 220×220 pixels). Nhưng bạn sẽ không cần phải cắt nhỏ hay phóng to hình nữa, bởi VN-News sử dụng script PHP tự động resize hình giúp bạn. Điều bạn cần làm là:

  1. Upload hình bạn muốn làm thumbnail bằng trình upload của WordPress (bấm nút Add an Image trong phần Write -> Post)
  2. Sau đó copy đường dẫn đến file hình bắt đầu từ “wp-content/” và paste vào ô VN-News Theme Custom Box

VD: nếu đường dẫn là http://www.abc.com/wp-content/uploads/2008/06/image.jpg thì bạn copy wp-content/uploads/2008/06/image.jpg

Chèn Banner quảng cáo:

VN-News 1.2 hỗ trợ 3 loại banner phổ biến: 300×250 – 468×60 – 160×600 pixels, để sử dụng các banner này bạn làm như sau:

  1. Upload file hình của các banner vào thư mục /VN-News/ads/
  2. Mở các file php tương ứng, sửa link và tên các file hình lại là xong

Lời khuyên:

Mặc định nếu upload hình bằng trình upload có sẵn của WordPress thì WordPress sẽ tự động tạo thêm 2 file hình khác với kích thước nhỏ hơn (xem trong Settings -> Miscellaneous).

Theo tôi chúng không thực sự cần thiết bởi vì đã có script làm chuyện này. Tốt nhất bạn nên sử dụng plugin Flexible Upload, plugin này rất hay, có cả chức năng Watermark, dễ dàng sử dụng các scripts zoom hình như Lightbox, Greybox, ThickBox,… và nó còn cho phép ta không tạo 2 file trên.

Sau khi activate plugin Flexible Upload, bạn vào Settings -> Flexible Upload , ở mục Default maximum for resizing Default maximum for thumbnail , chọn 0 (px)

FAQ:

  1. Làm thế nào để blog của tôi có URL giống như blog này ?
    Trước hết host của bạn phải hỗ trợ mod_rewrite (đa số đều có), sau đó bạn vào Settings -> Permalinks -> nhập “/%category%/%postname%/” vào ô Custom Structure -> Save Changes.Nếu muốn hiện thị URL dạng “cong-bo-ten-ba-ke-tinh-nghi-sat-hai-nha-bao-nga” thì bạn phải cài thêm plugin tên là Nicer permalinks for Vietnamese của Quang Anh Do. Download