wordpress cơ bản - Raynoblog https://raynoblog.com/tag/wordpress-co-ban-2 Wordpress - Themes - Plugins - Coupon Mon, 12 Jan 2015 05:26:28 +0000 en-US hourly 1 WordPress cơ bản: hướng dẫn tạo menu cho blog https://raynoblog.com/wordpress-co-ban/wordpress-co-ban-huong-dan-tao-menu-cho-blog.html https://raynoblog.com/wordpress-co-ban/wordpress-co-ban-huong-dan-tao-menu-cho-blog.html#comments Fri, 02 Jan 2015 12:57:15 +0000 http://raynoblog.com/?p=3753 Bài viết hướng dẫn tạo menu trên blog Wordpress dành cho người mới bắt đầu tìm hiểu về Wordpress.

The post WordPress cơ bản: hướng dẫn tạo menu cho blog appeared first on Raynoblog.

]]>
Trong bài viết này mình sẽ hướng dẫn cho các bạn tạo menu trong WordPress bằng cách sử dụng tính năng tạo menu có sẵn. Đây là một chức năng rất hay trong WordPress giúp bạn tạo ra một menu rất dễ dàng và nhanh chóng. Tùy theo theme bạn sử dụng mà số menu được hiển thị ra bên ngoài sẽ khác nhau. Vị trí của mỗi menu trong mỗi theme cũng khác nhau. Bạn có thể thấy demo một menu trên site của mình.

menu trong wordpress

Để tạo một menu trong WordPress khá đơn giản, bạn chỉ cần thực hiện theo các bước sau:

Bước 1: tạo menu mới

Đầu tiên, truy cập vào mục Appearance -> Menus. Ảnh dưới đây là giao diên khi bạn chưa tạo menu nào, sau khi bạn tạo ít nhất 1 menu thì giao diện sẽ khác. Điền tên menu bạn muốn tạo vào mục Menu Name và nhấn Create Menu.

tao menu wordpress

Chỉ vậy thôi là bạn đã có được một menu nhưng chỉ là một menu rỗng, bạn chuyển sang bước tiếp theo để thêm nội dung cho menu.

Bước 2: Thêm các item vào menu

Cột bên trái bạn sẽ thấy có các mục Pages, Links, Categories (trong ảnh dưới có thêm mục In Post Ads vì mình có cài thêm plugin này). Để thêm một item trên menu liên kết đến một page hoặc một category, bạn mở mục tương ứng, tick vào các trang hoặc category mà bạn muốn liên kết rồi click Add to menu.

tao menu wordpress 2

Nếu trong danh sách không có đầy đủ tất cả các category trên blog, bạn nhấn vào View All để xem tất cả.

Trường hợp bạn muốn tạo item liên kết đến một trang không có trong pages và categories, bạn mở mục link, điền url trang bạn muốn liên kết vào mục URL, điền tên hiển thị vào mục Link text rồi click Add to menu.

chen link vao menu

Nếu muốn liên kết đến một bài viết, bạn trở lên đầu trang, click vào Screen Options rồi đánh dấu vào ô Posts. Bạn sẽ thấy trong cột bên dưới có thêm mục Posts, làm tương tự như đối với pages và categories để tạo item liên kết đến bài viết bạn muốn.

them post vao menu

Với mỗi item được thêm vào, bạn có thể thay đổi nhản của nó (text link hiển thị ra bên ngoài) bằng cách click vào từng item đó và điền vào ô Navigation Label.

doi nhan cho menu

Bạn có thể thay đổi thứ tự của từng item trong menu bằng cách kéo thả các item này. Bạn cũng có thể tạo ra menu dạng sub bằng cách kéo menu lệch vào bên trong như hình dưới đây.

tao submenu

Cuối cùng là nhấn vào nút Save Menu ở góc dưới bên phải để lưu lại menu bạn vừa tạo. Bạn có thể nhấn vào Create a new menu để tạo ra nhiều menu khác. Tuy nhiên những menu này sẽ chưa hiển thị ra bên ngoài trang web của bạn. Để hiển thị menu ra bên ngoài, ta chuyển sang bước 3.

tao menu moi

Bước 3: Chọn vị trí cho menu

