Lưu trữ danh mục: Website

Bạn có thể đã đưa ra quyết định có ý thức là tiếp tục sử dụng WordPress Phiên bản 4.9 phát hành ngày 15 tháng 11 năm 2017, hoặc sử dụng plugin Classic Editor thay vì trình chỉnh sửa khối. Dù bằng cách nào, bạn có thể lo lắng rằng sẽ đến lúc điều này không còn khả thi nữa — và bạn đã đúng. Quan trọng hơn, bạn thực sự không biết phải làm gì về điều đó. Hệ thống quản lý nội dung yêu thích của bạn đang thay đổi nhưng không theo cách mà bạn thích.

ClassicPress là hệ thống quản lý nội dung (CMS) dành cho người sáng tạo, không có khối, chỉnh sửa toàn bộ trang web hoặc Gutenberg. Chúng tôi cũng đã thực hiện một số cải tiến đáng kể:

Không giống như WordPress, HTML5 hiện là đầu ra nội dung mặc định
Tiện ích, Menu và Meta Box hiện có thể truy cập dễ dàng hơn nhiều trong các trang quản trị dành cho những người không thể sử dụng chuột
Có các nút điều hướng mới (Trước và Tiếp theo) trên mỗi màn hình quản trị bài đăng và trang
ClassicPress là giải pháp thay thế tốt nhất cho WordPress, cấu trúc tệp và thư mục gần giống với cấu trúc của WordPress. Vẫn có ba thư mục cấp cao nhất là wp-admin, wp-contentvà wp-includes. Tệp cấu hình vẫn được gọi wp-config.phpvà sau đó có tất cả các thư mục con quen thuộc khác bao gồm wp-content/plugins, wp-content/themesvà wp-content/uploads.

Bạn không cần dùng plugin Classic Editor. Mã khác cũng đã bị xóa bao gồm mã cho các phiên bản PHP dưới 5.6. Và chúng tôi chắc chắn bạn sẽ vui mừng khi biết rằng không có plugin Hello Dolly và Akismet nào được đóng gói cùng với ClassicPress. Và, không giống như WordPress, ClassicPress mặc định xuất ra HTML5 .

Những cải tiến khác đang được lên kế hoạch trong các phiên bản tương lai. Ví dụ, chúng tôi hy vọng sớm loại bỏ jQuery UI khỏi lõi và thay thế bằng HTML5 gốc và JavaScript thuần để mọi thứ hoạt động nhanh hơn và dễ truy cập hơn.

Để cải thiện bảo mật hơn nữa, chúng tôi cũng đã ngừng hỗ trợ các phiên bản PHP thấp hơn 7.4, hiện 8.0, bảo mật tất cả các bản dựng ClassicPress trên GitHub và đảm bảo rằng giao tiếp API được thực hiện qua SSL. Việc chuyển từ WordPress sang ClassicPress không thể dễ dàng hơn và bạn thậm chí không cần phải chạy WordPress 4.9. Bất kỳ phiên bản WordPress nào cũng có thể được chuyển sang ClassicPress bao gồm 6.6.1.

Dễ dàng cài đặt, sử dụng một plugin ClassicPress chuyển phiên bản WordPress nào cũng có thể chuyển sang ClassicPress. Còn tạo 1 website mới dùng Cài đặt thông qua Installatron và Softaculous.

Bất kỳ plugin và chủ đề nào không yêu cầu khối cũng sẽ hoạt động liền mạch trên ClassicPress. Hiệu suất được tối ưu hóa với Litespeed và DigitalOcean. Classic Commerce (CC) là nhánh riêng của chúng tôi từ WooCommerce 3.5.3. vẫn giữ nguyên mọi chức năng của WC 3.5.3 và hoạt động với mọi tiện ích bổ sung tương thích. Plugin SEO tốt nhất cho ClassicPress là Rank Math. Bạn có thể tải xuống các plugin này từ kho lưu trữ WordPress (tìm kiếm ClassicPress), thông qua các trang web riêng tư hoặc thông qua GitHub.

