Elementor page builder plugin for WordPress.

Elementor is a drag-and-drop page builder plugin for WordPress.

This means a couple of things:

  • Elementor lets you create good looking posts and pages.
  • You get a 100% separate interface to work on your posts and pages — the bulk of your work doesn’t happen in the standard block editor that comes with WordPress.
  • It doesn’t require any coding skills — everything can be done through a drag and drop interface.
  • Edit in a what-you-see-is-what-you-get manner.
  • You can use it to create any content layout or page layout you can imagine.
  • It works with all WordPress themes.

Features and Benefits

Elementor comes with a handful of useful elements

  • The main page building functionality… (More no that)
  • There are more than 90 content elements/modules to choose from 
  • Most things work with drag-and-drop — you can take any element and move it to a new spot simply by dragging it across the screen.
  • The pages are mobile-responsive and SEO-friendly.
  • There’s a library of pre-made page templates that can be imported and modified.
  • If you’re on the Pro version of Elementor, you can use the Theme Builder feature, which allows you to modify your theme’s core elements, such as the header, footer, single post template, or your blog archives.
  • A completely new WooCommerce Builder module. It’s similar to Theme Builder, but this one allows you to redo all of your default WooCommerce pages, such as your single product page or product archive.

Elementor is a WordPress plugin, to get it working, you’ll first need to install and activate it. After that, there’s a settings panel that you can visit if you want to, but that’s not mandatory. You can head straight to your WordPress pages and create a new one. Right away, you’ll see the option to ‘Edit with Elementor’, After clicking on this  button, you’re going to see the Elementor user interface. 

  1. The main canvas. This is where you can put your content blocks and adjust them.
  2. The content elements that are available.
  3. This is where you can access the settings of Elementor’s (colors, fonts and so on).
  4. This is how you come back to view the content elements.
  5. The global settings of the page you’re working on.
  6. The revision history of the page.
  7. Switch device (desktop, tablet, mobile).
  8. Preview changes.
  9. Publish the page.

To build a basic page with Elementor, you first need to understand the page structure hierarchy that it uses:

  • page can have any number of sections in it.
  • Each section can have one or more columns.
  • Each column can house one or more content elements.
  • Lastly, each content element can be styled individually.

So, we have:

Page → Sections → Columns → Content → Styling

To get started, you can either add a ready-made template or include a blank section:

Within that new section, you can add new columns, and then populate these columns with content by simply dragging and dropping specific blocks from the sidebar. And, of course, you can rearrange sections with drag-and-drop as well.

Once you have a content block in place, you can click on it to adjust the fine details of what’s in it, as well as its presentation. There are three main tabs available for that: ContentStyle and Advanced.

Just like that, one by one, you can work with individual content blocks until you have the whole page ready.

Overall, Elementor is very easy to use and fairly intuitive. Once you grasp the page/structure hierarchy and get to know all of the content elements, working with your pages becomes rather fun. Especially when you start getting into some of the more advanced features, for example:

  • experimenting with the Z-index of elements (to bring stuff forward versus putting it in the back)
  • customizing the on-hover state of elements (changing their appearance based on the cursor position)
  • setting transitions between sections

WP Performance Score Booster

Version: 1.9.2.2

WP Performance Score Booster makes website faster, speed up page load time and instantly improve WordPress performance scores in services like GTmetrix, Pingdom, YSlow and PageSpeed.

  • It Remove any query strings from static resources like CSS & JS files
    Enable GZIP compression (compress text, html, javascript, css, xml and so on)
  • Add Vary: Accept-Encoding header
  • Set expires caching (leverage browser caching).

Fast website pages is one of the key factors for reaching better rankings in Google. While, trying to improve the speed can be tricky, and very time-consuming task.
WP performance booster is free and easy to use plugin, that will significantly increase the performance of your website with a push of a button.

What does this plugin do?

There are only 3 settings that are already checked and working. Besides from these shown here, there is nothing more to adjust.

