WordPress SEF URL – Loại bỏ kí tự tiếng việt trong url

Một vấn đề mà khi lám SEO cho blog wordpress chúng ta rất đau đầu đó là phần url của blog wordpess luồn tồn lại những kí từ tiếng việt, dạng như thế này:

http://www.onemax.tv/2009/05/b%e1%ba%a3n-ki%e1%bb%83m-di%e1%bb%83m/

lý do là vì cấu hình của wordpress không có chức năng tự chuyển đổi các từ tiếng việt về kí tự latinh dạng như Â = a.

Friendly URL được giải quyết rất gọn gàng trong joomla và drupal, những wordpress thì không, đây có lẻ là 1 điểm yếu của wordpress.

Vấn đề này nếu không được giải quyết ngay từ đầu thì chắc chắn bạn sẻ tốn rất nhiều thời gian về sau, hoặc là phải trọn luôn giải pháp cho hiển thị url kiêu như vậy và bỏ qua phần tối ưu hóa url cho SEO này.

Qua quá trình tìm hiểu và được sự giúp đỡ của bác vunamhung bên hutek.info thì đã có 1 plugin của bác onetruebrace viết, nhằm hỗ trợ chức năng loại bỏ các kí tự tiếng việt này.

Plugin tên là Nicer permalinks for Vietnamese

Việc cài đặt tương đối đơn giản, chỉ cần upload file np4v.php lên thư mục /wp-content/plugins/ sau đó kích hoạt plugin này trong admin cpanel.

Lưu ý plugin này chi hoạt động đối với những bài viết được viết sau khi đã cài đặt plugin, những bài viết cũ sẻ được liệt vào 404 , các bạn nên lưu ý cài đặt plugin này đầu tiên nhé.

Cảm ơn bác quanganhdo đã viết ra plugin này.

Minh Đại – SEO Việt Nam

Chuyển tiêu đề sang hình ảnh trong wordpress – Free WP Plugin

Plugin này ra đời với mục đích giúp người sử dụng có nhiều sự lựa chọn font chữ hiển thị cho tiêu đề bài viết. Plugin với trang cấu hình đơn giản cho việc chọn font chữ, chọn font size, chọn màu chữ, màu nền mặc định cho file ảnh xuất ra. Đây cũng là một ví dụ đơn giản về viết plugin trong wp

title image example Chuyển tiêu đề sang hình ảnh trong wordpress – Free WP Plugin

Cách sử dụng:

  • Trong trang admin, chọn Themes/Giao diện chọn Title Image và thiết lập cấu hình mặc định cho file ảnh xuất ra.
  • Nếu muốn xuất ra hình ảnh chỗ nào thì ta đặt function sau ở chỗ phù hợp:
if (function_exists('title_image'))
title_image('Plugin chuyển tiêu đề bài viết sang ảnh');
else
echo "Plugin chuyển tiêu đề bài viết sang ảnh";
  • Nếu muốn plugin trả về địa chỉ hình ảnh ta gọi function với tham số như sau:
    $src = title_image('Plugin chuyển tiêu đề bài viết sang ảnh', false);
  • Cài đặt thêm font mới bằng cách upload file font vào thư mục plugins/title-image/fonts (sẽ hỗ trợ chức năng upload sau  Chuyển tiêu đề sang hình ảnh trong wordpress – Free WP Plugin ) .

Giải thích tham số:

title_image($title, $echo = true, $size = 0, $textcolor = '',
$bgcolor = '', $font_name = '')

$title (string): chuỗi cần xuất ra file ảnh.

$echo (true/false): có xuất ra tag img hay không? true: xuất ra tag img, false: trả về địa chỉ file ảnh.

$size (int): kích thước font chữ.

$textcolor (string): mã màu cho chữ vd: ’000000′.

$bgcolor (string): mã màu nền cho file hình ảnh vd: ‘ffffff’.

$font_name (string): tên đầy đủ font chữ vd: verdana.ttf

Chú ý:

  • Plugin sẽ lưu cache các file hình ảnh tại thư mục plugins/title-image/temp nhằm giúp tải trang nhanh hơn.
  • Nên cấp quyền cho thư mục temp với mã cmod: 755

Thủ thuật WordPress: Làm Đẹp comment WordPress

