Tại sao nên thiết kế web bằng WordPress

Trên thế giới việc thiết kế web bằng WordPress không còn là điều quá mới mẻ hay xa lạ. Kể cả ở Việt Nam đây cũng là nền tảng phổ biến. Tuy nhiên vẫn có những ý kiến khá trái chiều và kỳ lạ về điều này. Đặc biệt các chủ doanh nghiệp khi cần một thiết kế web quy mô.

Ngày nay, hầu hết các chủ doanh nghiệp mới rơi vào một trong hai loại. Thứ nhất họ cần thiết kế một trang web, nhưng họ không có một tiềm lực tài chính để đầu tư website quy mô, hoặc không có thời gian để làm cho tầm nhìn của họ thành hiện thực. Thứ hai họ đã có một trang web, nhưng họ biết nó thiếu một cái gì đó quan trọng, để biến web của họ thực sự đáng được chú ý.

tai-sao-nen-thiet-ke-web-bang-wordpress-10075

Để giải quyết các vấn đề như vậy, cân đối tài chính và hiệu quả họ có thể xem xét đến việc thiết kế web bằng WordPress. Và đây là một số lý do tại sao bạn nên xem xét sử dụng thiết kế web WordPress cho nỗ lực tìm kiếm khách hàng trực tuyến của bạn.

01: Sử dụng vô cùng dễ dàng

Ở khía cạnh chi phí, WordPress là dễ dàng và rẻ nhất để bạn tạo ra 1 website trực tuyến. Bạn không cần hiểu biết cụ thể về các mã, vẫn có thể xây dựng riêng cho mình một website. Xin lưu ý, là đừng quá tham lam giữa việc bỏ ra chi phí về tiền bạc và chi phí thời gian.

Để có một website với nhiều chức năng và hiển thị đẹp tất nhiên bạn cần nhiều thời gian xây dựng, bạn tự bỏ thời gian tìm hiểu, bạn sẽ không tốn tiền. Và ngược lại.

Bạn cần một tên miền cho doanh nghiệp đây là chi phí cố định bất kỳ với nền tảng nào khoảng 10 $/ năm.

[postex]7332[/postex]

Bạn cần thêm một hosting nơi lưu trữ trực tuyến của bạn nữa khoảng 10$/tháng hầu hết các nhà cung cấp hosting trên thế giới đều cung cấp cho bạn tùy chọn cài đặt WordPress miễn phí. Rất dễ dàng.

Để tìm 1 giao diện đẹp bạn có thể vào: http://wordpress.org/themes/
Để tìm 1 chức năng chưa có bạn có thể vào: http://wordpress.org/plugins/

tai-sao-nen-thiet-ke-web-bang-wordpress-100751

02: Chia sẻ rất tuyệt vời

Xuất phát điểm của WordPress là một nền tảng blog sau đó đi lên thành cms lớn mạnh và phổ biến nhất trên thế giới. Nên ngoài việc đơn giản, thì WordPress là nền tảng để bạn chia sẻ các nội dung viết của bạn là tốt nhất.

Trình soạn thảo, quản lý hình ảnh, cách đăng bài vô cùng dễ dàng, không tốn quá nhiều công sức để làm quen bạn có thể thấy qua 1 video hướng dẫn đăng bài như bên dưới.

Việc chia sẻ và sản xuất nội dung viết là điều quan trọng hơn bao giờ hết trong thế giới trực tuyến bây giờ. Bạn muốn có khách hàng bạn cần chia sẻ, và khi chia sẻ càng nhiều thì khả năng phổ biến và thành công website của bạn càng cao hơn. Như Trogiup.net là một ví dụ.

03: Rất phổ biến và cộng đồng hỗ trợ đông đảo

Bởi vì thiết kế website bằng WordPress là rất dễ dàng và nhiều tùy biến sử dụng, WordPress có một lượng fan khổng lồ. Theo các chuyên gia, họ phát hiện ra rằng hơn 24% của tất cả các web trực tuyến ngày hôm nay được thiết kế bằng WordPress.

Bạn không cần quá lo lắng về bảo mật và tính an toàn, bởi lẽ ngoài việc WordPress có rất nhiều tùy chọn khôi phục dữ liệu, nền tảng này còn liên tục cập nhật và vá lỗi ngay lập tức khi các hacker chưa kịp khai thác lỗ hổng đó, bởi vì cộng đồng chuyên gia sử dụng là rất nhiều. May mắn hơn nữa, tất cả mọi điều đó có thể thực hiện hoàn toàn tự động.