Chọn vị tri cho menu thực chất là bạn chọn locations cho nó. Số lượng locations và vị trí đặt các locations sẽ do theme bạn sử dụng quyết định. Ví dụ như theme mình đang sử dụng có 2 locations là Primary Navigation Menu và Secondary Navigation Menu. Primary  Navigation Menu được đặt ở phần header như bạn có thể thấy. Tất nhiên bạn có thể thay đổi vị trí của những locations này hoặc tạo ra thêm nhiều locations khác nhưng trong bài viết này mình không đề cập tới nó.

Để đặt một menu bạn đã tạo và một locations bạn chỉ cần tick chọn vào vị trí mà bạn muốn trong phần Theme locations như hình bên dưới.

chọn locations cho menu

Hoặc bạn có thể chọn vào tab Manage Locations để chọn menu cho từng locations.

chon locations

Cuối cùng là nhấn vào để lưu lại những thay đổi và hoàn tất. Bây giớ bạn có thể ra lại trang chủ để xem menu hiển thị như thế nào.

Hy vọng bài viết này sẽ giúp cho những bạn mới bắt đầu tìm hiểu về WordPress có thể biết cách tạo một menu cho blog của mình. Nếu có gì thắc mắc bạn hãy để lại comment bên dưới bài viết này nhé.

Chúc bạn thành công!

The post WordPress cơ bản: hướng dẫn tạo menu cho blog appeared first on Raynoblog.

]]>
https://raynoblog.com/wordpress-co-ban/wordpress-co-ban-huong-dan-tao-menu-cho-blog.html/feed 8
WordPress cơ bản: cài đặt WordPress trên Localhost https://raynoblog.com/wordpress-co-ban/huong-dan-wordpress-co-ban-cai-dat-wordpress-tren-localhost.html https://raynoblog.com/wordpress-co-ban/huong-dan-wordpress-co-ban-cai-dat-wordpress-tren-localhost.html#comments Tue, 04 Nov 2014 10:28:20 +0000 http://raynoblog.com/?p=3216 Hướng dẫn cài đặt localhost trên máy tính bằng phần mềm WampServer và cài đặt Wordpress trên localhost.

The post WordPress cơ bản: cài đặt WordPress trên Localhost appeared first on Raynoblog.

]]>
Nếu bạn đang tìm hiểu về WordPress thì điều đầu tiên bạn nên làm là tìm hiểu và sử dụng localhost. Vậy localhost là gì và làm thế nào để cài đặt WordPress chạy trên localhost? Trong bài viết này mình sẽ trình bày các bước để cài đặt localhost trên máy tính chạy Window và cài đặt  Wordpress trên localhost.

Localhost là gì?

Bạn chỉ cần hiểu đơn giản localhost giống như một gói hosting hoặc một máy chủ được vận hành ngay trên máy tính của bạn. Localhost bao gồm đầy đủ các môi trường để chạy được mã nguồn WordPress như: Apache, MySQL, PHP, PHPMyAdmin.

Hướng dẫn cài đặt localhost bằng phần mềm WampServer

Có khá nhiều phầm mềm có thể giúp bạn cài đặt localhost trên máy tính. Trong bài viết này mình sẽ sử dụng phầm mềm mà mình thường sử dụng có tên là WampServer. Đây là một phần mềm miễn phí, bản mới nhất hỗ trợ Apache: 2.4.9, MySQL: 5.6.17 ,PHP: 5.5.12, PHPMyAdmin: 4.1.14. Bạn có thể tải về bản cài đặt WampServer tại đây.

Sau khi tải file về hoàn tất, click vào file đó, bấm next để tiến hành cài đặt. Trong quá trình cài đặt bạn lưu ý chọn đường dẫn đến thư mục wamp. Bạn phải nhớ vị tri của thư mục này để truy cập vào trong quá trình làm việc trên localhost.

cai dat wampserver

Bấm next liên tục để tiền hành quá trình cài đặt. Sau khi đã cài hoàn tất, bạn vào thư mục wamp, click vào file wampmanager.exe để khởi động localhost.

wampserver-4

Khi chạy file này, bạn sẽ thấy có thêm một icon nhỏ ở taskbar với trạng thái được chuyển từ 1 sang 3 như hình bên trên. Để đảm bảo localhost có thể làm việc thì tất cả các server phải hoạt động. Tuy nhiên, trong một số trường hợp WampServer không thể chuyển được sang trạng thái 3, lúc đó bạn nên kiểm tra lại các ứng dụng đang chạy trên máy, có thể có một ứng dụng nào đó không tương thích với WampServer đang hoạt động. Chẳng hạn như khi bạn sử dụng Skype thì WampServer sẽ không thể khởi động được tất cả server do Skype đã chiếm quyền sử dụng cổng mạng. Bạn có thể tắt Skype đi, khởi động WampServer trước rồi mở lại Skype để sử dụng bình thường.

