Tìm tòi và nghịch về wordpress

note sửa trang giasondulux.com

tu vào lúc 22:22 0

các note sẽ được lưu lại tại đây để dễ bề sửa lại sau này:

1.sửa phần login - đăng nhập

trước khi sửa: chữ NEW HERE? là thẻ h2

để sửa phần bên trên, ta vào múc mục:

wp-content/themes/sw_maxshop/woocommerce/myaccount

Sau khi sửa.

2. sửa phần Hot line: chuyển thẻ h2 thành thẻ h4 vẫn giữ nguyên định dạng chữ

Chữ Hotline đang là thẻ h2, file app-default.css dòng 894

bước 1: ta tải file app-default.css của theme về, nó trong mục:

wp-content/themes/sw_maxshop/css

bước 2: Ta mở file app-default.css đó ra và tìm đến dòng 894 như trong hình

bước 3: copy đoạn css của chữ hotline đó xuống, sửa h2 thành h4 để khi ta thay đổi thẻ h thì không bị lệch dòng, hay lệch font, cỡ chữ

Bước 4: tải file header-style2. (bạn dùng style nào thì tải file style đó về) trong mục:

/wp-content/themes/sw_maxshop/templates

bước 5: sửa thẻ h2 thành h4 rồi up lên server đúng chỗ của từng file. xem kết quả thôi

sửa thành công rồi nhá :D

Đọc thêm »

Hướng dẫn chi tiết cách cấu hình Google Webmaster Tools cho WordPress

tu vào lúc 20:22 0

Trước tiên ta cần hiểu công dụng của Google Webmaster Tools cho trang web.

1. Google Webmaster Tool có tác dụng gì?

Google webmaster Tools là công cụ dùng hỗ trợ cho các webmaster và SEOer quản lý website, đây là công cụ miễn phí được cung cấp bởi Google.

2. Hướng dẫn cài đặt Google Webmaster Tool cho wordpress

Bước 1: Truy cập vào google Webmaster Tool tại đây

Đăng nhập bẳng tài khoản Gmail của bạn. Sau khi đăng nhập xong thì gõ địa chỉ website của bạn vào ô bên dưới và nhấn vào nút “Thêm Trang web“.

Bước 2: Xác minh website.
- Có nhiều các để xác minh nhưng trong trường hợp này tôi sẽ dùng cách sau: bạn click vào tag các phương thức thay thế và chọn: “thẻ HTML“.

Bước 3: - Đăng nhập vào trang quản trị website của wordpress.
- Vào Appearance -> Editor
Sau đó bạn click vào Header.php hoặc phần Head.php

Bước 4:
- Copy mã code ở bước 2 phần dấu muốn tên đỏ, và paste vào phần bêncủa code như hình sau

- Sau đó bạn ấn save lại và quay lại trang google webmaster tool nhấn vào nút “Xác minh” ở bên dưới.

- Nếu xác minh thành công nó sẽ thông báo thành công. Ngược lại, bạn sẽ phải tiếp tục xác minh.

Đọc thêm »

Chatbox hỗ trợ trực tuyến giữa website với fanpage facebook

tu vào lúc 22:19 0

đây là mã nguồn giúp trang web có chatbox liên kết trực tiếp đến fanpage facebook, bạn có thể tùy ý chỉnh sửa theo ý mình

Mã Nguồn:

HTML:

  <div id="fb-root"></div>
  <script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.5";
  fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>
  <style>#cfacebook{position:fixed;bottom:0px;right:8px;z-index:999999999999999;width:250px;height:auto;box-shadow:6px 6px 6px 10px rgba(0,0,0,0.2);border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;}#cfacebook .fchat{float:left;width:100%;height:270px;overflow:hidden;display:none;background-color:#fff;}#cfacebook .fchat .fb-page{margin-top:-130px;float:left;}#cfacebook a.chat_fb{float:left;padding:0 25px;width:250px;color:#fff;text-decoration:none;height:40px;line-height:40px;text-shadow:0 1px 0 rgba(0,0,0,0.1);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqCAMAAABFoMFOAAAAWlBMV…8/UxBxQDQuFwlpqgBZBq6+P+unVY1GnDgwqbD2zGz5e1lBdwvGGPE6OgAAAABJRU5ErkJggg==);background-repeat:repeat-x;background-size:auto;background-position:0 0;background-color:#3a5795;border:0;border-bottom:1px solid #133783;z-index:9999999;margin-right:12px;font-size:18px;}#cfacebook a.chat_fb:hover{color:yellow;text-decoration:none;}</style>
  <script>
  jQuery(document).ready(function () {
  jQuery(".chat_fb").click(function() {
jQuery('.fchat').toggle('slow');
  });
  });
  </script>
  <div id="cfacebook">
  <a href="javascript:;" class="chat_fb" onclick="return:false;"><i class="fa fa-facebook-square"></i> Hỗ trợ trực tuyến</a>
  <div class="fchat">
  <div class="fb-page" data-tabs="messages" data-href="https://www.facebook.com/kytrang10" data-width="250" data-height="400" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>
  </div>
  </div>

Ảnh Demo cho mọi người xem

DEMO thực tế cho mọi người xem: giasondulux.com

Hướng dẫn sử dụng:
với những ai dùng wordpress bạn có thể làm như sau: Bạn mở file footer.php của theme bạn đang sử dụng và chèn đoạn mã trên vào cuối file này, trên dòng (hoặc trước dòng mã sau)

Mã: