Tag: WordPress – ServerOK

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

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

To list all users in wordpress, run

php wp-cli.phar  user list

1	php wp-cli.phar user list

To create an Administrator user, run

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

1	php wp-cli.phar 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

Ubuntu Apache Setup for WordPress

March 8, 2019

by ServerOk with No Comment Apache

On a Fresh Ubuntu 18.04 server, run following commands to setup Apache, PHP and MySQL needed for WordPress installation.

You can go to each file and manually run the commands if you want to see what commands are executed.

wget https://raw.githubusercontent.com/serverok/server-setup/master/ubuntu/1-basic-tools.sh
wget https://raw.githubusercontent.com/serverok/server-setup/master/ubuntu/2-apache-php-mysql.sh
wget https://raw.githubusercontent.com/serverok/server-setup/master/install/update-php-ini.sh
bash ./1-basic-tools.sh
bash ./2-apache-php-mysql.sh
bash ./update-php-ini.sh

wget https://raw.githubusercontent.com/serverok/server-setup/master/ubuntu/1-basic-tools.sh

wget https://raw.githubusercontent.com/serverok/server-setup/master/ubuntu/2-apache-php-mysql.sh

wget https://raw.githubusercontent.com/serverok/server-setup/master/install/update-php-ini.sh

bash ./1-basic-tools.sh

bash ./2-apache-php-mysql.sh

bash ./update-php-ini.sh

At this stage, you have LAMP server setup and ready to go.

To get your domain work with Apache, first you need to point your domain to server IP. This can be done by editing DNS records with your domain registrar or DNS provider.

In commands below, replace

DOMAIN.COM = replace with your actual domain name
USERNAME = you can use any username you wnat, first 8 chars of domain name for example

Create SFTP User

useradd -m --shell /bin/bash --home /home/DOMAIN.COM USERNAME
usermod -aG sudo USERNAME

1 2	useradd -m --shell /bin/bash --home /home/DOMAIN.COM USERNAME usermod -aG sudo USERNAME

Set a password for the user. This will be used to login to SFTP

passwd USERNAME

1	passwd USERNAME

You will be asked to enter password 2 times.

Configure Apache

First lets make Apache run as the user, this will make WordPress upgrade easier.

sed -i "s/www-data/USERNAME/g" /etc/apache2/envvars
chown -R USERNAME:USERNAME /var/lib/php/

1 2	sed -i "s/www-data/USERNAME/g" /etc/apache2/envvars chown -R USERNAME:USERNAME /var/lib/php/

Create Apache VirtualHost entry

vi /etc/apache2/sites-available/DOMAIN.COM.conf

1	vi /etc/apache2/sites-available/DOMAIN.COM.conf

Add

<VirtualHost *:80>
    ServerName DOMAIN.COM
    ServerAlias www.DOMAIN.COM
    ServerAdmin info@DOMAIN.COM
    DocumentRoot /home/DOMAIN.COM/html
    <Directory "/home/DOMAIN.COM/html">
        Options All
        AllowOverride All
        Require all granted
        Order allow,deny
        allow from all
    </Directory>
</VirtualHost>

ServerName DOMAIN.COM

ServerAlias www.DOMAIN.COM

ServerAdmin info@DOMAIN.COM

DocumentRoot /home/DOMAIN.COM/html

Options All

AllowOverride All

Require all granted

Order allow,deny

allow from all

</Directory>

</VirtualHost>

To activate the web site, run

a2ensite DOMAIN.COM

1	a2ensite DOMAIN.COM

Create document root and set permission

mkdir -p /home/DOMAIN.COM/html
chown -R USERNAME:USERNAME /home/DOMAIN.COM/
chmod -R 755 /home/DOMAIN.COM/html/

mkdir -p /home/DOMAIN.COM/html

chown -R USERNAME:USERNAME /home/DOMAIN.COM/

chmod -R 755 /home/DOMAIN.COM/html/

Restart Apache

systemctl restart apache2

1	systemctl restart apache2

Create MySQL Database

mysql

mysql

Now you will be in MySQL command promt, run following 2 commands to create a Database and User.

create database DB_NAME;
grant all on DB_NAME.* to 'DB_USER'@'localhost' identified by 'MYSQL_PASSWORD';

1 2	create database DB_NAME; grant all on DB_NAME.* to 'DB_USER'@'localhost' identified by 'MYSQL_PASSWORD';

Replace MYSQL_PASSWORD with your own MySQL password. DB_NAME with name of database you need. DB_USER with username for the db.

You will need these when installing WordPress.

Installing LetsEncrypt

First install letsEncrypt with

wget https://raw.githubusercontent.com/serverok/server-setup/master/install/letsencrypt.sh
bash ./letsencrypt.sh