WP performance Score booster increases your website page speed by doing these 3 main things:

  • Remove query strings from static content.
  • Enable GZIP compression (compress text, html, javascript, css, xml and so on)
  • Set expire caching (Leverage Browser Caching)

If for some reason your theme or other plugins are not working after the installation, disable/enable the settings one by one to see which one is causing a conflict.

Additionally, you can contact the plugin developer by visiting his official site: Dipakgajjar.com. Or, by opening a  support thread on WordPress.org official plugin page.

Pros and cons of this page speed plugin

Pros:

Free plugin,  easy to install.
Almost nothing to configure after installation. Making it really easy to use. you might see up to 50% increase in website speed.

Cons:

Lack of settings is a downside for someone wanting to additionally adjust the plugin.


The plugin may be in conflict with other tools you’ve already installed. 

Make sure to check and see if everything is working after installation.

How to test the speed of your website

Visit Pingdom website speed test using this link here: Pingdom.com

Note: You can  select from which location your website to be tested by clicking Settings.

Type your domain name in the empty field and click test now

You can also use GTmetrix official website here: Add your website URL and click Analyze.

Keep in mind that the scores and the increase in speed will be different, depending on the website and how well is optimized. Factors that have major effect over your website performance are:

Size and the number of images.

Number of plugins.

Hosting provider.

You should definitely go through the things above if you want to increase your website loading speed.

 

Remove the Name, Email & Website and Check Box from the comment form in WordPress.

Remove Fields Website – Name – email & Check Box from comment form

The folloing PHP will remove the Name, Email & Website and check Box from the comment form in wordpress.

Use this code to make your own plugin

You might need to edit it to add Boxes back in…

<?php
/*
Plugin Name: Get Rid of Name Email Website box

//This removes the Check box for save email address
add_filter( ‘comment_form_default_fields’, ‘tu_comment_form_hide_cookies_consent’ );
function tu_comment_form_hide_cookies_consent( $fields ) {
unset( $fields[‘cookies’] );
return $fields;
}
//This remove fields Website (url) – Name (author) – email
//Remove eg $fields[‘url’], to add the Website field back in
function remove_website_name_email_field( $fields ){
if(isset($fields[‘url’],$fields[‘author’],$fields[’email’]))
unset($fields[‘url’],$fields[‘author’],$fields[’email’]);
return $fields;
}

add_filter( ‘comment_form_default_fields’, ‘remove_website_name_email_field’ );

?>

How to Make a plugin 

Making a plugin is a good way to add PHP code in to your website as it will let you disabled it if needed.

It is easy to do but your must have access to your websites files using FTP or you can also use wp-file-manager Plugin to add the files.

Created a folder in wp-content/plugins/ give it a name and created a file inside it called “***.php” (replace the *** with the name you want to call the file, then go to plugins on your website and activated the plugin that shows up in the Plugins interface.

Start the plugin with…

<?php
/*
Plugin Name: This is the name of my Plugin
*/

Add the PHP code that you want to be in the plugin.

Remove the check box “Save my name, email…” from comment area

This checkbox was added in WP 4.9.6 and makes it so your comment forms are compatible with GDPR, which comes into effect on May 25th.

I definitely suggest you read up on it, as there are some pretty heavy fines if the rules aren’t followed.

If your site isn’t affected by GDPR, then you can removable adding this in to your theme’s functions.php file….  this is not recommend becouse doing this for a theme that could update can lose the code, so it is better to make a plugin.   See – How to Make a plugin

Add the following PHP ….

add_filter( ‘comment_form_default_fields’, ‘tu_comment_form_hide_cookies_consent’ );
function tu_comment_form_hide_cookies_consent( $fields ) {
unset( $fields[‘cookies’] );
return $fields;
}

If you don’t want to remove the checkbox but instead edited it use…

