Hướng dẫn cài themes WordPress premium

Thông thường các themes premium được cài rất phức tạp, mỗi một themes đều có một cách cài riêng, và cách sử dụng một themes cũng riêng. Sau đây tôi xin hướng dẫn cài một themes trả phí nếu trong themes đó có file chứa file “.xml”. Đây là cách hay nhất và dễ dàng nhất để chúng ta có thể lấy được đủ thứ giống như trong demo.

Tôi xin lấy một themes làm ví dụ, Những themes chứa file .xml khác cũng tương tự như thế thôi. Themes mà tôi lấy ví dụ ở đây là themes “cameleon_v1.1″.

Sau khi giải nén thư mục themes vào file giải nén ta được các thư mục như hình sau:

 

– Vào thư mục “cameleon_theme” sẽ chứa bộ cài themes này sau đó cài như themes bình thường.  Nếu chưa biết cài thì xem bài hướng dẫn cài themes wordpress. – Đến mục này mới đến các chức năng của wordpress premium. (import file.xml cho website) Trong bảng quản trị wordpress ta vào tools chọn Import ta được bảng như sau:

Sau đó chọn wordpress, Nếu chưa cài plugin WordPress Importer 0.6.1 thì nó ra bảng như thế này

Bạn chọn “Install now” ở góc trên cùng bên phải kìa. Đợi nó download WordPress Importer về cài đặt, sau khi xong mình kích hoạt nó giống 1 plugin bình thường. – Sau khi kích hoạt xong ta được bảng như sau:

 

Sau đó “Chọn tệp tin” và tìm đến đường dẫn .xml của themes mình muốn cài sau đó chọn Upload file and import. Tiếp đến ta chọn như sau: Ở mục Import author: admin (admin) ta chọn người đăng là admin (hoặc tài khoản người dùng khác). Muốn download các file khác về như file ảnh, file đính kèm thì tick vào ô “Download and import file attachments” ở mục ”Import Attachments”. Sau đó chọn submit. đợi nó download về import xong thì ta đã hoàn thiện việc cài themes, Tất cả các plugin cần thiết cho themes sẽ được tự  cài vào website. Chú ý –  Khi cài xong ngoài trang chủ của themes thường lấy 1 page nào đó làm trang chủ. chúng ta cũng có thể lấy một page riêng để hiển thị ra trang chủ như sau: Vào settings chọn reading Ở mục Front page displays tick vào ô A static page (select below) sau đó ở mục Front page chọn 1 page để hiển thị ở trang chủ. Như vậy ta đã hoàn thành xong việc cài 1 themes wordpress premium chứa file .xml Chúc các bạn thành công !

SEO WordPress hiệu quả với plugin WordPress SEO by Yoast

WordPress từ lâu đã được người dùng đánh giá là thân thiện với SEO và dễ tối ưu nhất khi sử dụng. Tuy nhiên, sau khi cài đặt wordpress bạn cần phải có plug-in hỗ trợ để tối ưu hóa SEO hiệu quả. Hôm nay, tinhoc24h.info sẽ giới thiệu và hướng dẫn các bạn sử dụng plug-in WordPress SEO by Yoast để SEO WordPress hiệu quả nhất.

Plugin WordPress SEO by Yoast

WordPress SEO by Yoast là plug-in hỗ trợ người dùng wordpress tối ưu hóa on-page trong quá trình viết bài và bao gồm các tính năng xem trước snippet, phân tích quá trình onpage của bạn, hỗ trợ tạo sitemap và thiết lập Social,…

Hướng dẫn cài đặt và cấu hình WordPress SEO by Yoast

1. Để cài đặt plug-in này các bạn đăng nhập vào phần quản lý -> Plugins -> tìm WordPress SEO by Yoast và tiến hành cài đặt. Hoặc có thể truy cập trực tiếp vào địa chỉhttp://wordpress.org/extend/plugins/wordpress-seo/ tải về sau đó giải nén và up lên thư mục /wp-content/plugins/. Cuối cùng vào phần quản lý -> Plugins và Active plugin sau đó bắt đầu cấu hình.

2. Phần này mình sẽ hướng dẫn các bạn cách cấu hình WordPress SEO by Yoast từ đầu đến cuối mà mình đang áp dụng trên trang của mình. Các bạn có thể tham khảo và làm theo hoặc tùy chỉnh theo ý thích của bạn. Bài hướng dẫn này mình viết khi đang sử dụng phiên bản 1.3.4.4  hiện tại đang dùng sau này có update thì các bạn bổ sung thêm.

Dashboard

– Tracking: cái này là cho phép tác giả plugin theo dõi hoạt động của plugin có thể tick hoặc không tùy ý của bạn.

– Security: Khi tick vào mục này plug-in sẽ bị vô hiệu hóa đối với các user không phải là quản trị viên. Nếu bạn tin tưởng các cộng tác viên hay tác giả khcas thì có thể không cần tick.

– Webmaster Tools: hỗ trợ bạn xác minh các yêu cầu của Google Webmaster Toos, Bing Webmaster Tools, Alexa.

Titles & Meta

– General: tick chọn Force rewrite titles và Use meta keywords tag?

– Home: Cấu hình theo hình dưới đây

– Post Types: sử dụng thẻ %%title%% cho title template của post. 2 title template còn lại dùng %%title%% %%page%% và tick chọn vào Meta Robots của Media.

– Taxanomies: sử dụng thẻ %%term_title%% cho các title template và tick cho vào Meta Robots của Media.

– Other: phần này các bạn có thể không cần chỉnh sửa gì hết cũng được.

Social

Tại phần này bạn chỉ cần tick chọn Add OpenGraph meta data và Add Twitter card meta data sau đó điền liên kết user của Twitter còn lại không cần phải điền gì hết.

XML Sitemaps

Các bạn cấu hình cho phần này giống như hình bên dưới và bấm vào nút XML Sitemap để lấy liên kết để submit lên các công cụ tìm kiếm mặc định của nó là http://domain.com/sitemap_index.xml.

Permalinks

