Hướng dẫn cài đặt phần mềm XAMPP để tạo localhost

XAMPP là phần mềm dùng để tạo localhost miễn phí tốt nhất hiện nay.

Trang chủ: http://www.apachefriends.org/en/xampp.html

Phiên bản dành cho Windows: http://www.apachefriends.org/en/xampp-windows.html

Link Download: http://www.apachefriends.org/download.php?xampp-win32-1.8.1-VC9-installer.exe

 

Sau khi download về nhấp đúp chuột để tiến hành cài đặt

11 Hướng dẫn cài đặt phần mềm XAMPP để tạo localhost

Download xampp về

21 Hướng dẫn cài đặt phần mềm XAMPP để tạo localhost

Chọn ngôn ngữ

Sau đó các bạn nhấn NEXT, sẽ hiện ra bảng lựa chọn các chương trình sẽ cài, hãy để mặc định (chọn tất cả) và tiến hành cài đặt, vì cài hết hoàn toàn không nặng máy, mà lại tiện cho chúng ta sau này có sử dụng đến thì không cần phải cài thêm,…

Tiếp tục nhấn NEXT, sẽ hiện ra bảng chọn thư mục cài đặt, bước này mình hay để mặc định, sẽ được cài đặt tại: C:xampp, sau đó nhấn nút Install

31 Hướng dẫn cài đặt phần mềm XAMPP để tạo localhost

Install xampp

TIẾP THEO ngồi online facebook tầm 3 phút rồi quay lại xem thì xampp đã được cài đặt thành công rồi đó %29 Hướng dẫn cài đặt phần mềm XAMPP để tạo localhost Nhấn Finish để hoàn tất việc cài đặt.

Nhấp vào shortcut của xampp ngoài desktop để vào bảng quản lý:

41 Hướng dẫn cài đặt phần mềm XAMPP để tạo localhost

shortcut xampp

CÁCH BẬT APACHE VÀ PHPMYADMIN

Ở bảng quản lý, nhấp vào Start ở 2 lựa chọn Apache và MySQL

51 Hướng dẫn cài đặt phần mềm XAMPP để tạo localhost

start apache

Nhấp lại nhiều lần nếu không bật thành công!

CÁCH TẠO DATABASE

Sau khi đã cài đặt và bật xampp thành công, chúng ta bắt đầu tạo cơ sở dữ liệu (database) mới, và bắt đầu copy file (php) vào thư mục htdocs, thư mục này giống như thư mục public_html trên host theo hướng dẫn sau:

Địa chỉ trang phpMyadmin: http://localhost/phpmyadmin hoặc http://127.0.0.1/phpmyadmin

Nhìn tổng quan:

221 Hướng dẫn cài đặt phần mềm XAMPP để tạo localhost

phpMyadmin

Cách tạo 1 database mới trên localhost:

7 Hướng dẫn cài đặt phần mềm XAMPP để tạo localhost

tạo database mới trên localhost

Lúc này ta sẽ có được các dữ liệu sau để khai báo vào file config.php

Hostname: localhost (trên host thông thường giá trị này cũng như vậy)

Database name: yeuwordpress_v1 (là tên database chúng ta vừa tạo ở trên)

Database username: root

với password rỗng (để trống, không điền gì cả), mặc định password root của localhost khi cài bằng xampp là như vậy, chúng ta có thể thay đổi theo ý muốn hoặc để mặc định.

Vậy là xong database, source code thì các bạn copy vào đường dẫn: C:xampphtdocs

 

Bài tiếp mình sẽ hướng dẫn các bạn cài đặt wordpress trên localhost

Advertisements

Chèn like facebook, google plus, Twitter Button vào website / blog

1. Tạo Facebook Like Button