add_filter( ‘comment_form_default_fields’, ‘tu_comment_form_change_cookies_consent’ );
function tu_comment_form_change_cookies_consent( $fields ) {
$commenter = wp_get_current_commenter();

$consent = empty( $commenter[‘comment_author_email’] ) ? ” : ‘ checked=”checked”‘;

$fields[‘cookies’] = ‘<p class=”comment-form-cookies-consent”><input id=”wp-comment-cookies-consent” name=”wp-comment-cookies-consent” type=”checkbox” value=”yes”‘ . $consent . ‘ />’ .
‘<label for=”wp-comment-cookies-consent”>Your modified text here</label></p>’;
return $fields;
}

Step by step setup of DNS Nameservers for EHCP with Godaddy registrar.

Register or use an existing domain at GoDaddy account and then go to our domains list, select the DNS for that domain you are going to use Example: mycooldomain.com Scrole down to the bottom of the page and click on Host names.

Click on add and a popup will appear we create the first Host name: ns.mycooldomain.com and point it to our host external IP, do the same for ns1.mycooldomain.com & ns2.mycooldomain.com

For .com domains godaddy says it takes 5-6 hours to process and up to 24h for .net so be patient.

Now we can go to the name servers section of the domain (mycooldomain.com) and add our own name servers we have created so add ns.mycoolserver.com & ns1.mycoolserver.com & ns2.mycooldomain.com

Third, config EHCP
Login admin account to EHCP and go to “Add DNS only” here we add the [domainname] we have setup at Godaddy “mycooldomain.com” and [serverip] our external IP then we save/send query.

IMPORTANT! MAKE SURE THAT PORT 53 IN YOUR ROUTER IS REDIRECTED TO YOUR LOCAL IP WHERE YOUR SERVER IS RUNNING.

BASIC PORTS we need to forward to our local IP:

– 20 TCP FTP – data transfer
– 21 TCP FTP – control (command)
– 25 TCP Simple Mail Transfer Protocol (SMTP)—used for e-mail routing between mail servers
– 53 TCP/UDP Domain Name System (DNS)
– 80 TCP/UDP Hypertext Transfer Protocol (HTTP)
– 143 TCP-UDP Imap protocol – Imap on port 143 is the newer of the two popular protocols used to retrieve eMail from remote mail servers.
– 443 TCP Hypertext Transfer Protocol (HTTPS)

Now we can register a domain from any registrar and add the name servers we provide: NS.MYCOOLDOMAIN.COM ECT then add the domain in the EHCP panel and that’s it!

EHCP Force Edition

EHCP Force Edition is a forked version of the original EHCP.  The original version can be downloaded and installed from www.ehcp.net.

The Force Edition slightly differs from the original version.  In fact, both the lead developer of the original EHCP release and  the  developer of Force Edition collaborate on updating EHCP and fixing bugs.  In this version, custom FTP accounts to a custom file path can be created.  Also, php chmod and FTP chmod should both work out-of-the-box since the Apache user has been changed.  The code is managed and maintained within SVN (it is not in the original EHCP).  As new versions of Ubuntu are released, the Force Edition is quickly updated to work with the latest versions of packaged software within the main repositories.

Themes

EHCP Force Edition Easy Hosting Control Panel Main Theme Screenshot
(Epic V2 Theme)

The EHCP control panel comes with many graphical themes that users of the control panel can switch between and use.  The Force Edition’s default theme is picante, created and easily maintained.

EHCP – Easy Hosting Control Panel

EHCP (Easy Hosting Control Panel) is an open source and very effective Hosting Control Panel that offers you to host any websitescreate ftp accountsemail accountssub domains and so on. Ehcp is the only first hosting control panel was written using PHP programming language and available for free.

It offers all major hosting control panel features such FTP AccountsMySQL DatabasesPanel UsersResellersMailBox with Squirrelmail and Round Cube etc. It is the only first control panel that provides built in support for Nginx and PHP-FPM with completely throw out Apache and gives better performance for low end servers or VPS.