Phần này thì các bạn chỉ cần tick chọn ô Remove the ?replytocom variables. là đủ rồi không phải cấu hình gì thêm.

Internal Links

Các bạn nên sử dụng Plugin Breadcrumbs NavXT để thay thế cho phần này dễ tối ưu hơn nhé.

Sau khi chỉnh xong các thiết lập trên là bạn đã có thể thoải mái sử dụng nó để tối ưu rồi. 3 Phần còn lại của Plugin các bạn có thể tự mình tìm hiểu thêm vì mình không sử dụng nó. Phần Edit Files giúp bạn chỉnh sửa file Robots.txt và Htaccess kỹ hơn có thể tham khảo.

Hướng dẫn On-page với WordPress SEO by Yoast

Khi viết bài cho blog các bạn có thể xem trước kết quả tìm kiếm sẽ hiển thị trên Google với Snippet Preview. Focus Keyword để dùng để xác định tự khác quan trọng của bài viết sẽ giúp bạn đánh giáSEO Onpage tại Page Analysis. 3 Phần SEO Title, Meta Description, Meta Keywords là nơi bạn sẽ điền tiêu đề, mô tả và từ khóa để SEO.

Tham khảo On-page WordPress SEO Plugin

Tại tab Page Analysis là thông tin phân tích về chất lượng của bài viết mà bạn đã Onpage. Màu đỏ là tệ, màu vàng là OK, màu xanh là Good. Hãy cố gắng On-page và nhấp chọn Lưu bản nháp hoặc cập nhật để theo dõi và tối ưu hóa cho đến khi nó toàn toàn màu xanh.
Chúc các bạn SEO WordPress thành công.

2 công cụ tự tạo code cho WordPress

WordPress” href=”http://360.edu.vn/files/2013/06/tu-tao-code-wp.jpg” rel=”lightbox[8285]”>

Hi cả nhà! Chào mừng cả nhà đến với chuyên mục mới trên blog mình với tên gọi WordPressDevelopment. Nghĩa là sao? Mình sẽ viết cái giống gì trong đây? Nói nôm na đơn giản là chuyên mục này để mình lưu trữ lại các bài viết chuyên sâu về WordPress cho những ai có nhu cầu tìm hiểu về các vấn đề về WordPress nâng cao như làm việc với WordPress Codex, lập trình plugin hay phát triểntheme WordPress.

Do mình không biết bắt đầu chuyên mục này từ đâu nên mình tạm mở đầu bằng bài viết giới thiệu 2 công cụ tự tạo code cho WordPress. Sở dĩ mình viết trước là vì bất kỳ ai trong chúng ta khi làm việc với code WordPress thì việc lưu lại, ghi nhớ các hàm, tham số trong WordPress luôn là việc làm cần thiết. Mặc dù là ghi nhớ hẳn hoi nhưng đến lúc làm việc thì cũng phải khá chật vật hoặc mất công ghi lại vì mỗi dự án chúng ta có thể viết lại các đoạn code khác nhau. Vì vậy, các công cụ sinh mã luôn là một trợ đắc lực cho các nhà phát triển WordPress, dù là newbie hay bờ rồ.

 

1. Công cụ tự sinh code cho hàm WP_Query

lightbox[8285]”>

WP_Query() có thể được gọi là hàm phổ biến và hay sử dụng nhất trong các dự án phát triển theme vì nó có công dụng lấy các dữ liệu trong một post type nào đó để hiển thị ra ngoài theme (như hiển thị bài viết thông thường chẳng hạn). Dĩ nhiên, thói quen của đại đa số các WordPress Developer là luôn tạo mới hàm WP_Query và gắn cho nó các dữ liệu riêng trên từng khu vực hiển thị, điều này đồng nghĩa là chúng ta phải viết lại khoảng 5, 6 dòng cho hàm này khá là nhiều lần.

Vì vậy nếu bạn đỡ muốn mất thời gian để ngồi mổ cò thì WordPress Query Generator là một sự lựa chọn tối ưu. Thay vì bạn phải tự gõ, thì chỉ cần truy cập vào trang chủ của họ và chọn các giá trị mảng cần thiết như post_type, post_status, posts_per_page,…. và nó sẽ tự sinh ra cho bạn một đoạn mã khá rõ ràng và dễ đọc.

2. Bộ công cụ tự sinh code cho WordPress

Vào một ngày gần đây thì mình vô tình được bác Ngô Xuân Trường giới thiệu đến công cụ tự tạocode khá là hay mà mình cảm thấy nó đáng giá hơn rất nhiều plugin hỗ trợ develop trên WordPress miễn phí lẫn trả phí, đó là bộ công cụ WP Generator.

Thay vì chỉ hỗ trợ tự sinh code về một hàm duy nhất như WP Query Generator ở trên thì bộ công cụ này hỗ trợ bạn tự tạo code với 8 tính năng phổ biến nhất khi xây dựng theme và plugin như:

• wp_config.php – Hỗ trợ chỉnh sửa file wp_config.php nhanh chóng mà không cần ngồi mò code.
• Taxonomy – Tự sinh code tạo một custom taxonomy theo yêu cầu trong vòng 30 nốt nhạc. Đọc bài custom post type của mình bạn sẽ thấy đoạn code tạo custom taxonomy nó chuối thế nào.
• Post Type – Đã có taxonomy thì làm sao thiếu post type được nhể, bộ công cụ này cũng hỗ trợ bạn tự tạocode để tạo một custom post type như ý.
• Post Status – Hàm register_post_status() được dùng để tạo thêm một định dạng trạng thái bài viết bổ sung cho các trạng thái mặc định (Draft, Publish,..) và bạn có thể tùy chỉnh các tham số trong trạng thái này. Với WP Generator, chỉ cần bạn tùy chọn các thông số thông qua bảng menu dropdown là bạn có ngay một đoạn code tạo trạng thái bài viết rất đầy đủ.
• Sidebar – Sinh code tạo sidebar cho WordPress trong 3 nốt nhạc.
• Menus – Tôi có thể tạo một menu WordPress với WP Generator trong vòng 2 nốt nhạc.
• Theme Supports – Tôi có khả năng thêm các tính năng nổi bật có sẵn vào theme WordPress trong vòng 1 nốt nhạc.
• Shortcodes – Với WP Generator, tôi có thể tự tạo một shortcode cho WordPress mà chẳng cần nốt nhạc nào (loa bị hư rồi ạ).