Tham khảo trang https://www.classicpress.net/reasons-to-switch-to-classicpress-from-wordpress-4-9/

Tăng kích thước upload size

WordPress được phát hành với trình uploader media của riêng nó. Nó giúp việc upload file dễ dang hơn, không cần phải thao tác với FTP client hoặc File Manager. Tất cả media fires bạn muốn có trên blog sẽ thật dễ dàng để upload bằng vài cú click chuột. Tuy nhiên, cũng đáng để lưu ý là media uploader sử dụng PHP để upload files tới server. Thật không may, có giới hạn cho việc upload bởi kích thước của files. Bạn có thể dễ dàng kiểm tra kích thước upload qua WordPress tại WordPress Admin Dashboard -> Media -> Add New .

Trong hầu hết các trường hợp, giới hạn lớn nhất của một files có thể upload là đủ cho người dùng WordPress thông thường. Nhưng nếu bạn muốn upload một file video chất lượng cao hoặc file PDF dung lượng lớn nhưng bị đạt giới hạn thì sao? Hãy thử upload một file lớn bạn sẽ gặp lỗi this file exceeds the maximum upload size for this site.

Làm thế nào để tăng kích thước upload size trên WordPress

Nhúng chat bot odoo lên wordpress

Odoo:

1. Activate Live Chat

2. Set up a Live Chat Channel (Odoo has videos and instructions)

3. Go to the Live Chat Application, select your Channel, go to the “Widget” tab in it, copy the top link to the script. (look at Pic.1 Steps below)

WordPress:

1. On wordpress, go to the admin panel -> Appearence -> Theme File Editor

2. On the Theme File Editor page, find the footer.php file

3. Select this file and you will see its code in the “Selected file content:” block

4. Scroll down to the bottom of the code and paste the copied code from Odoo between ?php wp_footer(); ? and /body
Pic.1 steps

5. Click on “update file” to update the code

6. Go to your website and you will find your widget in the bottom right corner of the page.
Pic.2 result

https://www.odoo.com/vi_VN/forum/ho-tro-1/can-i-embed-odoo-chatbot-into-my-wordpress-website-229663

add_filter('after_setup_theme', 'gomaya_remove_shortlink');
function gomaya_remove_shortlink() {
remove_action('wp_head', 'wp_shortlink_wp_head', 10);
remove_action( 'template_redirect', 'wp_shortlink_header', 11);
}

function gomahamaya_remove_jquery_migrate( $scripts ) {

if ( ! is_admin() && isset( $scripts->registered['jquery'] ) ) {

$script = $scripts->registered['jquery'];

if ( $script->deps ) {
$script->deps = array_diff( $script->deps, array( 'jquery-migrate' ) );
}
}
}
add_action( 'wp_default_scripts', 'gomahamaya_remove_jquery_migrate' );

Hướng dẫn BOT gửi tin nhắn tự động về Facebook Messenger

Callmebot là 1 trang web chuyên cung cấp 1 số API hỗ trợ người dùng tạo được các đoạn mã ngắn hỗ trợ gửi tin nhắn về Facebook. Cách sử dụng siêu dễ dàng bằng cách sử dụng một lệnh gọi API đơn giản từ bất kỳ thiết bị nào (Home Assistant, Uptime Robot, OpenHab, ioBroker, IFTTT, v.v.). Tin nhắn hầu như nhận được ngay tức thì.

+Ưu điểm sử dụng Callmebot
API chạy nhanh, hoạt động ổn định
Dễ dàng cấu hình.
+Nhược điểm của Callmebot
Cần phải có người biết về thiết kế website chuyên nghiệp để tiến hành tích hợp vào hệ thống website
Không tùy chỉnh được thông báo gửi thành công.
+Ứng dụng của việc gửi tin tự động về tin nhắn Facebook Messernger
Gửi đơn hàng woocommerce về Facebook
Gửi thông tin form bất kỳ về Facebook
Gửi thông tin contact form 7 về Facebook
Thông báo gia hạn dịch vụ, vv …