EHCP Features

  1. Complete php, free opensource, easily customizable and more free templaes.
  2. Unlimited resllers, user accounts, ftp accounts, email accounts, mysql and domains.
  3. Management of DNS, domains, subdomains, ftp, mysql, email etc.
  4. Domains password protected, Email forwarding, autoreply etc.
  5. Website analytics with webalizer and ftp with net2ftp.
  6. One click third party script install.
  7. User Disk quota control, SSL suport, custom http redirects, domain aliases, domain redirect.
  8. Different langauge support and template supports with few languages.
  9. Server backup and restore including files and databases.

This article will help you to install and setup Easy Hosting Control Panel on RHELCentOSFedoraUbuntuLinux Mint and Debian systems. Please note ehcp can be installed on a fresh installation of Linux. The ehcp installation is quite simple and easy, a new user won’t face any issues while installing it at the first time.

How to Install EHCP (Easy Hosting Control Panel)?

  • First, login as root user using ssh and download the latest EHCP (current available version is 0.32) source tarball package using wget command.
# wget http://www.ehcp.net/ehcp_latest.tgz

  • Next, extract the ehcp source tarball using following tar command.
# tar -zxvf ehcp_latest.tgz
  • Change to ehcp directory, then execute install.sh script.
# cd ehcp
# ./install.sh
  • Go through the installation setup and read the instructions carefully. The install script will install all needed packages including ApacheMySQLPHPPostfix and so on. During installation it will ask you to enter some information to configure services and set ehcp admin passwords. The installation setup takes up-to 50-60mins, depending upon the internet speed.
  • It is highly, recommended you to set a MySQL ‘root‘ password for MySQL administration.
  • Repeat MySQL password for ‘root‘ user.
  • Please select the best mail server configuration that suits your needs. We  selected ‘Internet site‘, mails are sent and receive using SMTP service.
  • Set the system mail domain name.
  • Create directories for web-based mail administration. Click on ‘Yes‘.
  • Create SSL certificate for POP and IMAP. Click on ‘Ok‘.
  • Please select your web server that automatically configured to run phpMyAdmin.
  • Configure phpMyAdmin database.
  • Set MySQL ‘root‘ password for phpMyAdmin.
  • Please give a phpMyAdmin password to register with database server.
  • Password confirmation.
  • Next, configure roundcube database.
  • Please select the database type that used by roundcube. In my scenario, I’ve selected MySQL database for roundcube.
  • Please provide MySQL password for roundcube.
  • That’s it, installation finished.
  • Now navigate to the Web browser window and enter IP address of your server.
  • Click on the link that says ‘Click here for the control panel on your server‘.
  • Enter ehcp login details, default admin username is ‘admin‘ and default admin password is ‘1234‘. If you’ve set new admin password during installation enter that password.
  • Ehcp Control Panel Dashboard.

WordPress – Error @ Server at Port 443

Port 443 is the standard port for all secured HTTP traffic, meaning it’s absolutely essential for most modern web activity. With regular HTTP over port 80, everything exchanged between your computer and a website is available for anyone to see in plain text.

Port 443 also enables websites to be available over both HTTP and HTTPS. Most websites are configured to work with HTTPS over port 443, but if it isn’t available for some reason, the website will still be live over HTTPS on port 80. In the past, not every web browser supported HTTPS, meaning it wasn’t universally accessible. Now, though, most major browsers are moving to mark websites that don’t offer HTTPS traffic as insecure.

Sometimes after installing an SSL certificate you might get a 443 error when navigating to another page of your website. But if you are hosting your own website and you get this error on all pages first make sure that port 443 is not being blocked by a firewall, in your router etc.. also make sure the port forwarding settings set it as open. Some ISP block this port so make sure that that they have this port open.

 

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

If the port is open then it’s time to check some of your WordPress settings.

I like to fix this the easy way so you can start by installing a plugin called Really Simple SSL we have found that this will fix most problems. Sometimes just installing Really Simple SSL will not fix the problem, you will have to deactivate revert to HTTP, and reactivate. I have found that this will work 99% of the time.

If this does not work, using an explorer open the .htaccess file in the main directory, and copy and paste the code on the Left-hand side.