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

Cách sử dụng:

• Cài đặt và kích hoạt plugin bình thường như những plugin khác.

• 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 ) .

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.

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;
}

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

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.

Đăng nhập vào google analytics

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

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 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

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

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.

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 thống kê theo ngày trong google analytics

Kết luận: Xong phần giới thiệu đó 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