Category: WordPress

WordPress use CDN with out plugin

January 4, 2020

by ServerOk with No Comment WordPress

Content Devlivery Network (CDN) allow your web site to serve images from another domain or a sub domain. This speed up web site as your web server don’t need to serve images. Also browsers have a limit on number of parallel downloads from same domain. Having images on a differnt domain bypass this limitation of web browser.

If you use a pull type CDN or a CDN that you manually upload using some sync tool, you need to rewrite all image url to CDN url. There are several plugins available to do this. But you can easily do this with out any plugins.

Edit file

wp-content/themes/YOUR-THEME/functions.php

1	wp-content/themes/YOUR-THEME/functions.php

Add following code to end of the file.

add_filter('wp_get_attachment_image_src', 'staticize_attachment_src', null, 4);

function staticize_attachment_src($image, $attachment_id, $size, $icon) {
    if (is_array($image) && !empty($image[0])) {
        $image[0] = str_replace( 'https://www.YOUR-DOMAIN-HERE/wp-content/uploads/', 'https://cdn.YOUR-DOMAIN-HERE/wp-content/uploads/', $image[0] );
    }
    return $image;
}

add_filter('wp_get_attachment_image_src', 'staticize_attachment_src', null, 4);

function staticize_attachment_src($image, $attachment_id, $size, $icon) {

if (is_array($image) && !empty($image[0])) {

$image[0] = str_replace( 'https://www.YOUR-DOMAIN-HERE/wp-content/uploads/', 'https://cdn.YOUR-DOMAIN-HERE/wp-content/uploads/', $image[0] );

}

return $image;

}

This will replace image urls with CDN url.

WordPress Avada theme load fontawesome from old site

August 3, 2019

by ServerOk with No Comment WordPress

I have migrated a web site using Avada WordPress theme.

Once site is migrated, i edited wp-config.php file and added following to avoid site getting redirected to old website url.

define('WP_HOME','https://www.newurl.com');
define('WP_SITEURL','https://www.newurl.com');

1 2	define('WP_HOME','https://www.newurl.com'); define('WP_SITEURL','https://www.newurl.com');

Now site works, but some of the resources are loaded from OLD site url, this breaks some of the icons.

On Browser Developer tool console, it show following errors

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.oldurl.com/wp-content/themes/Avada/includes/lib/assets/fonts/icomoon/icomoon.woff. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.oldurl.com/wp-content/themes/Avada/includes/lib/assets/fonts/fontawesome/webfonts/fa-regular-400.woff2. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.oldurl.com/wp-content/themes/Avada/includes/lib/assets/fonts/fontawesome/webfonts/fa-solid-900.woff2. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.oldurl.com/wp-content/themes/Avada/includes/lib/assets/fonts/icomoon/icomoon.ttf. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.oldurl.com/wp-content/themes/Avada/includes/lib/assets/fonts/fontawesome/webfonts/fa-regular-400.woff. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.oldurl.com/wp-content/themes/Avada/includes/lib/assets/fonts/fontawesome/fa-solid-900.woff. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.oldurl.com/wp-content/themes/Avada/includes/lib/assets/fonts/fontawesome/webfonts/fa-regular-400.ttf. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.oldurl.com/wp-content/themes/Avada/includes/lib/assets/fonts/icomoon/icomoon.woff. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.oldurl.com/wp-content/themes/Avada/includes/lib/assets/fonts/fontawesome/webfonts/fa-regular-400.woff2. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.oldurl.com/wp-content/themes/Avada/includes/lib/assets/fonts/fontawesome/webfonts/fa-solid-900.woff2. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.oldurl.com/wp-content/themes/Avada/includes/lib/assets/fonts/icomoon/icomoon.ttf. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.oldurl.com/wp-content/themes/Avada/includes/lib/assets/fonts/fontawesome/webfonts/fa-regular-400.woff. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.oldurl.com/wp-content/themes/Avada/includes/lib/assets/fonts/fontawesome/fa-solid-900.woff. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.oldurl.com/wp-content/themes/Avada/includes/lib/assets/fonts/fontawesome/webfonts/fa-regular-400.ttf. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

Using URL replacement plugins like Better Search Replace or Velvet Blues Update URLs did not fix the problem.

To fix the it, login to wp-admin. Click on “Avada” on left menu, select Theme Options

wp-admin > Avada > Theme Options > Import/Export