tai-sao-nen-thiet-ke-web-bang-wordpress-100752

04: Rất tốt cho thiết bị di động

Thiết kế web bằng WordPress là tốt cho thiết bị di động, một yếu tố lớn đánh giá thứ hạng website của bạn trên Google. Bởi lẽ các giao diện của WordPress là dễ dàng để thay đổi phù hợp với thiết kế website cho di động.

Với một thiết kế web bằng WordPress website của bạn có thể truy cập từ máy tính bảng, thiết bị điện thoại, máy tính để bàn, bất kỳ nới đâu mà bạn muốn.

Không thể phủ nhận sự hiện diện của các nền tảng khác để tạo ra một website trực tuyến. Tuy nhiên về yếu tố thời gian và chi phí sử dụng, WordPress luôn dẫn đầu và là sự lựa chọn tốt nhất cho doanh nghiệp của bạn ở bất kỳ quy mô nào. Với các tùy biến mạnh mẽ.

Bây giờ: Nếu cần một website bằng WordPress phục vụ cho công ty, cửa hàng với đầy đủ chức năng, không tốn quá nhiều thời gian, cũng như tối ưu thiết bị di động, tối ưu seo, bạn có thể liên hệ qua mail webvaseo@gmail.com để nhận báo giá đầy đủ nhất

Học Thiết Kế Web WordPress Code Tạo Hình Đại Diện

WordPress có đoạn code tạo ra hình đại diện mỗi khi đăng bài, và nó cắt tất cả các ảnh khi bạn đăng lên thành các kích thước khác nhau. Điều này bạn có thể tham khảo ở bài loại bỏ các thumbnail WordPress tự sinh khi đăng bài.

Đó là bước đầu tiên bạn cần cài đặt trong quy trình chúng ta học thiết kế web cùng WordPress. Ở bài này chúng ta cùng nhau xây dựng kịch bản bước từng bước tối ưu quy trình tạo thumbnail (hình đại diện cho WordPress nhé).

Tối ưu thumbnail WordPress
Tối ưu thumbnail WordPress

Kịch bản yêu cầu, là chúng ta thiết kế một web với mỗi bài đăng trung bình có 4 hình ảnh trong đó, làm sao để tối ưu toàn bộ các hình ảnh và tiết kiệm không gian lưu trữ, cũng như tốt nhất cho người sử dụng.

Thứ nhất: Loại bỏ toàn bộ các hình đại diện thừa?

Với kịch bản bên trên mỗi khi đăng 4 hình ảnh lên, theo mặc định, bạn sẽ có 1 hình gốc, 1 hình thumnail cỡ bình thường, 1 hình thumnail cỡ trung bình và một hình thumbnail cỡ lớn đồng nghĩa với 4 hình ảnh, hosting của bạn phải chứa 16 hình điều này nếu bạn làm 100 bài là có 1600 hình ảnh.

Mình dùng hostgator, host nước ngoài, mọi thứ “ăn li mít” hết mà… không phải, hosting trong nước quản lý theo dung lượng host nước ngoài họ nói là umlimited nhưng thực tế bạn chỉ chứa được tối đa 100,000 file thôi. Không tin bạn cứ tìm hiểu mà xem. Tức là tối đa bạn chỉ đăng được khoảng 5000 bài với trung bình 4 ảnh/ bài.

Việc loại bỏ các hình đại diện thừa bạn tham khảo bài viết loại bỏ các thumbnail WordPress.

Thứ hai: Người dùng không muốn phức tạp đâu.

Tức là mỗi khi đăng bài, muốn lựa chọn hình đại diện, bước 01: bạn sẽ đăng các ảnh lên nhé, bước 02: sau đó bấm vào phần chọn hình đại diện (set featured image) bước 02: nhấn chọn hình ảnh, bước 04: nhấn chọn hình đại diện, bước 05: nhấn đăng bài.

Rất lằng nhằng, bây giờ mình muốn là đăng tất cả các hình ảnh lên, sau đó nhấn đăng bài, nó sẽ tự set hình đại diện luôn. 99% người dùng chọn hình ảnh thứ nhất làm hình đại diện.

Đây là đoạn code tự động set hình đại diện khi đăng bài.