1 2	wget https://raw.githubusercontent.com/serverok/server-setup/master/install/letsencrypt.sh bash ./letsencrypt.sh

To get SSL for your domain, run

certbot --authenticator webroot --webroot-path /home/DOMAIN.COM/html/ --installer apache --email admin@DOMAIN.COM -d DOMAIN.COM -d www.DOMAIN.COM

1	certbot --authenticator webroot --webroot-path /home/DOMAIN.COM/html/ --installer apache --email admin@DOMAIN.COM -d DOMAIN.COM -d www.DOMAIN.COM

Replace [email protected] with your actual email address.

Installing WordPress

You can now SFTP/SSH into the server. Upload WordPress into html folder. Make sure you use the newly created USER to do this, if you do it as user root, you will get permission error. Visit the web site, you wil get WordPress install wizzard. Just fill the form to do the install. You will need to enter MySQL login details you created before.

Install WordPress using SSH

First login with SSH user you created with command

ssh USER@SERVER_IP_ADDR

1	ssh USER@SERVER_IP_ADDR

You will be asked to enter password. Enter password you created before.

Download wordpress

wget https://wordpress.org/latest.tar.gz

1	wget https://wordpress.org/latest.tar.gz

Extract wordpress files with

tar xvf latest.tar.gz

1	tar xvf latest.tar.gz

This will create a folder “wordpress” with the files.

To make the site live, we need to replace folder html with this new wordpress folder

mv html html-old
mv wordpress html

1 2	mv html html-old mv wordpress html

Now you can go to the site, you will see wordpress install screen.

Install WordPress in Kubernetes

February 26, 2019

by ServerOk with No Comment kubernetes

To install WordPress in Kubernetes, you need to install helm package manager.

Now run

helm install stable/wordpress

1	helm install stable/wordpress

After the helm chart is run, you will get commands to get login for WordPress admin area.

Here is services it create

boby@sok-01:~$ kubectl get service
NAME                             TYPE           CLUSTER-IP      EXTERNAL-IP    PORT(S)                      AGE
kubernetes                       ClusterIP      10.39.240.1     <none>         443/TCP                      34m
whopping-labradoodle-mariadb     ClusterIP      10.39.248.140   <none>         3306/TCP                     2m
whopping-labradoodle-wordpress   LoadBalancer   10.39.253.160   35.193.33.14   80:32054/TCP,443:30939/TCP   2m
boby@sok-01:~$

boby@sok-01:~$ kubectl get service

NAME TYPE CLUSTER-IP EXTERNAL-IP PORT(S) AGE

kubernetes ClusterIP 10.39.240.1 <none> 443/TCP 34m

whopping-labradoodle-mariadb ClusterIP 10.39.248.140 <none> 3306/TCP 2m

whopping-labradoodle-wordpress LoadBalancer 10.39.253.160 35.193.33.14 80:32054/TCP,443:30939/TCP 2m

boby@sok-01:~$

List of all pods

boby@sok-01:~$ kubectl get pod
NAME                                             READY   STATUS      RESTARTS   AGE
ubuntu                                           0/1     Completed   0          21m
whopping-labradoodle-mariadb-0                   1/1     Running     0          3m
whopping-labradoodle-wordpress-8bddb5fdf-2l24d   1/1     Running     0          3m
boby@sok-01:~$

boby@sok-01:~$ kubectl get pod

NAME READY STATUS RESTARTS AGE

ubuntu 0/1 Completed 0 21m

whopping-labradoodle-mariadb-0 1/1 Running 0 3m

whopping-labradoodle-wordpress-8bddb5fdf-2l24d 1/1 Running 0 3m

boby@sok-01:~$

Deployments

boby@sok-01:~$ kubectl get deployment
NAME                             DESIRED   CURRENT   UP-TO-DATE   AVAILABLE   AGE
whopping-labradoodle-wordpress   1         1         1            1           4m
boby@sok-01:~$

boby@sok-01:~$ kubectl get deployment

NAME DESIRED CURRENT UP-TO-DATE AVAILABLE AGE

whopping-labradoodle-wordpress 1 1 1 1 4m

boby@sok-01:~$

To scale the deployment, run

boby@sok-01:~$ kubectl scale deployment/whopping-labradoodle-wordpress --replicas=2
deployment.extensions/whopping-labradoodle-wordpress scaled
boby@sok-01:~$

boby@sok-01:~$ kubectl scale deployment/whopping-labradoodle-wordpress --replicas=2

deployment.extensions/whopping-labradoodle-wordpress scaled

boby@sok-01:~$

See Helm Kubernetes Package Manager, Kubernetes

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

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