Vào đề luôn cho mau, để tạo được button like bạn vào địa chỉ:http://developers.facebook.com/docs/reference/plugins/like/ kéo xuống đoạn giữa gặp một đống các tùy chọn để tạo ra button like face bạn khai báo các thông tin cần thiết cho nó: 1 Chèn like facebook, google plus, Twitter Button vào website / blog Like Button Facebook cho website Bạn thay đổi các tùy chọn đó và xem demo sao cho vừa ý, hiển nhiên là trước đó bạn đã tạo một trang trong facebook rồi, giống như face của bcdonline.net chẳng hạn. Tiếp đến bạn get code và làm theo hướng dẫn của nó. 22 Chèn like facebook, google plus, Twitter Button vào website / blog Get code Like Facebook Button Khi get code có nhiều lựa chọn cho bạn lấy code để vào trong website: HTML5, XFBML, IFRAME, Đường Dẫn URL. Tùy vào mức độ bạn tùy chỉnh mà có hỗ trợ hết các kiêu đó hay không tuy nhiên trong đó IFRAME là dễ sử dụng nhất bạn chỉ việc để vào nơi mà bạn muốn hiển thị trong site.

2. Thêm nút Google + 1 vào website

Đây là nút dễ làm nhất trong 3 button mình giới thiệu trong bài này, các bạn vào các website bây giờ hầu hết đều có nút này vì ai cũng muốn web mình sẽ xuất hiện ở kết quả tìm kiếm của google càng nhiều +1 thì độ tin cậy càng cao. Đầu tiên bạn vào đường link: http://www.google.com/intl/vi/webmasters/+1/button/ ở đây có nhiều tùy chọn cho bạn và kết quả demo giống như facebook like button. 3 Chèn like facebook, google plus, Twitter Button vào website / blog Tùy chon trong Google plus 1 website Sau đó bạn nhìn xuống bên dưới có đoạn code và bạn làm theo chú thích phía trên mỗi đoạn code.