[php]
function autoset_featured() {
global $post;
$already_has_thumb = has_post_thumbnail($post->ID);
if (!$already_has_thumb) {
$attached_image = get_children( "post_parent=$post->ID&post_type=attachment&post_mime_type=image&numberposts=1" );
if ($attached_image) {
foreach ($attached_image as $attachment_id => $attachment) {
set_post_thumbnail($post->ID, $attachment_id);
}
}
}
}
add_action(‘the_post’, ‘autoset_featured’);
add_action(‘save_post’, ‘autoset_featured’);
add_action(‘draft_to_publish’, ‘autoset_featured’);
add_action(‘new_to_publish’, ‘autoset_featured’);
add_action(‘pending_to_publish’, ‘autoset_featured’);
add_action(‘future_to_publish’, ‘autoset_featured’);
[/php]

Tất nhiên bạn bỏ cái này vào dòng thứ 2 trong tệp functions.php ở theme của các bạn. Như vậy khi đăng bài người dùng chỉ cần nhấn đăng bài tự động hình đại diện sẽ được cài đặt, và tất nhiên là khi họ muốn thay đổi họ sẽ nhấn thay đổi 🙂

Thứ ba: Code tìm thumbnail tất cả trong một

Bây giờ trong 1 bài viết, nếu có hình ảnh được cài đặt làm hình ảnh đại diện (set thumbnail) thủ công, tức là nhấn set thumbnail hoặc sử dụng đoạn code bên trên sẽ lấy hình đó là hình đại diện. Với những bài không có cài hình đại diện sẽ lấy hình ảnh đầu tiên làm hình đại diện. Có những bài không có hình đại diện nào thì phải cài một hình mặc định làm hình đại diện.

Cả 3 trường hợp đó sẽ trong một đoạn code như thế này này