Lời kết

Dù là một công cụ tự sinh code tối ưu như thế nào thì công đoạn cuối bạn vẫn phải làm là sử dụng các đoạn code tự sinh này như thế nào, và đó là lý do mà bạn cũng không nên lạm dụng với các công cụ này quá nhiều, nhất là người mới tìm hiểu về WordPress Codex.

Do đây là một vấn đề mới trên blog nên sẽ khiến nhiều người chưa quen, vì vậy mình sẵn sàng support chi tiết nhất có thể nếu như bạn vẫn còn thắc mắc.

Nguồn : http://thachpham.com

Viral Marketing

Viral Marketing – Marketing lan truyền
Giống như cách thức lan truyền của một con virus. Hình thức quảng cáo này bắt đầu từ giả thuyết một khách hàng luôn kể cho người khác nghe về sản phẩm hoặc dich vụ của bạn mà khách hàng cảm thấy hài lòng khi sử dụng.

Viral Marketing mô tả chiến thuật khuyến khích một cá nhân nào đó lan truyền một nội dung tiếp thị, quảng cáo đến những người khác, tạo ra một tiềm năng phát triển theo hàm mũ sự lan truyền và ảnh hưởng của một thông điệp như những con vi rút.

Các chiến dịch như vậy đã lợi dụng vào sự nhân rộng nhanh chóng để làm bùng nổ một thông điệp đến hàng ngàn, hàng triệu lần.

Nhưng để tạo ra một chiến dịch Viral Marketing có hiệu quả thì thật sự không dễ chút nào, bạn cần phải làm cho “virus” của mình là duy nhất, lôi cuốn, nó phải mang tính cá nhân và được truyền đi bằng sự cộng tác “đôi bên cùng có lợi”…

Theo kết quả thống kê của một công trình nghiên cứu thì chỉ có:

– 18% quảng cáo trên ti vi tạo ra một tỉ lệ hoàn vốn đầu tư khả quan.

– 84% các chiến dịch B2B mang lại mức doanh thu ngày càng thấp.

– 100% việc đầu tư thêm vào quảng cáo chỉ để tạo ra thêm 1% – 2% doanh thu.

– 14% người tiêu dùng tin vào quảng cáo.

– Và 69% người tiêu dùng thích công nghệ ngăn chặn quảng cáo

Từ các số liệu “biết nói” này đã cho chúng ta nhận thấy rằng: Tiếp thị và quảng cáo truyền thốngngày càng trở nên lộn xôn, không đáng tin cậy; kém hiệu quả, chi phí cao hơn mà tỉ lệ hoàn vốn đầu tư lại thấp. Một triết lí đơn giản là: “…bất kì một chiến lược Marketing tốn tiền bac nào mà không tạo ra tiền cho bạn đều là một chiến dịch Marketing phí tiền bạc…” (Kirk Cheyfitz, CEO, Story Worldwide); và kèm theo đó các nhà nghiên cứu cũng đã phát hiện ra một điều thú vị: trung bình thì một người có: 11 – 12 mối quan hệ mật thiết, khoảng 150 mối quan hệ xã hội, và từ 500 đến 1500 các quan hệ lỏng lẻo khác… Chính vì vậy, mà các nhà kinh tế đã tìm ra một “giải pháp” mới cho ngành tiếp thị hiện nay và nó đã dần dần khẳng định được sức mạnh của mình – “Sức mạnh của Word Of Mouth Marketing”.

 

Lợi thế InterBrand Media trong việc thực hiện Viral Marketing:

– Hoạch định rõ ràng thông điệp, chủ đề, người truyền tin… trước khi thực hiện.

– Có số lượng lớn dữ liệu đến vài triệu khách hàng

– Đội ngũ cộng tác viên am hiểu thế giới Online để đẩy nhanh thông điệp quảng cáo

– Bằng việc quảng cáo 2.0 trên sẽ giúp sản phẩm, thông điệp của bạn nhanh chóng đi vào thị trường với chi phí rẻ và hiệu quả… trong một chiến lược Marketing hiện đại.

Email Marketing hỗ trợ SEO rất tốt

Như bạn biết, hai trụ cột của SEO thành công là nội dung “hấp dẫn” (theo mình hiểu là nội dung độc đáo, mới lạ, gây sự hứng thú cho người đọc) và chất lượng backlinks. Mục đích cuối cùng của SEO là mục tiêu chuyển đổi. Email maketing có thể giúp thế nào?

Nội dung

 
Tạo nội dung là công việc khó khăn. Khi nó được tạo ra, chúng ta muốn thu được cước phí (tối ưu hóa lợi nhuận: lượng view, lượng backlink…) tận cùng từ nó. Newbies làm web maketing mắc sai lầm khi sử dụng lại cùng một nội dung trên Web, ví dụ, bằng cách đặt cùng một bài viết giống nhau trên trang web chính của họ và sau đó cả trên blog và trong các article directories, cho lợi ích kiếm nhiềubacklinks. Nhưng trong con mắt của công cụ tìm kiếm, “reprints” chỉ đơn thuần là tạo ra nội dung trùng lặp, và điều này có xu hướng làm tổn thương việc SEO trang web của bạn và cũng làm giảm giá trị của những backlinks.

Tuy vậy, mặc dù điều này có thể thay đổi trong tương lai, các công cụ tìm kiếm hiện tại không đọc hoặc index thư điện tử (nghe thiên hạ đồn sắp tới google sẽ áp dụng cho gmail). Nếu bạn có một danh sách gửi thư, bạn có thể tạo ra một bản tin và luân chuyển tới những thuê bao của bạn qua email và cũng có thể đặt nó trên trang web của bạn mà không có bất kỳ lo lắng vấn đề trùng lặp nội dung. Đó là sự “thu phí” kép trên cùng một nội dung.