Under Export Options, click on “Download Data File”, this will ask you to save theme configuration file as a .json file, for me it saved fusion_options_backup_02-08-2019.json.

Next click on “Import Contents from File” button. It will show a text area, paste content of the json file you downloaded in previous step here and click “Import”. This will fix the problem related to fonts loading from old url.

WordPress CLI

July 7, 2019

by ServerOk with No Comment WordPress

To install WordPress CLI, run following command

curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar
mv wp-cli.phar /usr/local/bin/wp
chmod 755 /usr/local/bin/wp

curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar

mv wp-cli.phar /usr/local/bin/wp

chmod 755 /usr/local/bin/wp

To list all users in wordpress, run

wp  user list

1	wp user list

To create an Administrator user, run

wp  user create  USERNAME_HERE  USER@DOMAIN.EXTN --role=administrator --user_pass=PASSWORD_HERE

1	wp user create USERNAME_HERE USER@DOMAIN.EXTN --role=administrator --user_pass=PASSWORD_HERE

WordPress debug

April 3, 2019

by ServerOk with No Comment WordPress

If you have a wordpress web site that give blank screen, you can add following to wp-config.php to enable displaying errors.

define( 'WP_DEBUG', true );
define( 'WP_DEBUG_LOG', true );
define( 'WP_DEBUG_DISPLAY', true );
@ini_set( 'display_errors', 1 );
define( 'SCRIPT_DEBUG', true );

define( 'WP_DEBUG', true );

define( 'WP_DEBUG_LOG', true );

define( 'WP_DEBUG_DISPLAY', true );

@ini_set( 'display_errors', 1 );

define( 'SCRIPT_DEBUG', true );

This should be added above line

/* That's all, stop editing! Happy blogging. */^M

1	/* That's all, stop editing! Happy blogging. */^M

WordPress Backup and Migration Plugins

February 11, 2019

by ServerOk with No Comment WordPress

Migrate Guru: Migrate & Clone WordPress Free

This plugin allow you to transfer your wordpress web site to another hosting for free. It support sites upto 200 GB in size. Use BlogVault to do the transfer.

https://wordpress.org/plugins/migrate-guru/

All-in-One WP Migration

This free plugin allow you to backup and restore your wordpress site. Free version support sites upto 500 MB. If your site is larger, you need to use paid version of this plugin.

To remove 500 MB limit, edit file

vi constants.php

1	vi constants.php

Find

define( 'AI1WM_MAX_FILE_SIZE', 2 << 28 );

1	define( 'AI1WM_MAX_FILE_SIZE', 2 << 28 );

Replace with

define( 'AI1WM_MAX_FILE_SIZE', 8000 * 1024 * 1024 ); // Allow 8000 MB file restore.

1	define( 'AI1WM_MAX_FILE_SIZE', 8000 * 1024 * 1024 ); // Allow 8000 MB file restore.

https://wordpress.org/plugins/all-in-one-wp-migration/

WordPress CherryFramework lessphp fatal error

December 24, 2018

by ServerOk with No Comment WordPress

On a WordPress site using CherryFramework based theme, was getting following error.

lessphp fatal error: load error: failed to find /home/mediaxtreme/sitedomain.com/wp-content/themes/theme50607/bootstrap/less/bootstrap.lesslessphp fatal error: load error: failed to find /home/mediaxtreme/sitedomain.com/wp-content/themes/theme50607/style.less
Warning: Cannot modify header information - headers already sent by (output started at /home/mediaxtre/public_html/wp-content/themes/CherryFramework/includes/less-compile.php:157) in /home/mediaxtre/public_html/wp-login.php on line 423

lessphp fatal error: load error: failed to find /home/mediaxtreme/sitedomain.com/wp-content/themes/theme50607/bootstrap/less/bootstrap.lesslessphp fatal error: load error: failed to find /home/mediaxtreme/sitedomain.com/wp-content/themes/theme50607/style.less

Warning: Cannot modify header information - headers already sent by (output started at /home/mediaxtre/public_html/wp-content/themes/CherryFramework/includes/less-compile.php:157) in /home/mediaxtre/public_html/wp-login.php on line 423

This was due the web site have migrated to a new server and the path in new server was differnt than old server.

To fix, edited file

wp-content/themes/CherryFramework/includes/less-compile.php

1	wp-content/themes/CherryFramework/includes/less-compile.php