[php]
function trogiup_thumbnail($size = ‘full’) {
if (has_post_thumbnail()) {
$image_id = get_post_thumbnail_id();
$image_url = wp_get_attachment_image_src($image_id, $size);
$image_url = $image_url[0];
} else {
global $post, $posts;
$image_url = ”;
ob_start();
ob_end_clean();
$output = preg_match_all(‘/<img.+src=[‘"]([^’"]+)[‘"].*>/i’, $post->post_content, $matches);
$image_url = $matches [1] [0];

//Defines a default image
if(empty($image_url)){
$image_url = get_bloginfo(‘template_url’) . "/img/default.jpg";
}
}

return $image_url;
}
[/php]

Cái này bạn cũng cho vào trong tệp functions.php của theme. Bạn chú ý ở dòng thứ nhất có cái size = full bạn hãy thay bằng cỡ hình đại diện bạn đang dùng medium hoặc thumbnail. Ở dòng có chứa /img/default.jpg bạn cũng cần thay bằng đường dẫn ảnh ở website của bạn.

Tổng kết lại

Với tất cả các giải pháp bên trên bạn có thể quản lý hình ảnh tốt nhất trong WordPress của bạn. Đó là điều quan trong. Nhưng có một vấn đề tất cả các giải pháp trên không đáp ứng được, có là kích thước hình ảnh chưa hiển thị chính xác, bởi vì bạn đang tối ưu hết mức có thể.

Một giải pháp tự cắt thumbnail, tuy nhiên ở giải pháp này 4 hình ảnh ở mỗi bài bạn sẽ có 8 hình ảnh tức là WordPress sẽ tự tạo thumnail theo kích thước của bạn.

Đây là dòng code bạn thêm vào functions.php của theme.

[php]
if (function_exists(‘add_theme_support’)) {
add_theme_support( ‘post-thumbnails’ );
set_post_thumbnail_size( 300, 200, true);
add_image_size(‘thumbnail’, 300, 200, true);
add_image_size(‘medium’, 300, 200, true);
add_image_size(‘large’, 300, 200, true);
}

[/php]

Xin lưu ý: 300 là chiều rộng, 200 là chiều cao tính bằng px nhé! Tức là ngoài hình ảnh gốc sẽ có 1 hình cỡ 300×200 px hoặc kích thước khác tùy bạn cài đặt.

Để kích thước hình ảnh tốt nhất thì bạn có thể cắt hình ảnh ở máy tính sau đó up lên, cài đặt hình đó làm hình đại diện, đây là một giải pháp siêu tối ưu nhưng thêm 1 bước. Một cách khác như mình đang dùng đó là sử dụng css để co lại kích thước hình ảnh. Cái này mình sẽ trình bày trong bài khác.

Như vậy toàn bộ bài hướng dẫn đã hết, xin lưu ý bài hướng dẫn chỉ dành cho những người đã biết code và sửa chữa được code, mình không trợ giúp với những câu hỏi yêu cầu sửa code của theme bạn đang sử dụng.

Ngoài ra hãy sử dụng plugin EWWW Image Optimizer để tối ưu hình ảnh, hoặc sử dung Son Auto Save Image để đưa hình ảnh về dễ dàng hơn. Hãy đưa ý kiến của bạn về những giải pháp bạn đang sử dụng để tối ưu và quản lý hình ảnh tốt nhất nhé.

Học WordPress Cài Đặt Hoặc Chuyển Hosting Nhanh Nhất

Để cài đặt WordPress có 2 cách phổ biến, thứ nhất là bạn có thể download bộ cài từ wordpress.org sau đó thực hiện các bước cài đặt WordPress, cũng có một cách khác khi bạn sử dụng cpanel là dùng chức năng webapp hoặc quick install… đại ý là mình hay dùng cách download bộ cài từ wordpress.org 🙂

Cài đặt hoặc chuyển hosting WordPress nhanh
Cài đặt hoặc chuyển hosting WordPress nhanh

Kịch bản của phương pháp đó như sau:

  • Bước 01: Truy cập wordpress.org và download bộ cài đặt về
  • Bước 02: Truy cập cpanel upload bộ cài đó lên
  • Bước 03: Cài đặt như bình thường sau khi tạo cơ sở dữ liệu…

Hoặc khi chuyển hosting mình cũng dùng phương pháp tương tự

  • Bước 01: Truy cập cpanel và nén dữ liệu về dạng zip
  • Bước 02: Download file zip chứa dữ liệu
  • Bước 03: Truy cập cpanel hosting mới và upload lên
  • Bước 04: Cài đặt như bình thường sau khi tạo cơ sở dữ liệu và nhập cơ sở dữ liệu

Bạn có thể tham khảo thêm: Hướng dẫn chuyển hosting cho wordpress

Về cơ bản như các bạn biết những cách trên khá đơn giản và các bước cũng rất rõ ràng. Tuy nhiên nếu các bạn dùng mạng chậm và chập chờn (các bạn vùng sâu vùng xa như mình) thì việc download dữ liệu về và upload ngược lên khá mất thời gian, có thể mất đến 15-20 phút.

Nay mình chia sẻ các bạn đoạn code mà mình hay dùng để tự động hosting mới sẽ download dữ liệu từ wordpress về hoặc tự download dữ liệu từ hosting cũ về.

Đoạn code như sau:

[code lang=”php”]

<?php
// CONFIGURE YOUR INSTALL HERE
echo "<pre>";
echo "Step 0: Initalization";
$install_folder = "wordpress";
$wordpress_archive_url = "http://wordpress.org/latest.zip";
echo " – done rn";

// Execute

//Download File
echo "Step 1: WordPress Download";
$file = "$install_folder.zip";
file_put_contents($file , fopen($wordpress_archive_url, ‘r’));

echo " – done rn";

echo "Step 2: Unarchive WordPress";
// get the absolute path to $file
$path = pathinfo(realpath($file), PATHINFO_DIRNAME);

$zip = new ZipArchive;
$res = $zip->open($file);
if ($res === TRUE) {
// extract it to the path we determined above
$zip->extractTo($path);
$zip->close();
} else {
}

echo " – done rn";
//Delete Archive
echo "Step 3: Delete Archive";
unlink($file);
echo " – done rn";
echo "</pre>";
echo "<a href=’/$install_folder’>Configure your new install</a>";
?>

[/code]

Đầu tiên bạn truy cập vào cpanel quản lý web mới của bạn, sau đó tạo file wp.php chẳng hạn, rồi copy nội dung trên vào file đó.

Sau đó bạn chỉ cần truy cập theo domain của bạn ví dụ như: https://tranthe.net/wp.php để chạy code. Sau cùng bạn xóa file đó đi là được. Code trên mình chạy tốt trên web mình tức là cpanel và hỗ trợ php.

Lưu ý: Các bạn có thể nhìn vào dòng thứ 6 sau đó thấy https://wordpress.org/latest.zip hãy thay đường dẫn đó khi bạn thực hiện chuyển hosting WordPress. Ở phía trên code thực hiện cài đặt WordPress mới.

Với bất kỳ vấn đề nào liên quan trong bài viết, hãy để ở phần bình luận bên dưới nhé, chúc các bạn thành một cao thủ WordPress nhanh chóng. Nếu hiện chưa có nhu cầu với nội dung bài viết, bạn cũng có thể thử nghiệm để biết rõ hơn về chức năng đó 🙂