Backlinks

 
Đây là những xương sống của SEO. Một trong những thách thức trong việc xây dựng liên kết là nhận được độc giả tiềm năng để biết rằng bạn đã có nội dung tuyệt vời và mới mẻ. Các “marketer” đang ngày càng nhận thức được rằng việc thúc đẩy mạng xã hội có thể hữu ích trong phần này, nhưng đôi khi họ quên rằng email truyền thống vẫn hoạt động tốt!

Sử dụng bản tin email của bạn để cho các thuê bao của bạn biết bạn đã cập nhật trang web của bạn, trong đó chứa các liên kết đến các trang mới với mô tả ngắn gọn. Điều này sẽ “lái” lưu lượng truy cập quan tâm đến các trang này và bạn sẽ dành được backlinks nếu mọi người nhìn thấy giá trị trong nội dung của bạn.

Mục tiêu chuyển đổi

 
Đặc biệt là nếu sản phẩm hoặc dịch vụ của bạn có một chu trình bán hàng phức tạp, bạn không nên chỉ dựa vào SEO để giữ lại khách hàng tiềm năng của bạn. Đôi khi khách hàng tiềm năng dành cả tháng thăm dò, thẩm định trước khi họ cam kết mua hàng. Họ thường bắt đầu với thông tin, chứ không phải định hướng mua bán theo các truy vấn tìm kiếm.

Những người đầu tiên có thể tìm thấy trang web của bạn thông qua một truy vấn như vậy, nhưng sau đó họ có thể dễ dàng quên truy vấn họ sử dụng và thực tế là họ đánh dấu URL của bạn. Tuy nhiên, nếu bạn gửi chúng tới danh bạ của bạn thông qua bản tin của bạn, bạn có thể tiếp tục xây dựng niềm tin và xây dựng thương hiệu thông qua toàn bộ chiều dài của chu trình bán hàng.

Thủ thuật WordPress – Hướng dẫn cách cài đặt wordpress

Nếu bạn đang có ý định xây dựng một trang blog cho riêng mình bằngwordpress mà bạn chưa biết bắt đầu từ đâu, cần phải làm những gì và làm nó như thế nào thì bài viết này sẽ giúp bạn trả lời những câu hỏi đó.

Để cài đặt wordpress bạn cần chuẩn bị những việc sau:

1. Download bộ mã nguồn của wordpress về

link download http://vi.wordpress.org/wordpress-3.4.1-vi.zip, ở đây tôi tải phiên bản wordpress tiếng việt mới nhất 3.4.1.

2. Đã có tài khoản truy cập host của nhà cung cấp hosting, ở đây tôi hướng dẫn sử dụng cPanel rất phổ biến hiện nay

3. Có một phần mềm để upload file mã nguồn của wordpress lên hosting, ở đây tôi sử dụng phần mềm SmartFTP Client.

Nào ta bắt đầu cài đặt wordpress

Về cơ bản việc cài đặt wordpress bao gồm 3 bước sau:

1. Tạo cơ sở dữ liệu (database) để chứa dữ liệu các bài viết của bạn.

2. Chỉnh sửa file cấu hình wp-config.php trỏ về cơ sở dữ liệu.

3. Tiến hành cài đặt wordpress.

Bước 1: Tạo cơ sở dữ liệu

1. Đăng nhập vào cPanel bằng tài khoản của nhà cung cấp hosting (hình 1)

Hướng dẫn cài đặt wordpress ( Hình 1)

2. Trên màn hình của cPanel tìm đến phần MySQL Databases và nhắp vào nó để chuyển đến màn hình tạo cơ sở dữ liệu (xem hình 2)

Hướng dẫn cài đặt wordpress ( Hình 2).
3. Trên hình 2 nhập tên cơ sở dữ liệu bạn muốn vào ô New Database, ở đây tên cơ sở dữ liệu của tôi là plazanet_db sau đó nhắp Create Database để tạo cơ sở dữ liệu.

4. Tạo user, vẫn ở màn hình 2 nhập tên của user trong khung Username, mật khẩu vào ô Password (lưu ý nhập cả mật khẩu vào ô Password (Again)) để xác minh mật khẩu, ở đây tôi nhập tên user là plazanet_mrhoai và mật khẩu là 12345678 – xem hình 3.

Hướng dẫn cài đặt wordpress (Hình 3).
Nhắp chọn Create User để tạo user

5. Gán cơ sở dữ liệu plazanet_db cho user plazanet_mrhoai xem hình 4, chọn plazanet_mrhoai trong khung User và chọn plazanet_db trong khung Database sau đó click Add

Hướng dẫn cài đặt wordpress Hình 4.
sau khi click nút Add một màn hình xuất hiện check chọn ALL PRIVILEGES – xem hình 5

Hướng dẫn cài đặt wordpress Hình 5.

không quên nhắp vào nút Make Changes để gán toàn quyền truy cập vào cơ sở dữ liệu plazanet_db cho user plazanet_mrhoai.

OK, vậy là bạn đã tạo xong cơ sở dữ liệu chuẩn bị cho việc cài đặt wordpress.

Bước 2: Chỉnh sửa file cấu hình wp-config.php

1. Giải nén file wordpress-3.4.1-vi.zip ta có thư mục wordpress

2. Trong thư mục wordpress tìm đến file wp-config-sample.php sau đó đổi tên file này thành wp-config.php

3. Mở file vừa đổi tên sau đó điền các thông tin về cơ sở dữ liệu vừa tạo ở bước 1 – xem hình 6

Hướng dẫn cài đặt wordpress Hình 6

Chú ý:
+ Khung 1 điền tên cơ sở dữ liệu, ở đây tôi đã tạo cơ sở dữ liệu tên là plazanet_db

+ Khung 2 điền tên user, ở trên tôi đã tạo user tên là plazanet_mrhoai