Để chức năng gửi tin nhắn Facebook hoạt động được, thì ta cần phải có một KEY API của Callmebot. Cách tạo như sau:
– Truy cập vào link https://m.me/api.callmebot
– Gõ vào lệnh “create apikey”
– Bot sẽ tạo một apikey cho bạn

Bạn có thể sử dụng lệnh help để xem thêm các thông tin, các lệnh hỗ trợ gồm có:
stop – xóa toàn bộ các api key
info – xem thông tin về Callmebot
create apikey – tạo lại key mới

Sau khi đã có apikey rồi thì ta sẽ tiến hành giai đoạn tiếp theo là gửi thông điệp để kiểm tra API hoạt động tốt không.

• Phần tin nhắn, bạn có thể sử dụng urlencoder để soạn nội dung có xuống dòng để tạo độ gọn gàng, dễ nhìn.
• Để thêm icon, bạn xem danh sách icon được hỗ trợ, muốn sử dụng icon nào chỉ việc copy icon đó và dán vào form đang nhập dữ liệu bên trên.

Sử dụng link sau để tạo tin nhắn gửi tin tự động về tin nhắn Facebook

https://api.callmebot.com/facebook/send.php?apikey=[your_apikey]&text=[tin nhắn của bạn]

Kết quả sau khi chạy API

kết quả gửi tin nhắn tự động về Facebook Messenger

Code mẫu gửi contact form 7 về Facebook Messenger.

Code mẫu này bạn có thể dán vào file Functions.php của giao diện đang sử dụng nhé. Lưu ý quan trọng, đây chỉ là cách để các bạn hình dung về việc hỗ trợ gửi thông tin đi, vì cách code này không tối ưu, lộ api key ra ngoài và ngay cả trên phiên bản mobile cũng sẽ không hoạt động, do ảnh hưởng của POPUP.

//test send contact form 7 to FB Mess by www.phongmy.vn
add_action( 'wp_footer', 'phongmyvn_cf7sent' );