Comment WordPress đóng một vai trò quan trọng trong việc xây dựng website.Vì thông qua cổng comment thì độc giả có thể chia sẽ suy nghĩ , bình luận và góp ý cho Webmaster điều chỉnh trong bài viết của mình.Chính vì thế mà Harry cũng rất muốn sau mỗi bài viết các bạn để lại comment bình luận cho các bài viết Harry đã biên tập.Đó cũng chính là nguồn động viên lớn nhất và góp phần xây dựng Blog Học Wordpress ngày càng tốt hơn.Có nhiều cách để độc giả comment  bài viết của mình.Phần lớn thì nội dung phải hay khiến độc giả có những suy nghĩ về bài viết.Nhưng một phần không quan trọng đó là Form Comment phải hấp dẫn đẹp.Harry sẽ style lại form comment của học Wordpresstheo bài viết này,

Bạn copy đoạn code sau vào file style.css trong thư mục themes nhé.

#respond { }
#reply-title { }
#cancel-comment-reply-link { }
#commentform { }
#author { }
#email { }
#url { }
#comment
#submit
.comment-notes { }
.required { }
.comment-form-author { }
.comment-form-email { }
.comment-form-url { }
.comment-form-comment { }
.form-allowed-tags { }
.form-submit

Tuỳ chỉnh CSS, bạn hoàn toàn có thể thay đổi giao diện của form comment wordpress. Bây giờ ta tuỳ chỉnh lại khi click vào từng text-field thì nó sẽ sáng lên giống hình.

24 Thủ thuật WordPress: Làm Đẹp comment WordPress

Copy đoạn css sau :

#respond {
background: #ececec;
padding:0 5px 0 5px;
}

/* Highlight active form field */

#respond input[type=text], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid #DDDDDD;
}

#respond input[type=text]:focus, textarea:focus {
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
margin: 5px 1px 3px 0px;
border: 1px solid rgba(81, 203, 238, 1);
}

Bây giờ ta tuỳ chỉnh font chữ cho hai ô tên và url

#author {
font-family: Lobster, “Lobster 1.4″, “Droid Sans”, Arial;
font-size: 16px;
color:#1d1d1d;
letter-spacing:.1em;
}

#url {
color: #21759b;
font-family: “Luicida Console”, “Courier New”, “Courier”, monospace;
}

32 Thủ thuật WordPress: Làm Đẹp comment WordPress

Làm đẹp nút gửi bình luận:

#submit {
font-family: Arial;
color: #ffffff;
font-size: 20px;
padding: 10px;
text-decoration: none;
box-shadow: 0px 1px 3px #666666;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
text-shadow: 1px 1px 3px #666666;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#006ad4), to(#003366));
background: -moz-linear-gradient(top, #006ad4, #003366);
}