+ Khung 3 là mật khẩu, ở trên tôi đặt là 12345678

+ Khung 4 để mặc định là localhost

Đóng và lưu file vừa thay đổi là bạn đã hoàn thành bước 2.

Bước 3: Cài đặt wordpress

Trước tiên bạn phải tải tất cả các thứ trong thư mục wordpress vừa giải nén ở bước 2 lên thư mục root của host (thường là public_html) bằng phần mềm SmartFTP Client. Bước này có thể phải mất từ 5-10 phút mới tải xong, làm ly cafe đã nào sắp xong rồi  .

Sau khi tải xong bạn mở trình duyệt firefox và trỏ tới domain của bạn sẽ xuất hiện màn hình như hình 7

Hướng dẫn cài đặt wordpress hình 7.
Điền các thông tin cho blog của bạn như tiêu đề blog, tài khoản của người quản trị blog, email của người quản trị.

Chú ý: Bạn phải nhớ tên đăng nhập và mật khẩu nhập ở bước này, wordpress sẽ dùng tài khoản này như là tài khoản administrator cho blog của bạn.

Sau khi điền xong thông tin bạn nhắp chuột vào nút Cài đặt WordPress để bắt đầu tiến trình cài đặt, việc cài đặt được wordpress thực hiện tự động, bạn chờ một lúc xuất hiện một màn hình như hình 8 là bạn đã hoàn thành việc cài đặt wordpress.

Hướng dẫn cài đặt wordpress hình 8.

Xin cảm ơn bạn đã đọc bài viết hướng dẫn cách cài đặt WordPress

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

Trích dẫn : Mr.Hoai blog

WordPress – một số thủ thuật

Có thể việc tạo blog wordpress, đăng bài, thiết kế giao diện,… không có gì quá xa lạ với bạn. Tuy vậy, vẫn còn những thủ thuật “nhỏ” nhưng ít người khám phá.Vì vậy, M4Ps xin chia sẻ với các bạn những “mẹo vặt” mà mình đã thử nghiệm và thành công.

Với những mẹo này, blog của bạn sẽ được bố trí hài hòa hơn, có thể tăng tốc độ đọc trang nhờ việc tạo đoạn giới thiệu hoặc ngắt trang, cũng như tạo liên kết đến vị trí định sẵn cho bài viết, tăng mức độ tương tác giữa người đọc và người quản trị.

1. Tạo phần giới thiệu tóm tắt (summary):

Việc tạo phần giới thiệu tóm tắt, giúp cho bạn không thể hiện toàn bộ bài viết. Người đọc nếu thích bài đó sẽ nhấn vào liên kết phía dưới để đọc tiếp. Điều này không những làm cho tốc độ đọc trang của bạn nhanh hơn, độ dài trang bớt dài lê thê, mà còn giúp bạn làm tăng page views đối với bài viết đó.

Nhưng mà, thủ thuật này đâu có gì xa lạ đâu. Ối giời! Chỉ cần thiết lập chế độ Summary ở mục For each article in a feed, show trong phần Settings, Reading. Sau đó, ở phần soạn nội dung bài viết (theo chế độ Visual), bạn chỉ cần đặt con trỏ tại vị trí cần ẩn nội dung phía dưới và chọn nút Insert More Tag (nút có hình trang giấy bị cắt đôi). Thế là xong! Người đọc chỉ cần đọc phần giới thiệu, nếu thích thì nhấn Read More hoặc Read the Rest of Entry…(tùy từng giao diện)

Vâng, nếu như trên thì không có gì để nói. Tuy nhiên, ý của M4Ps lại khác :

Bạn có muốn thay dòng chữ Read More, Read the rest of Entry của WordPress bằng dòng chữ của riêng mình như Xem tiếp, Đọc tiếp , Tiếp tục nhé … hay không?

À, ra là vậy. Nếu vậy, bạn chỉ cần thay đổi dòng lệnh 1 chút xíu bằng cách:

Sau khi nhấn chọn nút Insert More Tag, bạn nhấn vào thẻ HTML, tìm đoạn mã <!–more–> (nếu dùng FireFox, bạn có thể nhấn Ctrl + F và nhận đoạn mã cần tìm vào ô search, FF sẽ tìm giúp bạn) và thay bằng đoạn mã <!–more Nội dung của bạn–>. Chỉ đơn giản vậy thôi! Khi đó, sau khi đăng bài, ở nội dung bài viết sẽ có đường link là Nội dung của bạn và mọi người chỉ cần nhấn vào đó để xem tiếp. Bạn làm thử xem sao nhé.

2. Thủ thuật ngắt trang:

Bạn có 1 bài viết (trang viết) có nội dung rất dài và bạn muốn tất cả nội dung đó chỉ hiện trong 1 bài, chứ không muốn tạo thành nhiều bài nhỏ với từng phần khác nhau. Vậy làm sao để mọi người xem mà không thấy ngán khi thấy nó quá dài.

Nếu vậy, bạn hãy sử dụng thủ thuật “ngắt trang” Page Break bằng cách sử dụng đoạn mã <!–nextpage–> (bạn lưu ý viết liền, không có khoảng trắng, không viết hoa). Cách làm như sau:

– Trong phần soạn thảo theo chế độ Visual, Bạn ghi nhớ nội dung của đầu đoạn cần ngắt trang. Ví dụ: M4Ps cần ngắt nội dung từ “2.Thủ thuật ngắt trang” sang trang mới.

– Bạn chọn thẻ HTML, bạn tìm đến đúng vị trí của từ “2. Thủ thuật ngắt trang”. Nên nhờ FireFox tìm dùng bạn vì việc tìm kiếm thủ công trong thẻ HTML như “mò kim đáy biển”(xem hình 1)

– Đặt đoạn mã <!–nextpage–> ở ngay phía trên dòng đó. (xem hình 2)

Hình 1. Dùng chức năng search của FF để tìm đến vị trí

Hình 2. Đặt đoạn mã ở ngay dòng trên.

Vậy là xong. Quá đơn giản phải không bạn?