Khi tất cả các server đã hoạt động bạn hãy truy cập vào địa chỉ http://localhost/ hoặc http://127.0.0.1/, nếu kết quả được như thế này có nghĩa là localhost đã hoạt động tốt rồi đấy.

localhost hoat dong

Cài đặt WordPress trên Localhost

Để cài đặt được một site WordPress hoạt động trên localhost bạn làm như sau:

Trước tiên, vào thư mục \wamp\www\ tạo một folder có tên tùy ý, giả sử mình đặt tên folder là blog. Copy toàn bộ code WordPress vào folder này.

cai dat wordpress tren localhost

Tiếp theo, mở trình duyệt web và vào địa chỉ http://localhost/phpmyadmin/ hoặc http://127.0.0.1/phpmyadmin/ để tạo database.

tao database tren localhost

Bạn có thể chuyển ngôn ngữ sang English nếu muốn. Nhập tên database bạn muốn tạo và nhấn nút Create để hoàn tất.

Bây giờ, bạn vào địa chỉ http://localhost/blog/ hoặc http://127.0.0.1/blog/ để tiến hành cài đặt WordPress. Đây cũng chính là địa chỉ site của bạn trên localhost.

cai dat wordpress tren localhost 2

Nhấn vào nút Create a Configuration File để đến trang tiếp theo, sau đó tiếp tục nhấn vào nút Let’s go!.

cai dat wordpress tren localhost 3

Điền đầy đủ tên database bạn đã tạo ở bước trên, phần User Name bạn điền là root, phần password bạn để trống, cuối cùng click nút Submit để đến trang tiếp theo.

cai dat wordpress tren localhost 4

Nếu không có lỗi gì xảy ra thì ở trang tiếp theo bạn sẽ được như thế này.

cai dat wordpress tren localhost 5

Click vào nút Run the install để cài đặt.

Ở trang cuối cùng, bạn điền các thông tin về site của bạn như tiêu đề, tài khoản admin, password admin và click vào nút Install WordPress để hoàn tất cài đặt.

hoan tat cai dat wordpress

Như vậy là bạn đã hoàn tất quá trình cài đặt một site WordPress trên localhost. Địa chỉ site của bạn sẽ là http://localhost/blog/ hoặc http://127.0.0.1/blog/. Trong đường dẫn này thì blog chính là tên folder bạn đã tạo ở bước đầu tiên. Bạn có thể tạo nhiều folder khác nhau trong thư mục \wamp\www\, mỗi folder tương ứng là một site.

The post WordPress cơ bản: cài đặt WordPress trên Localhost appeared first on Raynoblog.

]]>
https://raynoblog.com/wordpress-co-ban/huong-dan-wordpress-co-ban-cai-dat-wordpress-tren-localhost.html/feed 8
WordPress cơ bản: cài đặt trong General Settings https://raynoblog.com/wordpress-co-ban/huong-dan-su-dung-wordpress-co-ban-general-settings.html https://raynoblog.com/wordpress-co-ban/huong-dan-su-dung-wordpress-co-ban-general-settings.html#comments Mon, 14 Jul 2014 12:24:50 +0000 http://raynoblog.com/?p=2703 Bắt đầu loạt bài viết hướng dẫn cơ bản cách sử dụng WordPress cho người mới bắt đầu tìm hiểu. Cài đặt cơ bản trong phần General Setting. Đây là mục để bạn thiết lập hệ thống, cấu hình cho blog.

The post WordPress cơ bản: cài đặt trong General Settings appeared first on Raynoblog.

]]>
Hôm nay mình sẽ bắt đầu loạt bài viết hướng dẫn cơ bản cách sử dụng WordPress cho người mới bắt đầu tìm hiểu. Tất nhiên trước khi đọc loạt bài viết này, phải đảm bảo rằng bạn đã cài đặt thành công một site WordPress trên host.

Giả sử tên miền của bạn là tenmien.com, bạn truy cập vào địa chỉ tenmien.com/wp-admin. Nếu chưa đăng nhập, bạn thực hiện đăng nhập bằng tài khoản admin khi bạn cài đặt WordPress. Sau khi đăng nhập thành công, bạn sẽ được chuyển đến trang quản lý của admin. Bạn có thể tham khảo thành phần chính của trang quản lý trong bài viết này: Làm quen với admin dashboard quản lý WordPress.