On line 157, you see following code

        try {
                $less->compileFile($inputFile, $outputFile);
        } catch (Exception $ex) {
                echo "lessphp fatal error: ".$ex->getMessage();
        }

try {

$less->compileFile($inputFile, $outputFile);

} catch (Exception $ex) {

echo "lessphp fatal error: ".$ex->getMessage();

}

Replace ith with

        try {
                $less->compileFile($inputFile, $outputFile);
        } catch (Exception $ex) {
                # echo "lessphp fatal error: ".$ex->getMessage();
        }

try {

$less->compileFile($inputFile, $outputFile);

} catch (Exception $ex) {

# echo "lessphp fatal error: ".$ex->getMessage();

}

You will be able to login to wordpress admin area. Once you logged in, go to theme settings and just update, this will update the paths. Now you can remove the change you done in less-compile.php

Change WordPress URL

October 27, 2018

by ServerOk with No Comment WordPress

Method 1: Editing MySQL backup

To change WordPress site url, backup your MySQL database.

mysqldump -u USERNAME -p WP_DB_NAME > db.sql

1	mysqldump -u USERNAME -p WP_DB_NAME > db.sql

Run sed command to replace the URL in MySQL backup file.

sed -e 's/OLD_URL/NEW_URL/gi' db.sql > db-modified.sql

1	sed -e 's/OLD_URL/NEW_URL/gi' db.sql > db-modified.sql

Restore the new db-modified.sql, that will have the database with URL changed.

mysql -u USERNAME -p WP_DB_NAME < db-modified.sql

1	mysql -u USERNAME -p WP_DB_NAME < db-modified.sql

Method 2: Using Plugin

Edit your wp-config.php and add following line.

define('WP_HOME','https://yourdomain.com');
define('WP_SITEURL','https://yourdomain.com');

1 2	define('WP_HOME','https://yourdomain.com'); define('WP_SITEURL','https://yourdomain.com');

if you want site avialble on multiple URL

define('WP_SITEURL', 'https://' . $_SERVER['HTTP_HOST'] . '/');
define('WP_HOME', 'https://' . $_SERVER['HTTP_HOST'] . '/');

1 2	define('WP_SITEURL', 'https://' . $_SERVER['HTTP_HOST'] . '/'); define('WP_HOME', 'https://' . $_SERVER['HTTP_HOST'] . '/');

You can also edit the wp_options table

update wp_options set option_value="https://yourdomain.extn" where option_name="siteurl" or option_name="home";

1	update wp_options set option_value="https://yourdomain.extn" where option_name="siteurl" or option_name="home";

Now you need to use some wordpress plugin to change URL in database, here are some useful plugins for changing site url.

See WordPress

Running wp-cron with cronjob

September 29, 2018

by ServerOk with No Comment WordPress

By default wordpress run cronjob everytime user visit your web site. This is bad idea for busy site.

To run wp-cron with cronjob, first edit wp-config.php and add following

define('DISABLE_WP_CRON', 'true');

1	define('DISABLE_WP_CRON', 'true');

Now set cronjob.

if you have wp-cli installed, use following cronjob

*/5 * * * * cd /var/www/html; wp cron event run --due-now > /dev/null 2>&1

1	/5 * * * cd /var/www/html; wp cron event run --due-now > /dev/null 2>&1

If you don’t have wp-cli installed, use

*/5 * * * * cd /var/www/html; php -q wp-cron.php

1	/5 * * * cd /var/www/html; php -q wp-cron.php

Replace /var/www/html to actual folder where your wordpress installation is located.

Best WordPress Image Compression Plugins

September 11, 2018

by ServerOk with No Comment WordPress

Here are some plugins that can optimizse images.

https://imagify.io/wordpress/ – Optimise all your images.

https://wordpress.org/plugins/ewww-image-optimizer-cloud/

https://wordpress.org/plugins/wp-smushit/

See WordPress

Find WordPress Version

July 8, 2018

by ServerOk with No Comment WordPress

To find WordPress version, check file

wp-includes/version.php

1	wp-includes/version.php

WordPress version

See WordPress

ServerOK

Posts in category: WordPress

WordPress use CDN with out plugin

WordPress Avada theme load fontawesome from old site

WordPress CLI

WordPress debug

WordPress Backup and Migration Plugins

WordPress CherryFramework lessphp fatal error

Change WordPress URL

Running wp-cron with cronjob

Best WordPress Image Compression Plugins

Find WordPress Version