Thiết kế theme WordPress cơ bản với 960 Grid – Phần 1

Vậy là cuối cùng  cũng đến thời điểm mình giới thiệu serie này, phải nói là đây là một serie hướng dẫn WordPress mà mình đã ấp ủ khá lâu rồi nhưng do chưa có cơ hội và đủ kinh nghiệm để giới thiệu sớm đến mọi người. Nhưng bây giờ thì điều đó đã được thực hiện, đã sẵn sàng giới thiệu đến mọi người một serie hướng dẫn mang tên Tự thiết kế theme WordPress với 960 Grid từ đầu tới cuối, miễn sao bạn có thể tự làm một theme đơn giản như ảnh dưới.

Trong bài này mình sẽ chưa vội đưa các bạn vào nội dung hướng dẫn ngay mà mình sẽ nói qua một số điều cũng như cho mọi người biết những gì chúng ta cần chuẩn bị.

Giới thiệu 960 Grid và vì sao nên dùng?

Trước khi đọc thì bạn nên tải bộ 960 Grid System về máy trước cái đã rồi cất nó ở một nơi nào đó trước đi và nên xem qua 2 bài dưới đây để hiểu thêm về 960 Grid.

960 Grid là một CSS Framework hỗ trợ bạn chia layout website nhanh chóng với độ rộng chuẩn là 960px (có thể chỉnh hơn tại đây). 960 Grid hỗ trợ nhiều nhất là layout dạng lưới với 24 cột và tối thiểu là 12 cột. Thường thì chúng ta sẽ sử dụng loại 12 cột để làm một giao diện website đơn giản, nhưng nếu bạn muốn có nhiều cột hơn để tinh chỉnh theme nâng cao thì có thể sử dụng loại 16 hay 24 cột.

Ban đầu bạn có thể hơi lạ lẫm khi làm việc với CSS Framework nhưng thực ra cũng dễ dùng lắm và bạn sẽ nhanh chóng quen thôi nếu bạn đã có kiến thức về CSS, ít nhất là sau tut này bạn sẽ hiểu được cách dùng ^^. Ở đây mình xin nói qua về việc áp dụng 960 Grid lên theme mà chúng ta sẽ làm.

Toàn bộ theme chúng ta sẽ sử dụng 12 cột với tổng chiều rộng là 960px, trong đó có 20px lề biên. Nghĩa là nội dung toàn bộ website của chúng ta sẽ có kích thước 940px.

• Phần header chia ra làm 2 khung. Khung hiển thị logo sẽ có 5 cột và khung hiển thị menu là 8 cột.
• Phần menu dưới header chỉ 1 khung và dĩ nhiên, khung đó có luôn 12 cột.
• Phần nội dung chia làm 2 khung. 8 cột cho phần hiển thị nội dung bài viết bên trái và 4 cột hiển thị sidebar bên phải.
• Phần Footer Widget chia làm 3 khung và mỗi khung có 4 cột.

Bạn thấy không, do chúng ta sử dụng loại 12 cột nên tất cả các thành phần ở trong theme luôn có tổng là 12 cột. Và mỗi phần như vậy mình sẽ luôn có một thẻ div để tạo khung 12 cột cho nó. Nếu bạn vẫn chưa hiểu lắm về các cột trong theme chúng ta sắp sửa làm thì có thể xem ảnh này, mỗi cột màu đỏ mình tính là 1 cột.

Lý do mà trong bài cơ bản này mà lại sử dụng một thứ đáng lẽ không nên dùng ở bước cơ bản là vì nó sẽ giúp bạn tiết kiệm rất nhiều thời gian để thiết kế website do việc phân chia các cột sẵn, chỉ việc lấy ra và sử dụng thôi thay vì phải đặt kích thước cho mỗi thành phần rồi float trái, float phải khá phiền phức, nhưng nếu bạn là người mới thì đừng nên lạm dụng quá. Nếu bạn sử dụng cái này quen rồi thì việc thiết kế website sẽ trở nên nhẹ nhõm đi rất nhiều, giúp bạn tập trung nhiều hơn vào WordPress thay vì các thành phần này.

Kiến thức nền tảng

Như bài Học gì để thiết kế theme WordPress mình đã chỉ ra rõ những gì cần học nếu muốn tự làm theme WordPress. Thực ra nếu bạn theo dõi series này thì sẽ không cần trang bị nhiều đến như vậy đâu nhưng ít nhất bạn cũng nên chuẩn bị các kiến thức cơ bản nhất như:

• Cách sử dụng WordPress căn bản như Posts, Pages, Widget,….Xem thêm bộ video hướng dẫn WordPress của mình.
• Kiến thức HTML cơ bản, có thể phân biệt giữa ID và Class, thành thạo một số tag thông dụng như div, a, p, ul ol li,….
• CSS căn bản đủ dùng, trong series này sẽ không có nhiều khái niệm phức tạp nhưng ít nhất bạn cũng biết float, background, color, margin, padding và quan trọng là cách sử dụng vùng chọn (Selector).
• PHP căn bản, đủ để hiểu được đâu là hàm, biến, mảng, giá trị và những toán tử cơ bản.

Chỉ vậy thôi, liệt kê ra thấy nhiều nhưng mình nghĩ là những ai đang ở đây thì đã biết hết rồi cả đấy. Không tin ư, cứ theo dõi thì biết.

Công cụ cần chuẩn bị

Khi tiến hành thiết kế theme WordPress hoặc theo dõi serie này thì bạn nên cài đặt sẵn một số công cụ sau vào máy.

• Một IDE hoặc Editor cần thiết như Notepad++, phpDesigner, Aptana Studio, CodeLobster. Ở đây mình sẽ sử dụng CodeLobster, vì sao thì đọc ở đây.
• Một phần mềm tạo localhost dưới máy tính để cài WordPress như XAMPP, WAMPP, InstantWP, DesktopServer. Mình khuyến khích bạn nên dùng DesktopServer hoặc InstantWP cho gọn.
• Firefox bản mới có cài Developer Toolbar và Firebug hoặc Google Chrome. Nên dùng luôn cả 2.
• 1 ly cà phê kèm thêm gói thuốc (nếu bạn hút thuốc).  