setting wordpress Bài viết đầu tiên mình sẽ hướng dẫn bạn thực hiện các cài đặt cơ bản trong phần General Setting. Đây là mục để bạn thiết lập hệ thống, cấu hình cho blog. Mình sẽ chỉ nói những phần quan trọng, những phần khác bạn có thể tự tìm hiểu trong quá trình sử dụng.

Chúng ta thực hiện lần lược các cài đặt sau:

Mục General: Thiết lập chung cho blog, như tiêu đề, mô tả, quản lý ngày giờ….

  • Site Title: Bạn đặt tiêu đề cho blog. Mục này thường đã được điền khi bạn cài đặt WordPress.
  • Tagline: Mô tả ngắn về blog. Nếu bạn chưa chỉnh sửa thì mục này thường có câu mặc định là Just another WordPress site.
  • WordPress Address (URL) và Site Address (URL): địa chỉ blog của bạn. Hai mục này thường được điền mặc định là tên miền của bạn.
  • E-mail Address: Địa chỉ email của bạn sử dụng để nhận các thông báo từ blog như có comment, liên hệ…
  • Membership: Bạn có thể cho phép người xem đăng ký làm thành viên blog bằng cách tích vào Anyone can register.
  • New User Default Role: Nếu ở trên bạn cho phép đăng ký thành viên thì ở phần này bạn chọn phân quyền cho thành viên như quyền admin, tác giả, subscriber (theo dõi)…
  • Timezone, Date Format, Time Format, Week Starts On: Chọn múi giờ và định dạng ngày giờ trên blog.

Mục Writing: Các thiết lập đăng bài

  • Default Post Category: Chọn category mặc định cho bài viết nếu bạn không chọn.
  • Post via e-mail: cài đặt đăng bài viết qua mail.

Mục Reading: Cài đặt hiển thị bài viết.

  • Front page displays: Chọn kiểu hiển thị bài viết trên trang chủ.
  • Blog pages show at most: Số bài viết hiển thị trên một trang ở trang chủ.
  • Search Engine Visibility: Nếu bạn đánh dấu tick, bạn sẽ khóa blog của bạn với các công cụ tìm kiếm.

Mục Discussion: Cấu hình cho comment trên blog.

  • Other comment settings: Nếu bạn chỉ cho phép các thành viên đã đăng ký để lại bình luận trên blog, bạn chỉ cần đánh dấu tick ở mục 
  • Before a comment appearsMặc định khi có commet trên các bài viết trong blog thì comment đó phải được bạn chấp nhận thì mới được hiển thị, bạn có thể tắt chức năng này đi bằng cách bỏ dấu tích ở Comment author must have a previously approved comment.
  • Comment Blacklist: Bạn nhập vào các từ cấm không được sử dụng khi bình luận.
  • Avatars: Bạn có thể cho phép hiển thị avatar và lựa chọn avatar mặc định khi bình luận. Ngoài ra, WordPress cho phép hiển thị avatar của riêng bạn thông qua dịch vụ http://gravatar.com. Bạn chỉ cần đăng ký một tài khoản ở đây, sử dụng email bạn sử dụng để quản lý blog và upload avatar của bạn lên là xong.

Mục Media: Cài đặt các kích thước cho hình ảnh bạn up lên website.

Mục Permalink: Cài đặt đường link của bài viết, category, tags. Đây là mục quan trọng, ảnh hưởng đến khả năng SEO của blog.

  • Common Settings: Bạn nên chọn đường link theo dạng Post name (dạng tenmien.com/tieu-de-bai-viet/) hoặc bạn có thể thêm thư mục bài viết vào đường link bằng cách thêm vào /%category%/%postname%/ ở dạng Custom Structure.

cai dat Permalink

Ở bài viết tiếp theo, mình sẽ hướng dẫn cách thay đổi theme và cài đặt plugin cho wordpress, hãy theo dõi để đón đọc nhé.

