WordPress Performance Improvement Checklist

WordPress performance really matters because no one wants to visit a website which takes lots of loading time. A good loading time for a website is less than 2 minutes. In this tutorial we have presented a checklist for WordPress performance improvement.

forward

WordPress Plugin Development Cheat Sheet

WordPress plugins are used to extend the functionality of a WordPress website. There are about 51,000+ plugins available in WordPress’s official plugins repository at the writing of this post. There are scenarios when you need to develop your own WordPress plugin for some specific task/requirement. In this blog post, we present some useful functions, hooks, filters, and best practices for custom WordPress plugin development.

forward

How to Add Quill Editor in Angular Project

This post describes the steps to integrate Quill Editor in an angular project. Run the following commands in your angular project directory: npm install ngx-quill --save npm install quill --save Inside app.module.ts or any shared module import the QuillModule import { QuillModule } from 'ngx-quill'; Add the following in imports array: QuillModule, // inside app.module.ts or any shared module Add following in index.html <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/quill/1.3.6/quill.snow.min.css"> Now add the following where you want to display editor: <quill-editor></quill-editor> <!--replace existing text areas with this tag and rest will be handled by this-->...
forward

How to add Like/Love reactions in angular

This blog post describes step by step process to add like/love reactions in angular project. Step 1: Create a component by using the command ng g c e.g ng g c postReactions Step 2: <button (click)="incrementLove()"> love it{{post.loveCount}} </button> I have added a button in the html file of the post reactions component Step 3: On the blog page, we have a list of blog posts and we want to add post reactions in each post, so we have added the selector for post reactions at the bottom of each post inside the loop <app-post-reactions [postType]='posts' [post]='post'><br> </app-post-reactions> Also, you...
forward

How to Display the Index in Reverse Order for *ngFor Angular

Let's say that we have data in array e.g tasks = ['task 5', 'task 4', 'task 3', 'task 2', 'task 1']. Now when we will use ngFor then it will display the data like this: *ngFor="let task of tasks; let i = index" Task #{{i}}: {{task}} Output: Task 0: task 5 Task 1: task 4 Task 2: task 3 Task 3: task 2 Task 4: task 1 But we want to reverse the order of only the index. In order to do that in ts file of the angular components, define a veriable named as totalTasks: number. Now make it...
forward

How To Develop Custom WordPress Plugin from Scratch using OOP

This post describes the exact step to develop a custom WordPress plugin from scratch using Object-Oriented Programming. Go to https://wppb.me/, fill the form and download your zip file Edit the main file (plugin-name.php) and update texts like 'description' if you want Create all custom post types, make sure that the custom post type title is not longer than 20 characters otherwise you will get an error 'invalid post type' function create_post_uni_lms_classes_std() { register_post_type( 'uni_lms_classes', array( 'labels' => array( 'name' => __('Classes','unilms'), 'singular_name' => __('Class','unilms'), 'add_new' => __('Add New','unilms'), 'add_new_item' => __('Add New Class','unilms'), 'edit' => __('Edit','unilms'), 'edit_item' => __('Edit Class','unilms'),...
forward

How to Deploy NodeJS App in GoDaddy Shared Hosting

This post describes the exact steps to deploy a NodeJS app on GoDaddy shared hosting. Log in to GoDaddy account and click Manage HostingIn settings, click server and make sure SSH access is onClick manage against SSH access and note down the credentialsInstall a tool (Putty, MobaXTerm, etc.) to connect to the server using SSHOnce connected cd into the directory where you want to deploy a NodeJS app. It will be public_html for main domain or public_html/ in case of subdomainrun the command: wget https://nodejs.org/dist/v6.9.2/node-v6.9.2-linux-x64.tar.xzAbove command will install the node in your directoryUpload your app in zip format and extract...
forward