// Đặt cuộc gọi hiển thị này ở nơi thích hợp
<script type=”text/javascript”>
(function() {
var po = document.createElement(‘script’); po.type = ‘text/javascript’; po.async = true;
po.src = ‘https://apis.google.com/js/plusone.js’;
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s);
})();
</script>
–>
1
2
3
4
5
6
7
8
9
10
11
12
13
<!–
// Đặt thẻ này ở nơi bạn muốn nút +1 hiển thị
<g:plusone></g:plusone>
// Đặt cuộc gọi hiển thị này ở nơi thích hợp
<script type=”text/javascript”>
  (function() {
    var po = document.createElement(‘script’); po.type = ‘text/javascript’; po.async = true;
    po.src = ‘https://apis.google.com/js/plusone.js’;
    var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
–>

 

Cơ bản như thế là đã được nút +1 của google rồi, bạn để đoạn trên ở nơi muốn hiển thị, đoạn thứ 2 vào trong thể head của website mình. Ngoài ra còn có một số tùy chỉnh nâng cao bạn tham khảo thêm nha!

3. Tạo Twitter Button

Cũng như Facebook và Google + Twitter là một trong những mạng xã hội lớn đáng được quan tâm, các doanh nhân, người nổi tiếng, ban nhạc hay doanh nghiệp… đều có sử dụng Twitter. Website của bạn muốn có button share Twitter ban truy cập vào địa chỉ:https://twitter.com/about/resources/buttons chọn kiểu hiển thị button twitter. Chon Twitter Button Chèn like facebook, google plus, Twitter Button vào website / blog Chọn Twitter Button Tiếp theo nhập và các thông tin cần thiết và get code để vào mơi muốn hiển thị button twitter như hình sau. Khai bao thong so va get code lay Twitter Button Chèn like facebook, google plus, Twitter Button vào website / blog

Dạy Học WordPress

Hiện nay xu thế thiêt kế website bằng wordpress đang được mọi người ưa chuộng nhất . Với những ưu điểm đơn giản , nhanh chóng và SEO tốt . Việc tất yếu có CẦU ắt phải có CUNG , nên mình nhận dạy wordpress với giá hợp lý .
– Bạn có thể học tại nhà nếu bạn ở tại hà nội .
– Hoặc bạn học qua teamviewer nếu bạn ở những tỉnh khác ngoài hà nội mà có nhu cầu học wordpress .
Dù cho bạn chọn theo hình thức học nào thì mình cũng sẽ đảm bảo kiến thức học cho bạn tới 99% .
Khóa học WordPress này khác gì khi bạn đến với các trung tâm khác?
– Bạn chỉ phải bỏ ra chi phí rẻ so với các Khóa Học wordpress khác.
– Chất lượng Khóa Học bạn được Dạy Học wordpress cho đến khi bạn làm được một website bán hàng,website tin tức cá nhân,website giới thiệu công ty.
– Thời gian học và địa điểm học. không gò bó,không ép buộc bạn hoàn toàn có thể chủ động được lựa chọn cho mình khung giờ hợp lý.
– Học chỉ tận tay, học đến đâu thực hành luôn đến đấy
– Lý thuyết ngắn gọn cùng với minh họa qua ví dụ thực tế.
– Thực hành ngay trên website của chính bạn hoặc site bên mình .
Bạn sẽ đạt được gì thông qua khóa học wordpress này?
1. Nắm vững các khái niệm liên quan đến thiết kế website.
2. Thiết kế và quản trị website tin tức, âm nhạc, website ảnh số và bán hàng với các chức năng:
3. Xây dựng trang tin tức.
4. Xây dựng ứng dụng bán hàng tích hợp thương mại điện tử.
5. Biết kiến thức cơ bản về HTML/CSS/PHP
Đối tượng khóa học wordpress.
1. Các cá nhân, tổ chức muốn tạo 1 website riêng cho mình mà ko cần biết nhiều về code.
2. Các công ty muốn chuyển đổi từ các mã nguồn khác sang WORDPRESS
3. Nhân viên SEO muốn tìm hiểu về mã nguồn SEO tốt nhất hiện nay
4. Những người đam mê công nghệ wordpress muốn nắm vững nó.
5. Các doanh nghiệp muốn thiết kế và làm chủ website về thương mại điện tử
6. Các cá nhân đang làm việc với Joomla, Drupal muốn chuyến hướng WordPress
7. Sinh viên các khối ngành khoa học, kỹ thuật, kinh tế muốn học thiết kế website bằng WordPress để xin việc ngay lập tức.

Tạo file robots.txt dẫn đường bot tìm kiếm

Vấn đề về tạo file robots.txt đã chia sẻ trên internet rất nhiều, có thể hơi thừa để viết về bài này, tuy nhiên ở đâu đó với một số ai đó thì bài này chắc sẽ có ích.

Giới thiệu về robots.txt

File robots.txt là gì? Đây là một file text, file văn bản bình thường, không chứa các đoạn code HTML hay PHP … nó được đặt ngay trong thư mục gốc của website bạn.

Khi bot tìm kiếm đến website bạn điều đầu tiên là nó sẽ tìm và đọc file robots.txt từ đây sẽ cho bot thấy được chổ nào của site bạn cần index hay nói cách khác là lưu thông tin để tìm kiếm, điều này sẽ tùy thuộc vào các cấu hình mà ta qui định trong file robots.txt

tim hieu ve file robots Tạo file robots.txt dẫn đường bot tìm kiếm

Tìm hiểu về file robots.txt

Điều này sẽ có lợi trong SEO, file robots.txt như là một nhân viên chỉ đường cho công cụ tìm kiếm khám phá site của bạn, sẽ dễ dàng và thuận lợi hơn và hiển nhiên như thế sẽ thân thiện với bot tìm kiếm hơn.

Cách cấu hình file robots.txt

Và bây giờ chúng ta sẽ cấu hình file chỉ đường này như thế nào. Có các vẫn đề cần chú ý như  sau:

User-agent: googlebot
Disallow: /cgi-bin/

Giải thích:

  • User-agent: đó là tên của spider của công cụ tìm kiếm nào đó trong trường hợp trên là bot của google thì sẽ được index.
  • Disallow: Không cho phép các công cụ tìm kiếm truy cập vào, ví dụ trong trường hợp trên là không cho index thư những gì trong thư mục cgi-bin.

Điều này có ý nghĩa như thế nào? Nó giúp cho bạn không chế sự index của công cụ tìm kiếm, có khi bạn k muốn yahoo index, đôi lúc bạn không mún các file trong thư mục nào đó bị công cụ tìm kiếm thấy được, giúp khắc phục lỗi 404 trên web, tạo ra một sự tin tưởng đối với các search engine.

Bạn cũng có thể cho tất cả các công cụ tìm kiếm vào site mình index bằng cách khai báo file robots.txt như sau:

User-agent: *
Điều nên tránh khi tạo file robots.txt

1. Không chú thích:

Để dễ dàng hơn cho bot tìm kiếm bạn nên tạo một file robots.txt rõ ràng, trong sáng tránh trường hợp khai báo, chú thích lung tung dễ gây hiểu lầm, lừa tình bot tìm kiếm.

1
"Disallow: support # Đừng index nha bot"

2. Disallow đúng điệu:

Bạn muốn Disallow nhiều thư mục thì trong file robots.txt tránh khai báo nhọc nhằn làm nó không hỉu, ví dụ như:

User-agent: *
Disallow: /abc /tintuc/ /images/

Viết như thế thì nó sẽ k bít đâu nếu mún spider hỉu được thì bạn nên viết như sau:

User-agent: *
Disallow: /abc
Disallow: /tintuc/
Disallow: /images/

3. Phân biệt hoa thường:

Vấn đề này cũng nên chú ý nha các bạn bot đọc các lệnh trong robots.txt cũng phân biệt hoa thường rõ ràng, giả sử Disallow: /images/ mà viết Disallow: /Images/ thì nó sẽ pohand thôi.

4. Không đổi trật tự:

Đây là qui định bạn không nên thay đổi trật tự các dòng lệnh gây khó khăn cho các spider làm việc. Ví dụ:

Disallow: /abc
User-agent: *

Điều này sẽ không tốt, làm mất giá trị của file. Một lưu ý nữa là không nên viết có khoảng trắng ở đầu dòng lệnh.

robots.txt cho WordPress

Bây giờ chúng ta sẽ tạo file robots.txt cho blog WordPress nha các bạn, nó có các đặc trưng về thư mục Disallow…

User-agent: *
 Disallow: /cgi-bin
 Disallow: /wp-admin
 Disallow: /wp-includes
 Disallow: /wp-content/plugins
 Disallow: /wp-content/cache
 Disallow: /wp-content/themes
 Allow: /wp-content/uploads
# Google Image
 User-agent: Googlebot-Image
 Allow: /*

Các thư mục đặt biệt thì ta sẽ Disallow nó đồng thời Allow: /wp-content/uploads vì đây sẽ chưa các hình ảnh liên quan chủ đề bài viết … rất có lợi khi search hình ảnh trên google.

Kết luận: Đôi lúc chúng ta cũng có vài thành phần không mún kẻ khác bít được thì robots.txt sẽ là một lựa chọn tốt, có lợi cho SEO. Bạn cần có một robots.txt trong sáng, rõ ràng để các spider của công cụ tìm kiếm dễ làm việc hơn.

Theo BCD

Facebook sẽ kiếm tiền nhờ màn hình điện thoại của bạn

Lượng người dùng truy cập từ di động tăng nhanh khiến màn hình điện thoại trở thành nơi màu mỡ để Facebook khai thác quảng cáo. Facebook muốn làm cho người dùng thích những nội dung quảng cáo đó thay vì bị ức chế.

fb o 1 Facebook sẽ kiếm tiền nhờ màn hình điện thoại của bạn

Theo công ty nghiên cứu thị trường comScore, vào tháng 3 năm nay, trung bình người dùng Facebook trên điện thoại di động ở Mỹ truy cập vào mạng xã hội này hơn 7 giờ. Mark Zuckerberg, CEO Facebook, cho biết ưu tiên hàng đầu trong năm nay của Facebook là đưa trải nghiệm tốt hơn về Facebook lên di động, kèm với đó là quảng cáo, đồng thời tiếp tục tích hợp các ứng dụng trực tuyến vào nền tảng Facebook.Số người dùng điện thoại thông minh để lướt web, tiêu tốn thời gian và những trang như Facebook đang nhiều hơn bao giờ hết và sẽ tiếp tục tăng. Vấn đề đặt ra là Facebook sẽ khai thác điều đó để kiếm tiền như thế nào. Các chuyên gia cho rằng Facebook đã có kế hoạch về mô hình quảng cáo trên di động để có thể thu về lợi nhuận nhiều hơn.

Đa số người dùng sẽ không thích quảng cáo trên thiết bị di động, nhưng nếu quảng cáo đó liên quan đến lợi ích thiết thân thì họ sẽ chú ý. Thực ra, rất nhiều hoạt động của người dùng diễn ra trên thiết bị di động cũng đang được các nhà phát triển ứng dụng và các nhà sản xuất thiết bị theo dõi để biết người dùng ưa thích gì, thường đi đi đâu và tiêu tiền như thế nào. Dữ liệu này sẽ giúp họ cải thiện sản phẩm và đưa ra kế hoạch tiếp thị phù hợp.

Chắc hẳn, Facebook cũng cần có những dữ liệu tương tự như vậy về người dùng. Dữ liệu này sẽ giúp các mẫu quảng cáo xuất hiện trên thiết bị di động ngày càng phù hợp hơn và thời gian với nhu cầu của chủ thiết bị, và thời điểm xuất hiện quảng cáo cũng có thể ăn nhập hơn. Chẳng hạn, quảng cáo có thể xuất hiện lúc người dùng vừa dừng chân ngay trước một khu mua sắm nào đó.

Zuckerberg cho biết Facebook chỉ mới bắt đầu phát triển ứng dụng di động riêng của hãng, và đang cần thu thập nhiều dữ liệu hơn, như về vị trí người dùng, những người bạn nào của họ bấm “like” một sản phẩm nhất định nào đó trong những quảng cáo trên di động. Đó là cách tốt để quảng cáo hướng đến đúng đối tượng người dùng có nhu cầu.

Với những cố gắng này, có thể rồi đây người dùng sẽ hứng thú với những quảng cáo xuất hiện trên thiết bị di động của họ, đã được tùy biến theo mỗi cá nhân, về những sản phẩm mà họ hoặc bạn bè của họ quan tâm. Nhưng cũng có thể những quảng cáo này sẽ làm phiền họ trong lúc đang muốn vui vẻ với bạn bè trên mạng xã hội.  Điều đó vẫn còn là ẩn số.

Điều chỉnh mục quản trị của WordPress

WordPress hiện đang là 1 trong những hệ thống quản trị nội dung –  Content Management System được sử dụng phổ biến nhất hiện nay, với hàng ngàn blogger sử dụng hệ thống CMS này để cải thiện hiệu suất hoạt động của blog, website, diễn đàn… Điểm mạnh rất dễ nhận thấy của WordPress là hệ thống plugin hỗ trợ đa dạng, nhiều chức năng, dễ sử dụng và quản lý. Nhưng liệu bạn có biết rằng khu vực quản trị của WordPress có thể điều chỉnh được hay không? Người sử dụng có thể cho ẩn đi những chức năng thật sự không cần thiết, thay đổi biểu tượng tại màn hình đăng nhập và nhiều thành phần khác nữa. Trong bài viết sau, chúng ta sẽ cùng nhau trao đổi về quá trình tùy chỉnh và thiết lập này.

Sử dụng Ozh Admin Menu:

Vấn đề với hệ thống cấu trúc điều hướng mặc định của WordPress là khả năng truy cập không thật sự nhanh. Người sử dụng phải click vào biểu tượng hình mũi tên nhỏ bên cạnh mỗi section để mở rộng menu, và chọn thành phần tương ứng. Nếu cần sử dụng 1 bộ điều hướng chuyển tiếp đơn giản khác, các bạn hãy sử dụng plugin Ozh Admin Menu, toàn bộ menu của hệ thống sẽ được liệt kê và sắp xếp theo hàng ngang như hình bên dưới:

quantriwordpress Điều chỉnh mục quản trị của WordPress

Sử dụng Adminimize:

Nếu bạn đang quản lý 1 blog với nhiều tài khoản, có thể sẽ cần phân loại một số chức năng giữa các tài khoản với nhau. Ví dụ, bạn muốn giấu tính năng Post URL trong mục Write Post với tất cả tài khoản bình thường. Hãy sử dụng Adminimize, plugin này có thể tùy chỉnh được những mục như section, widget, và panel điều khiển đối với từng người sử dụng trong blog:

quantriwordpress2 Điều chỉnh mục quản trị của WordPress

Hiện tại, plugin được áp dụng với 5 mức tài khoản khác nhau, bao gồm: Administrator, Editor, Author, Contributor và Subscriber. Và bạn chỉ việc đánh dấu tại những ô checkbox tương ứng với chức năng và tài khoản để thiết lập.  Đây được xem là 1 trong những công cụ tốt nhất để quản lý và giám sát hệ thống WordPress nếu có nhiều tài khoản.

Admin Quick Menu:

Công cụ này cho phép người sử dụng gán thêm những đường tới bên ngoài ngay tại bảng điều khiển chính của WordPress. Tại dây, bạn có thể khởi tạo và điều chỉnh đường dẫn URL muốn truy cập, ví dụ điển hình nhất là Google Analytics, Google Webmaster tools, Feedburner, Twitter… :

quantriwordpress3 Điều chỉnh mục quản trị của WordPress

Bên cạnh đó, người sử dụng có thể lựa chọn và áp dụng với các tài khoản ở từng cấp khác nhau, tính năng này thực sự hữu ích với người quản trị, dễ dàng giám sát và quản lý các dịch vụ bên ngoài ngay tại WordPress.

Pre Publish Reminder:

Plugin này sẽ tạo ra 1 cột với nội dung nhắc nhở người dùng trong mục Write Post, chủ yếu được dùng để thông báo với mọi người về những thông tin quan trọng, cần lưu ý trước khi họ đăng bài viết. Người quản trị có thể chỉnh sửa và định dạng lại mục nhắc nhở này trong phần Manage reminders:

quantriwordpress4 Điều chỉnh mục quản trị của WordPress

Tắt bỏ các widget nhất định:

Điều đầu tiên bạn có thể nhận ra sau khi đăng nhập vào trang quản trị của WordPress là các widget của bảng điều khiển. Mặc dù bạn hoàn toàn có thể giấu các widget này trong mục Screen options, nhưng hãy thử xóa bỏ toàn bộ widget này khỏi bảng điều khiển:

function remove_dashboard_widgets(){
global$wp_meta_boxes;
unset($wp_meta_boxes[‘dashboard’][‘normal’][‘core’][‘dashboard_plugins’]);
unset($wp_meta_boxes[‘dashboard’][‘normal’][‘core’][‘dashboard_recent_comments’]);
unset($wp_meta_boxes[‘dashboard’][‘side’][‘core’][‘dashboard_primary’]);
unset($wp_meta_boxes[‘dashboard’][‘normal’][‘core’][‘dashboard_incoming_links’]);
unset($wp_meta_boxes[‘dashboard’][‘normal’][‘core’][‘dashboard_right_now’]);
unset($wp_meta_boxes[‘dashboard’][‘side’][‘core’][‘dashboard_secondary’]);
}
add_action(‘wp_dashboard_setup’, ‘remove_dashboard_widgets’);

Các bạn hãy paste đoạn code trên vào file function.php trong thư mục theme, và toàn bộ widget của bảng điều khiển chính sẽ bị ẩn đi. Bên cạnh đó, mọi người có thể tham khảo thêm chi tiết tại đây.

Thay thế logo của WordPress bằng biểu tượng của riêng bạn:

Đây quả thực là 1 điều khá thú vị và hoàn toàn có thể làm được, các bạn chỉ cần paste đoạn mã sau vào file functions.php trong mục theme:

add_action(‘admin_head’, ‘my_custom_logo’);


function my_custom_logo() {
echo ‘<style type=”text/css”>
#header-logo { background-image: url(‘/‘.get_bloginfo(‘template_directory’’).’/images/custom-logo.gif)!important; }
</style>’;
}

Hãy nhớ thay thế file ảnh bạn dùng làm logo vào thư mục tương ứng, ví dụ ở đây là: wp-content/themes/theme-name/images và đặt tên là custom-logo.gif.

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