The post WordPress cơ bản: cài đặt trong General Settings appeared first on Raynoblog.

]]>
https://raynoblog.com/wordpress-co-ban/huong-dan-su-dung-wordpress-co-ban-general-settings.html/feed 4
Code tạo danh sách bài viết liên quan trong WordPress https://raynoblog.com/wordpress-co-ban/code-tao-danh-sach-bai-viet-lien-quan-trong-wordpress.html https://raynoblog.com/wordpress-co-ban/code-tao-danh-sach-bai-viet-lien-quan-trong-wordpress.html#comments Tue, 09 Apr 2013 14:24:06 +0000 http://raynoblog.com/?p=277 Có lẽ các bạn đều nhận thấy rõ tác dụng của danh sách bài viết liên quan (related post) ở cuối mỗi bài viết trên blog. Nó giúp cho số lượng pageviews trên blog tăng lên đáng kể, mà đây là một trong các yếu tố quyết định đến thứ hạng blog của bạn. Có […]

The post Code tạo danh sách bài viết liên quan trong WordPress appeared first on Raynoblog.

]]>
Có lẽ các bạn đều nhận thấy rõ tác dụng của danh sách bài viết liên quan (related post) ở cuối mỗi bài viết trên blog. Nó giúp cho số lượng pageviews trên blog tăng lên đáng kể, mà đây là một trong các yếu tố quyết định đến thứ hạng blog của bạn. Có rất nhiều plugins có thể tạo ra được danh sách này chẳng hạn như: Yet Another Related Post hay nrelate Related Content. Nhưng nhiều bạn thường không thích sử dụng plugins vì nó ảnh hưởng đến tốc độ của blog. Vì vậy, mình sẽ giới thiệu một đoạn code có thể giúp bạn tạo ra danh sách này mà không cần tới plugins. Đây là đoạn code mình đang áp dụng cho blog của mình.

related-post

Các bạn chép đoạn code sau đây vào file functions.php trong theme mà bạn đang sử dụng:

Danh sách bài viết liên quan theo category

function get_samepost_category() {
    $categories = get_the_category($post->ID);
    if ($categories): 
        $category_ids = array();
        foreach($categories as $individual_category): 
          $category_ids[] = $individual_category->term_id;
          $args=array(
                'category__in' => $category_ids,
                'post__not_in' => array($post->ID),
                'showposts'=>5,
                'ignore_sticky_posts'=>1,
                'orderby'=>rand);
          $my_query = new wp_query($args);
        endforeach;
        if( $my_query->have_posts() ): 
           if( is_single() ):?>
             <div class="sametitle">Có thể bạn chưa xem</div>
             <div class="same"> 
              <ul>
               <?php while ($my_query->have_posts()): 
                     $my_query->the_post();?>
                     <li>
                       <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a>
                     </li>
               <?php endwhile; ?>
              </ul>
             </div>
 <?php  endif; endif; endif; wp_reset_query(); }

Danh sách bài viết liên quan theo tag

function get_samepost_tag() {
		$tags = wp_get_post_tags($post->ID);
		if ($tags):
			$first_tag = $tags[0]->term_id;
			$args = array(
			'tag__in' => array($first_tag),
			'post__not_in' => array($post->ID),
			'showposts' => 5, 
			'ignore_sticky_posts' => 1,
                        'orderby'=>rand);
			$related_query = new WP_Query($args);
			if ($related_query->have_posts()) :
	          if( is_single() ):?>
				<div class="sametitle">Các bài viết liên quan</div>
				<div class="same"> 
				<ul>
				<?php while ($related_query->have_posts()): 
						$related_query->the_post(); ?>
						<li>
						<a href=”<?php the_permalink() ?>” > <?php the_title();?> </a>
						</li>
				<?php endwhile; ?>
				</ul>
				</div>
<?php  endif; endif; endif; wp_reset_query(); }

Tiếp theo, mở file single.php và thêm đoạn code:

<?php get_samepost_category(); ?>

hoặc

<?php get_samepost_tag(); ?>

vào vị trí mà bạn muốn hiển thị danh sách bài viết liên quan, thường là ngay phía sau đoạn code

<?php the_content(); ?>

Đối với các bạn sử dụng Genesis, bạn không sử dụng file single.php mà sẽ thêm đoạn code này vào ngay phía trên code lúc nãy:

add_action( 'genesis_after_post_content', 'get_samepost_category' );

Các bạn có thể vào file style.css, bổ sung thêm các lớp .sametitle và .same cho phù hợp với blog của bạn.

Chúc bạn thành công! {c1}

The post Code tạo danh sách bài viết liên quan trong WordPress appeared first on Raynoblog.

]]>
https://raynoblog.com/wordpress-co-ban/code-tao-danh-sach-bai-viet-lien-quan-trong-wordpress.html/feed 42