Nếu bạn đã chuẩn bị đủ và sẵn sàng rồi thì bây giờ bắt tay vào được rồi đấy.

Cấu trúc một theme WordPress đơn giản

Thông thường thì một theme WordPress thông thường sẽ có các file sau.

• style.css – Khai báo thông tin theme như tên tác giả, tên theme và các code CSS có trong theme.
• index.php – Hiển thị nội dung của trang chủ.
• header.php – Hiển thị phần header của theme.
• single.php – Thiết lập cấu trúc một trang hiển thị nội dung bài viết (Post)
• footer.php – Hiển thị phần chân trang của theme.
• archive.php – Thiết lập cấu trúc hiển thị danh sách bài viết trong category, tag, archive.
• page.php – Thiết lập cấu trúc hiển thị nội dung của một Page.
• sidebar.php – Thiết lập cấu trúc hiển thị sidebar của theme.
• functions.php – Là nơi lưu trữ các functions mà chúng ta sẽ sử dụng trong theme.
• screenshot.png – ảnh đại diện cho theme, ảnh này phải mang tên là screenshot và bắt buộc phải là định dạng .png.

Nó có thể có thêm nhiều file khác nữa tùy thuộc vào từng nhu cầu, nhưng mình sẽ nói ở một phần khác nên ở đây chúng ta chỉ làm quen với cấu trúc đơn giản thôi. Rồi, đọc thì là vậy nhưng ngay bây giờ chúng ta sẽ tiến hành tạo tự tạo các file này và viết code cho nó. Bạn nên gõ lại code nhé chứ đừng copy vì mục đích mình viết ra đây là giúp bạn nhớ được các code.

Tạo thư mục và file cần thiết

Bây giờ bạn vào thư mục wp-content/themes tạo một thư mục mới với tên bất kỳ. Ở đây mình đặt tên thư mục này là thachpham.

Và trong thư mục này bạn nên tạo thêm các file và thư mục sau (có thể để trống):

Bạn nên nhớ là file screenshot.png có thể là ảnh bất kỳ nhé, miễn sao bạn phải đặt ảnh đó tên là screenshot.png. Tiếp theo đó, bạn copy file text.css và 960.css của 960 Grid System trong thư mục960 Grid/code/css vào thư mục style trong theme của mình.

Bây giờ bạn mở file style.css lên và viết đoạn CSS sau vào.

1 2 3 4 5 6 7 8

/* Theme Name: TP Theme Theme URI: http://thachpham.com Description: Theme WordPress đơn giản. Author: Thạch Phạm Author URI: http://thachpham.com Version: 1.0 */

Đoạn trên là thành phần bắt buộc phải có trong mỗi theme, mục đích là khai báo các thông tin cần thiết của theme, dĩ nhiên bạn có thể sửa thành tên và link website của mình. Bây giờ lưu lại và vàoAppearance -> Theme sẽ thấy ảnh và tên theme mà bạn vừa tạo.

Bạn thích thì cứ nhấp Activate để kích hoạt theme lên, nhưng nó sẽ chưa hiển thị gì đâu vì bạn đã làm gì đâu mà.  

Bây giờ bạn viết thêm đoạn code này vào file style.css để đưa tất cả thuộc tính của CSS về giá trị bằng 0 hết để có thể hiển thị giống nhau trên cùng một trình duyệt, người ta hay gọi bước này là Reset CSS.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47