#submit:hover {
background: -webkit-gradient(linear, 0 0, 0 100%, from(#003366), to(#006ad4));
background: -moz-linear-gradient(top, #003366, #006ad4)
}

 

Thủ thuật WordPress: Cách sửa lỗi 404 cho bài viết

WordPress là một CMS mạnh mẽ.Những nếu bạn không làm chủ được nó thì đôi khi một lỗi nhỏ lại làm cho bạn phiền phức.Nhiều lúc bạn post bài xong nhưng nhấn view post thì website bạn xuất hiện thông báo : Không tìm thấy website bạn yêu cầu lỗi 404 .Trong bài viết này Harry sẽ chỉ cho các bạn khắc phục lỗi 404 cho bài viết.

Trong trường hợp này bạn đừng quá lo lắng bài viết của bạn vẫn còn lưu trữ chỉ vì file .htacess có chỗ nào đó chưa phù hợp mà thôi.Hãy truy cập vào wp-admin thiết lập permalinks của bạn bằng cách  :

Đi đến Menu Setting » Permalinks chọn cấu trúc link phù hợp.Bạn thử chọn default rồi save lại.Hoặc chọn như hình sau cũng được

111 Thủ thuật WordPress: Cách sửa lỗi 404 cho bài viết

cách sửa lỗi 404 cho bài viết wordpress

Nếu tập tin .htacess vẫn không lưu được thì bạn phải thiết lập quyền ghi dữ liệu cho file .htacess bằng cách mở Filezilla lên đăng nhập tài khoản ftp rồi thiết lập 777 cho file .htacess.hoặc bạn có thể sửa file .htacess bằng đoạn code sau

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

Cách sửa lỗi 404 cho bài viết ở Localhost.

Bạn chắc chắn kích hoạt Rewrite_Module trong cấu hình Apache củaWAMP hoặc XXAMP.Bạn có thể xem hướng dẫn kích hoạt modul rewite ở bài viết này.

Ngoài ra cách nhanh nhất bạn đổi tên file .htacess thành file .htacesss1

Hy vọng với bài viết này Harry giúp bạn giải quyết sửa lỗi 404 cho bài viết wordpress.Nếu có thắc mắc gì đừng quên comment tại bài viết dưới nhé.Thanks các bạn!

Sử dụng google analytics thống kê website

Bên cạnh công cụ quản lý website  google webmaster tools thì trong chuyên mục phát triển web hôm nay mình muốn giới thiệu đến bạn một công cụ thống kê web rất tuyệt vời đó là google analytics, ở đây bạn sẽ trãi nghiệm được tính năng thông kê chuyên nghiệp.

Google analytics là gì?

Google Analytics là một công cụ, dịch vụ giúp bạn theo dõi website của mình một cách đầy đủ nhất. Thông qua google analytics bạn có thể xem số người truy cập mỗi ngày, số trang họ đã xem, số người quay lại xem trang web, hệ điều hành, trình duyệt, nhà mạng … mà người dùng sử dụng vào web của bạn và rất nhiều thông tin khác … Các thông tin đều được thể hiện một cách rõ ràng dưới dạng biểu đồ hoặc bảng biểu, các bạn có thể trích xuất nó ra thành tập tin xml, txt để xem offline trên máy tính và thực hiện báo cáo cho các dự án website lớn.

Bạn cần thực hiện các bước như sau để sử dụng được thông kê của google analytics:

  • Bước 1. Bạn phải upload site lên host.
  • Bước 2. Bạn phải có tài khoản ở gmail.
  • Bước 3. Nhúng code của google analytics và site
  • Bước 4. Chờ khoản 24h thì thấy kết quả.
Đăng ký sử dụng google analytics

Đầu tiện như đã nói bạn phải có website và website của bạn đang hoạt động bình thường. Đăng ký một tài khoản Gmail,sau đó truy cập vào địa chỉ: https://www.google.com/analytics → Sign in google analytics, nếu chưa có tài khoản bạn cũng có thể đăng ký miễn phí ở đây.

dang nhap vao google analytics Sử dụng google analytics thống kê website

Đăng nhập vào google analytics

Sau đó click Quản trị → Tài khoản mới.

Them site moi vao google analytics Sử dụng google analytics thống kê website

Thêm site mới vào google analytics

Tiếp đến cũng là phần khá quan trọng, bạn cài đặt, tùy chọn cho site của mình, đơn tên miền hay đa tên miền, có thực hiện chính sách quảng cáo hay không… sau đó lưu lại. Bạn nhìn thấy có phần get code, copy lại và dán vào thẻ head của website.

wordpress thì bạn dán vào trong file head.php còn ở joomla thì bạn vào index.php…

Copy code vao the head cua trang web cua ban Sử dụng google analytics thống kê website

Copy code vào thẻ head của trang web bạn

OK vậy là Save lại thôi, mọi thứ đã xong bạn cứ chờ google analytics update cho bạn là được.

Xem thống kê với google analytics

Như đã nói ở trên, google analytics thông kê cho bạn được rất nhiều thứ:

1.Về Khách truy cập:

  • Số lần truy cập
  • Số lượng Khách truy cập
  • Số lần truy cập trang
  • Số Trang/Lượt truy cập
  • Thời lượng truy cập tr.bình
  • Tỷ lệ Số trang không truy cập
  • % Lượt truy cập Mới
  • Quốc gia/Lãnh thổ
  • Thành phố
  • Trình duyệt
  • Hệ Điều hành
  • Nhà cung cung cấp dịch vụ
  • Di động

Tong quan khach truy cap trong google analytics Sử dụng google analytics thống kê website

Tổng quan về khách truy cập trong google analytics

2.Nguồn lưu lượng truy cập

  • Lưu lượng Tìm kiếm
  • Lưu lượng truy cập giới thiệu
  • Lưu lượng truy cập trực tiếp
  • Từ khóa

Tong quan ve nguon luu luong truy cap google analytics Sử dụng google analytics thống kê website

Tổng quan về nguồn lưu lượng truy cập google analytics

3.Về nội dung

  • Số lần truy cập trang
  • Số lượng truy cập trang
  • Thời gian Trung bình trên Trang web
  • Tỷ lệ Số trang không truy cập
  • % Thoát
  • Nội dung trang web
  • Tìm kiếm trang web
  • Sự kiện
  • Trang và Số lần truy cập trang, % Số lần truy cập trang.

Tong quan ve noi dung trong google analytics Sử dụng google analytics thống kê website

Tổng quan về nội dung trong google analytics

Đó là các phần thống kê cơ bản và tổng quan toàn bộ quá trình và từ khi website sinh ra đến thời điểm hiện tại nếu bạn muốn thống kế của bất kì ngày nào thì google analytics cũng có thể làm được chuyện đó, bạn vào danh mục ngày thánh vào chọn vào ngày nào bạn muốn hiện kế quả thống kê và áp dụng.

xem thong ke theo ngay trong google analytics Sử dụng google analytics thống kê website

Xem thống kê theo ngày trong google analytics

Kết luận: Xong phần giới thiệu icon smile Sử dụng google analytics thống kê website đó là các phần cơ bản ngoài ra trong google analytics còn rất nhiều thứ khác nữa. Bạn là một người mới hay thiết kế web đã chuyên nghiệp rồi cũng nên sử dụng tool này. Các bạn mò thêm nha! Chúc mọi người thành công! hehe…

Theo BCD

WordPress – Cắt ngắn post nhiều nội dung

Tuy WordPress là một dạng Blog Platform nhưng nó cũng thường được sử dụng như là một CMS. Do vậy đôi khi có những bài post quá dài và bạn muốn phân nó ra làm nhiều trang nhỏ hơn đễ người đọc tiện theo dõi hơn và cũng dễ đọc hơn.

 

Đây là một tính năng hay nhưng lại ít được biết đến của WordPress, có thể bởi vì ít có post nào dài đến mức mà phải cần phân trang. Nhưng như bạn thấy trên izwebz, loạt bài về jQuery có những post rất dài và làm chậm tốc độ load của trang. Trong bài này chúng ta sẽ học cách phân trang này ra để tạo ra các trang ngắn hơn. Bạn có thể xem ví dụ trước để hiểu chúng ta cần làm cái gì, bạn kéo xuống dưới cùng của post để thấy đoạn phân trang.

Để làm được việc này chính xác hơn, bạn cần chuyển sang chế độ soạn thảo mã HTML thay vì Visual. Sau đó bạn chép đoạn mã sau vào nơi bạn cần phân trang.

1. <!–nextpage–>

Trước khi bạn có thể xem được kết quả, bạn cần phải chỉnh sửa lại mã nguồn của nó một chút. Bạn hãy mở file single.php và thêm đoạn mã dưới đây vào trong vòng lặp Loop của WordPress.

1. <?php wp_link_pages(); ?>

Nếu bạn chỉ dùng hàm wp_link_pages() mà không có tham số thì nó sẽ cho ra dạng trang mặc định kiểu như: Pages: 1 2 3. Hoặc bạn cũng có thể thêm các tham số vào để tùy biến cho nó. Những tham số của nó như sau:

Trước khi bạn có thể xem được kết quả, bạn cần phải chỉnh sửa lại mã nguồn của nó một chút. Bạn hãy mở file single.php và thêm đoạn mã dưới đây vào trong vòng lặp Loop của WordPress.

<?php $args = array(

‘before’           => ’<p>’ . __(‘Pages:’),

‘after’            => ’</p>’,

‘link_before’      => ,

‘link_after’       => ,

‘next_or_number’   => ’number’,

‘nextpagelink’     => __(‘Next page’),

‘previouspagelink’ => __(‘Previous page’),

‘pagelink’         => ’%’,

‘more_file’        => ,

‘echo’             => 1 ); ?>

before: (chuỗi) Chữ bạn muốn hiển thị trước các số trang. Mặc định là <p>Pages:
after: Chữ sẽ xuất hiện sau các số trang. Mặc định là </p>.
link_before và link_after: (chuỗi) Các ký tự xuất hiện trước hoặc sau số trang. Có thể bạn muốn các số trang phân cách nhau bằng dấu , hoặc | chẳng hạn.
next_or_number: (chuỗi) Bạn có hai lựa chọn là hiển thị số hoặc hiển thị chữ Next. Giá trị mặc định là number và next.

Hiển thị số trang với thẻ p bao quanh

Ví dụ

Hiển thị số trang với thẻ p bao quanh

<?php wp_link_pages('before=<p><strong>Trang:</strong>&after=</p>&next_or_number=number&pagelink= %'); ?>

Hiển thị dưới dạng Next và Previous

<?php wp_link_pages('next_or_number=next');?>