function phongmyvn_cf7sent()
{ ?>
<script type="text/javascript">
                document.addEventListener( 'wpcf7mailsent', function( event ) {
                    
                    var inputs = event.detail.inputs;
                    for ( var i = 0; i < inputs.length; i++ ) {
                        
                        //NAME FIELD
                        if ( 'your-name' == inputs[i].name ) {
                            var name = inputs[i].value;
                            // break;
                        }
                        //SUBJECT FIELD
                        if ( 'your-subject' == inputs[i].name ) {
                                var subject = inputs[i].value;
                                // break;
                        }
                        //EMAIL FIELD
                        if ( 'your-email' == inputs[i].name ) {
                            var youremail = inputs[i].value;
                            // break;
                        }
                        //MESSAGE
                        if ( 'your-message' == inputs[i].name ) {
                            var mess = inputs[i].value;
                            // break;
                        }
                    }

                    var currLink = window.location.href;


                    //SEND API
                    function new_popup(){
                        var popupwin = window.open('https://api.callmebot.com/facebook/send.php?apikey=vi7aecjT3Wy9MQaO&text=THÔNG TIN GỬI TỪ WEBSITE WWW.PHONGMY.VN%0A' +
                            'Họ tên: '+name+'%0AEmail: '+youremail+'%0ATin nhắn: '+mess+'%0ALink: '+currLink+'',
                            '_blank','width=1,height=1 ,scrollbars=no,status=yes');
                        setTimeout(function() { popupwin.close();}, 3000);
                    }
                    new_popup();
                }, false );
        </script>
    <?php
//Trong đó
//your-name / your-subject / your-email / your-message là các biến Của Contact Form 7.
//Bạn có thể review qua video nếu vẫn chưa hiểu nhé.

Đẩy đơn hàng Wocommerce về Facebook Messenger

Push Anything To Social: Phiên bản chỉ hỗ trợ đẩy đơn hàng từ Woocommerce về Facebook messenger.

Chạy quảng cáo ads không phải bỏ tiền ra là có thể có khách hàng. Website cần tăng điểm trải nghiệm của khách hàng mà còn tính đểm của công cụ Google Pagespeed Insights. Các hạng mục điểm website đó rất quan trọng trong việc xếp thứ hạng trang. tham khảo: webmtp.com/toi-uu-hoa-website-wordpress-tren-pagespeed-insights

https://www.gomahamaya.com/test-website-speed-page-speed-performance/

https://www.gomahamaya.com/boost-site-speed/

https://www.gomahamaya.com/defer-parsing-of-javascript/

Chỉnh theo kết quả Pagespeed Insights

Chuẩn bị những thứ cần thiết

• Website muốn tối ưu: Ở đây tôi sẽ tối ưu hóa trên chính website trên nền wordpress của mình (webmtp.com)
• Lựa chọn themes phù hợp. Trong website tối ưu của bài viết này, mình sử dụng theme Flatsome.
• Công cụ Google Pagespeed
• Công cụ Gtmetrix
• Plugin Autoptimize
• VPS / Hosting hỗ trợ Litespeed
• Plugin Litespeed

Các hạng mục quan trọng cần thực hiện để tối ưu hóa website wordpress

• Rút gọn CSS & JS và đặt chúng thành một dòng trên một file duy nhất
• Trì hoãn tải các CSS & JS
• Nội tiếng JS bên thứ 3 như analytics
• Chuyển đổi liên kết thư viện của WordPress thành một subdomain
• Tối ưu hình ảnh bằng cách dùng Photoshop, Pngyu và Base64

Các kỹ năng cần có trước khi tối ưu hóa website wordpress

• Kỹ năng đọc hiểu ngôn ngữ HTML / CSS / JS
• Kỹ năng cơ bản về PHP
• Kỹ năng cơ bản về Photoshop
• Kỹ năng cơ bản về tìm kiếm và thay thế
• Am hiểu cơ bản về cấu trúc của WordPress
• Biết sử dụng Hosting / VPS

Tại sao cần có các kỹ năng trên?

Bắt đầu tối ưu hóa website WordPress

• Đối với các bạn đang xài VPS đã được cài sẵn Lite Speed rồi thì không cần bật trên VPS nữa mà chỉ cần cài plugin Lite Speed vào là được.
• Đối với các bạn đang dùng hosting có Litespeed thì các bạn truy cập vào hosting, sau đó vào mục LiteSpeed Web Cache Manager > Nhấn WordPress Cache > Scan rồi Enable website của mình lên.

• Trì hoãn tải các hình ảnh ngoài màn hình
• Phân phối hình ảnh ở định dạng mới hiệu quả hơn
• Loại bỏ các tài nguyên chặn hiển thị
• Rút gọn Javascript
• Xóa biểu định kiểu xếp chồng (CSS) không dùng
• Đảm bảo văn bản vẫn hiển thị khi tải Font chữ web
• Giảm thiểu công việc theo chuỗi chính
• Phân phối các nội dung bằng chính sách bộ nhớ đệm hiệu quả
• Tránh kích thước DOM quá lớn
• Giảm thời gian thực thi JavaScript
• Tránh các tài nguyên lớn trên mạng

Tối ưu hình ảnh trước khi tải lên website

1. Xem ngay cách tối ưu hình ảnh JPG / JPEG
2. Tối ưu hình ảnh PNG
3. Tối ưu hình ảnh SVG
4. Chuyển đổi và sử dụng hiệu quả hình ảnh dạng Base64

Trì hoãn tải các hình ảnh ngoài màn hình (Defer loading of off-screen images)

Phân phối hình ảnh ở định dạng mới hiệu quả hơn (Distribute images in the new format more effectively)

Tại sao chỉ nên dùng WEBP trên CDN?

Loại bỏ các tài nguyên chặn hiển thị (Remove Render Blocking Javascript and CSS)

• $Handle – Handle là tên duy nhất mà file script của bạn có. Ví dụ script của tôi được gọi là “wmtp-jquery-migrate”.
• $Src – src là vị trí đường dẫn của script. Bạn có thể sử dụng Plugins “What the file” để có được chính xác URL của thư mục plugins hoặc nếu biết code thì có thể sử dụng hàm plugin_url.
• $DEPS – DEPS là dependence. Khi script sử dụng jQuery, thì website sẽ thêm jQuery vào dependence. WordPress sẽ tự động tải jQuery nếu nó không được tải sẵn trên trang web.
• $Ver – Đây là số phiên bản của script. Tham số này là không cần thiết nên tôi đã đặt nó thành False.
• $In_footer – Đây mới là biến quan trọng, chúng ta muốn tải JavaScripts và CSS vào footer nên chúng ta sẽ thiết lập nó là True.

Rút gọn Javascript (Minify Javascript) và rút gọn CSS (Minify CSS)

Xóa biểu định kiểu xếp chồng CSS không dùng (Remove Unused CSS)

Đảm bảo văn bản vẫn hiển thị khi tải Font chữ web

Phân phối các nội dung tĩnh bằng chính sách bộ nhớ đệm hiệu quả (Leverage browser caching)

Tránh kích thước DOM quá lớn

Giảm thời gian thực thi JavaScript

Tránh các tài nguyên lớn trên mạng

Cách khác dùng plugin tăng điểm

• Mức 1: Dành cho web nào hiện tại đang tốc độ load thực tế rất nhanh dưới 1s mà điểm google pagespeed insights vẫn thấp. Ở mức độ này sẽ ít ảnh hưởng tới trải nghiệm của người dùng nhất.
• Mức 2: Dành cho website tốc độ load thực tế chưa được nhanh lắm. Ở mức độ này đa số là điểm google đã xanh lét lèn lẹt rồi nha cả nhà. Nhưng nhược điểm của nó là ở màn hình đầu tiên có thể 1 số phần tử sẽ bị load chậm hơn. ví dụ như ảnh mà để ở lazyload sẽ bị load chậm hơn bình thường
• Mức ∞ tại mức độ này thì mọi js đều không được load cho tới khi nào người dùng thực hiện 1 hành động nào đó trên trang thì js mới được load. Mở mức này thì chắc chắn điểm web bạn sẽ xanh nhưng trải nghiệm người dùng cũng như bộ đếm google tracking có thể sẽ không làm việc

• Redis cache để tối ưu cho sql
• Opcache để lưu cache các file php
• WP Rocket để lưu trang tĩnh. nếu dùng WP Rocket các bạn cứ bật full option lên nhé (Hoặc các plugin cache khác như Autoptimize, WP Total Cache, WP Super Cache, LiteSpeed Cache… tùy vào hosting của bạn)

Dịch vụ tối ưu hóa tăng tốc website wordpress chuyên nghiệp

Trì hoãn chạy JavaScript trong WordPress

Lợi ích của việc Trì hoãn phân tích cú pháp JavaScript .

• Tăng trải nghiệm người dùng bằng cách tải trang web trong mili giây.
• Tăng thứ hạng SEO của bạn.
• Google Bots sẽ thu thập dữ liệu trang web của bạn nhanh hơn

function defer_parsing_of_js ( $url ) {
if ( FALSE === strpos( $url, ‘.js’ ) ) return $url;
if ( strpos( $url, ‘jquery.js’ ) ) return $url;
return “$url’ defer “;
}
add_filter( ‘clean_url’, ‘defer_parsing_of_js’, 11, 1 );

Ngoài ra dùng sử dụng các plugin: Wp rocket, Comet cache, WP Deferred JavaScripts, Autoptimize, W3 Total Cache, Speed Booster Pack, Wp fastest cache. Ví dụ Wp rocket (gomahamaya.com/defer-parsing-of-javascript/)