@media screen {html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0;  padding: 0;  border: 0;  outline: 0;  font-weight: inherit;  font-style: inherit;  font-size: 100%;  font-family: inherit;  vertical-align: baseline; } /* remember to define focus styles! */ :focus {  outline: 0; } body {font:12px/2 "Helvetica Neue",Helvetica,Arial,sans-serif;} a {text-decoration:none;} ol, ul {  list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table {  border-collapse: separate;  border-spacing: 0; } caption, th, td {  text-align: left;  font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after {  content: ""; } blockquote, q {  quotes: "" ""; } .zoomer:active {top:0;} article,aside,figure,footer,hgroup,menu,nav,section {display:block;} .group:after {visibility: hidden; display:block; font-size:0; content: ""; clear:both; height:0;} }/*--End Reset Screen--*/

Rồi. Tới đây coi như kết thúc khâu chuẩn bị mà bạn nên làm trước tiên khi tiến hành thực hiện một dự án theme WordPress bất kỳ. Nhưng khoan, bài có vẻ hơi dài rồi nên mình tạm kết thúc phần 1 tại đây nhé và mình sẽ viết tiếp phần 2 vào 1, 2 ngày nữa thôi. Lý do là mình dành thời gian cho những ai chưa quen với 960 Grid có thời gian tìm hiểu thêm về nó để sang các phần tiếp theo chúng ta sẽ dễ dàng làm việc hơn.

8 thủ thuật hay dành cho “dân” nghiền WordPress

Dưới đây là 8 thủ thuật hoàn toàn mới và hữu dụng dành cho những fan hâm mộ của WordPress được All 4 You Blog sưu tầm từ Internet.

Lưu ý: Hãy tạo một bản sao lưu cho tất cả các tập tin mà bạn sẽ chỉnh sửa nhằm tránh các rủi ro không may xảy ra!

Thay đổi font chữ trong WordPress editor một cách dễ dàng

Bạn không thích font chữ mặc định trong WordPress editor? Hãy thêm đoạn code dưới đây vào trong tập tin functions.php của WordPress Theme mà bạn đang sử dụng. Bạn có thể thay đổi font chữ ở dòng thứ 6 trong đoạn code.

add_action( 'admin_head-post.php', 'cwc_fix_html_editor_font');

add_action( 'admin_head-post-new.php', 'cwc_fix_html_editor_font');

functioncwc_fix_html_editor_font() { ?>

<style type="text/css">#editorcontainer #content, #wp_mce_fullscreen { font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; }</style>

<?php }

Thiết lập chế độ bảo trì

Khi bạn cần bảo trì WordPress của bạn, hãy thêm đoạn code dưới đây vào trong tập tin functions.php của WordPress Theme mà bạn đang sử dụng. Đừng quên gỡ bỏ nó sau khi bạn bảo trì xong.

functioncwc_maintenance_mode() {

if( !current_user_can( 'edit_themes') || !is_user_logged_in() ) {

wp_die('Bảo trì, vui lòng quay trở lại sau.');

}

}

add_action('get_header', 'cwc_maintenance_mode');

URL đăng nhập đơn giản

Bạn muốn một url đăng nhập đơn giản trông giống như http://afublog.com/login? Hãy mở tập tin .htaccess và thêm đoạn code dưới đây vào. Hãy sao lưu .htaccess trước khi chỉnh sửa nó!

RewriteRule ^login$ http://yoursite.com/wp-login.php [NC,L]

Để áp dụng 5 thủ thuật dưới đây, các bạn chỉ cần sao chép đoạn code của thủ thuật mà bạn muốn sử dụng và dán vào tập tin

functions.php

của WordPress Theme mà bạn đang dùng.

Vô hiệu hóa chuyển đổi theme

Ngăn không cho khách hàng/người dùng chuyển đổi theme

add_action('admin_init', 'cwc_lock_theme');

functioncwc_lock_theme() {

global$submenu, $userdata;

get_currentuserinfo();

if($userdata->ID != 1) {

unset($submenu['themes.php'][5]);

unset($submenu['themes.php'][15]);

}

}

Vô hiệu hóa RSS feed

functioncwc_disable_feed() {

wp_die( __('Không có feed, vui lòng ghé thăm <a href="'. get_bloginfo('url') .'">trang chủ</a>!') );

}

add_action('do_feed', 'cwc_disable_feed', 1);

add_action('do_feed_rdf', 'cwc_disable_feed', 1);

add_action('do_feed_rss', 'cwc_disable_feed', 1);

add_action('do_feed_rss2', 'cwc_disable_feed', 1);

add_action('do_feed_atom', 'cwc_disable_feed', 1);

Bộ lọc tác giả

Liệt kê các bài viết của từng tác giả trong WordPress của bạn

functioncwc_restrict_manage_authors() {

if(isset($_GET['post_type']) && post_type_exists($_GET['post_type']) && in_array(strtolower($_GET['post_type']), array('your_custom_post_types', 'here'))) {

wp_dropdown_users(array(

'show_option_all'=> 'Show all Authors',

'show_option_none'=> false,

'name'=> 'author',

'selected'=> !empty($_GET['author']) ? $_GET['author'] : 0,

'include_selected'=> false

));

}

}

add_action('restrict_manage_posts', 'cwc_restrict_manage_authors');

Thêm ảnh đại diện cho RSS feed

Chỉ áp dụng cho các WordPress Theme hỗ trợ tính năng ảnh đại diện.

function cwc_rss_post_thumbnail($content) {

global $post;

if(has_post_thumbnail($post->ID)) {

$content = '

' . get_the_post_thumbnail($post->ID) .

'

' . get_the_content();

}

return $content;

}

add_filter('the_excerpt_rss', 'cwc_rss_post_thumbnail');

add_filter('the_content_feed', 'cwc_rss_post_thumbnail');

Gỡ bỏ WordPress admin bar

add_filter('show_admin_bar', '__return_false');

EmbedIt – Chèn code html, php vào post và page cho wordpress

Như các bạn đã biết wordpress không hiển thị các code html hay php được chèn trực tiếp vào post, page.  Để khắc phục điều này thì nhiều plugin đã ra đời ( bạn search từ khóa embed trên trang chia sẻ plugin của wp sẽ có vô số plugin có chức năng đó ). Nhưng trong bài viết này mình xin giới thiệu plugin embed it. Vậy các bạn sẽ thắc mắc tại sao mình lại giới thiệu nó trong khi có quá nhiều sự lựa chọn khác phải không?

Đọc hết bài viết này bạn sẽ có đáp án thỏa đáng nhất cho câu hỏi trên.

Như đã nói ở trên, chức năng của plugin embed it là hiển thị các kết quả mà chúng ta mong muốn khi chèn mã html hay php vào bài viết, trang. Để chèn vào bài viết thì embed it dùng các Custom Fields ( là một trong các table post bài nó thường nằm phía dưới bài viết ) có  sẵn trong wp. Nếu như trong phần post bài không có table Custom Fields thì bạn mở Screen Options ( thường nằm phía bên, bên phải màn hình) rồi tick vào ô Custom Fields để mở bảng Custom Fields.

Lưu ý: Screen Options chỉ có khi bạn active plugin Hello Dolly, một trong các plugin mặc định nên có trong source code của WP, nếu bạn lỡ xóa thì down bạn wp cùng phiên bản để up lại.

Và giờ bạn tạo một custom field mới với Name: HTML1 ( số thứ tự tăng dần) và Value : code html, php mà bạn muốn chèn vào, sau đó nhấn Add Custom Field.

Sau đó chèn tab vào bài viết hay trang, nơi mà bạn muốn hiển thị code mà bạn đã add vào custom field.

Vậy các bạn đã hiểu vì sao mình lại giới thiệu embed it rồi chứ? Bởi vì khi post code các plugin khác đều chèn trực tiếp vào khung nội dung bài viết điều này làm bài viết dài rất khó sửa khi có lỗi còn với embed it tất cả code được gói gọn trong một custom field.

Khi search tên plugin này mình không hiểu sao lại không thấy nó trong các plugin của wordpress.org chia sẻ miễn phí nên mình upload lên mediafire và nếu bạn không tin tưởng có thể download trực tiếp tại trang chủ của tác giả của Embed It – Matteo Ionescu

Bạn điền email của mình ( nên dùng email phụ để tránh spam ) sau đó nhấp Send it to me.

Lưu ý: Bạn chỉ cần upload file embed-it.php lên thư mục plugin.