Category Archives: Programming

  • 0
screenshot-155

Smart Post Grid in WordPress

Category : CMS , Programming

Smart Post Grid is the best plugin to showcase your posts with 9 layouts.

Download

  1. smart-post-grid screenshot 1Layout 1
  2. smart-post-grid screenshot 2Layout 2
  3. smart-post-grid screenshot 3Layout 3
  4. smart-post-grid screenshot 4Layout 4
  5. smart-post-grid screenshot 5Layout 5
  6. smart-post-grid screenshot 6Layout 6
  7. smart-post-grid screenshot 7Layout 7
  8. smart-post-grid screenshot 8Layout 9
  9. smart-post-grid screenshot 9Layout 9

  • 2
screenshot-6

WooCommerce Plugin of WordPress

Category : Programming

WooCommerce is a powerful, extendable eCommerce plugin that helps you sell anything. Beautifully

WooCommerce is a free eCommerce plugin that allows you to sell anything, beautifully. Built to integrate seamlessly with WordPress, WooCommerce is the world’s favorite eCommerce solution that gives both store owners and developers complete control.

With endless flexibility and access to hundreds of free and premium WordPress extensions, WooCommerce now powers 30% of all online stores — more than any other platform.

  1. woocommerce screenshot 1The slick WooCommerce settings panel.
  2. woocommerce screenshot 2WooCommerce products admin.
  3. woocommerce screenshot 3Product data panel.
  4. woocommerce screenshot 4WooCommerce sales reports.
  5. woocommerce screenshot 5A single product page.
  6. woocommerce screenshot 6A product archive (grid)

Download


  • 1
responsive

OpenCart 2.3 is Officially Released. What’s New?

Category : Programming

Meet the new OpenCart 2.3! Still free, still open-source, still one of the fastest ways to get an E-Commerce store in no time.

The latest version of the platform rolled out on August 1, 2016 and store owners can now start upgrading their stores. In this post, we will show you what’s new and why you might consider updating your OpenCart installation.

Helpful Reminder: Please mind that this is a brand new version, so most of the OpenCart modules will not be compatible with it yet. When downloading an extension for your store, pay close attention to the compatibility details.

Dashboard

The differences in the OpenCart dashboard are subtle, but they do exist. When you start clicking through the menus, the first obvious difference is the reorganized Extensions section.

But we will get to that later, let’s stick to the Dashboard and see what you can do with it.

Rearranging the Dashboard Elements

You can now edit, arrange and disable each of the sections in your Dashboard. For example, you can remove the World Map if you don’t need it there.

You can modify the width of each module in the Dashboard. Maybe you want your Sales Analytics section to be bigger than the World Map? It’s now possible.

Pretty cool, right?

You’re probably wondering where to access this field. Okay, without further ado, let’s introduce the new OpenCart Extensions section, which includes the Dashboard management menu and much more.

Extensions

The new Extensions section is much shorter than the one in the last OpenCart version (2.2). However, all of the fields that seem like they are missing are actually still here. They are just placed somewhere else.

Extensions

This is where things get interesting.

Do you remember that we mentioned the fields aren’t actually missing from the Extensions field? Because they are all located right here.

Every menu that used to be found under Dashboard > Extensions are now in the dropdown menu in the Extension List.

Selecting one of the extension types will open it in the field below the dropdown menu, where Google Analytics are displayed in the screenshot above.

The Action button allows you to Install or Uninstall the module.

Let’s see what you have in the dropdown menu.

  • Analytics

  • Captchas

  • Dashboard

  • Feeds

  • Anti-Fraud

  • Modules

  • Payments

  • Shipping

  • Themes

  • Order Totals

Does this remind you of something? Yes, all the menus from the older Extensions layout.

Let’s click on one of the extension types – Modules for instance.

Here is the module list with all of the extensions you have installed in your OpenCart store. Their management has not changed as well, just the way they are accessed via Extensions.

Let’s explore some of the other extension types. For instance, let’s see how to manage the Dashboard modules. Click the dropdown and choose Dashboard.

Here you see each of the modules that are currently enabled and visible in your store’s dashboard. From here, you can change their status (Enabled/Disabled), change their position in the dashboard (Sort Order), and modify their size (Width).

However, there is something new in the Extension section – Themes. Select them from the dropdown menu and let’s see how they work.

The Themes field shows the available themes you have in your store, as well as their status. Click the Edit button to see the configuration options.

The settings allow you to enable or disable the theme, as well as modify the specifications for products and images. These configurations can be useful for advanced users who can use them to customize the layout and appearance of their OpenCart store.

Events

This is another new feature in the new OpenCart version. Events are used by extensions to override the default functionality of your store. If you have issues you can disable or enable the events here.

These event triggers are registered by extensions.

Layouts

Another thing that has changed is the Layout editing field. When you access the Layouts from Design > Layouts and select the layout you want to edit, you see a completely different arrangement of the fields.

You can now assign a module for each position (Column Left & Right, Content Top & Bottom) in a much more intuitive way. This way, you can picture how each module will be arranged in the page, which improves the layout management process.

Reports

A new menu is introduced in the Reports section – Customer Searches. It allows store owners to track the keywords that customers have used to find the products on the website. The report also features the Found Products, Category, Customer, IP and Date Added.

Developers, Heads Up!

All OpenCart extensions are now moved to a separate “extension” directory. This goes for the whole MVC-L architecture. For example, a controller placed in /controller/module/controller.php is now placed in /controller/extension/module/controller.php. The same logic goes for the models, views and languages.

The good news is that OpenCart 2.3.0.2 has backward-compatibility with the familiar directory structure (/controller/module/controller.php). However, in some cases this may not work well with the new extension URL routes which are now “extension/module/controller”.

As a developer, you will have to thoroughly test your extension and apply all necessary changes to make your extension work with the new paths.

Summing Up

The new OpenCart 2.3 has made serious progress with the usability of the admin panel. The new way that the Extensions and Layouts work is a step closer to easier store management for the owners of an OpenCart website. By Mihail Savov

Download Now

 


  • 1
screenshot-1

Google Analytics by MonsterInsights

Category : CMS , Programming

Connect Google Analytics with WordPress by adding your Google Analytics tracking code. Get the stats that matter.
Installation

  1. Install Google Analytics by MonsterInsights either via the WordPress.org plugin repository or by uploading the files to your server. (See instructions on how to install a WordPress plugin)
  2. Activate Google Analytics by MonsterInsights.
  3. Navigate to the Analytics tab in your admin menu and configure the plugin.

Download

  1. google-analytics-for-wordpress screenshot 1Screenshot of the dashboards this plugin generates. To get dashboards for custom dimensions, upgrade to GA by MonsterInsights Pro.
  2. google-analytics-for-wordpress screenshot 2Screenshot of the general settings panel for this plugin.
  3. google-analytics-for-wordpress screenshot 3Screenshot of the advanced settings panel.

  • 1
screenshot-1-1

Improve your WordPress SEO by Yoast SEO

Category : CMS , Programming

WordPress SEO is not just an SEO plugin, it is the complete website optimization package. Apart from adding titls and descriptions to your articles, it also allows you to add open graph meta data, do page analysis, publish xml sitemap, and so much more. It is easy to install and setup and that’s why we use it on all our websites. I would like to induces Yoast SEO to improve searching . Download

  1. wordpress-seo screenshot 1The Yoast SEO plugin general meta box. You’ll see this on edit post pages, for posts, pages and custom post types.
  2. wordpress-seo screenshot 2The fully configurable XML sitemap for Yoast SEO.
  3. wordpress-seo screenshot 3Easily import SEO data from All In One SEO pack and HeadSpace2 SEO.
  4. wordpress-seo screenshot 4Example of the SEO analysis functionality.
  5. wordpress-seo screenshot 5Example of the readability analysis functionality.
  6. wordpress-seo screenshot 6The advanced section of the Yoast SEO meta box.

  • 1
fly

Animated fly-out or Fade box with related content in WordPress

Category : Programming

Today I would like to introduce one Plugin of WordPress to improve post related. Do you want to decrease your blog’s bounce rate? Use this upPrev “Next Post” slide-in and keep your users reading.

Display cool, animated fly-out or fade box with related content. Just like New York Times.

When a reader scrolls to the bottom of a single post, page or custom post type, a button animates in the page’s bottom right or left corner, allowing the reader to select the previous or random available post or posts in the selected configuration:

  1. Just previous
  2. Previous in category
  3. Previous in tag
  4. Random
  5. Related using YARPP (only post/pages)

Installation : There are 3 ways to install this plugin:

The super easy way

  1. Log in to your WordPress Admin panel.
  2. Go to: Plugins > Add New.
  3. Type ‘upPrev’ into the Search Plugins field and hit Enter. Once found, you can view details such as the point release, rating and description.
  4. Click Install Now. After clicking the link, you’ll be asked if you’re sure you want to install the plugin.
  5. Click Yes, and WordPress completes the installation.
  6. Activate the plugin.
  7. A new menu upPrev in Appearance will appear in your Admin Menu.

The easy way

  1. Download the plugin (.zip file) on the right column of this page
  2. In your Admin, go to menu Plugins > Add
  3. Select button Upload Plugin
  4. Upload the .zip file you just downloaded
  5. Activate the plugin
  6. A new menu upPrev in Appearance will appear in your Admin

The old and reliable way (FTP)

  1. Upload upprev folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. A new menu upPrev in Appearance will appear in your Admin

Please go to this link for download : upPrev

  1. upprev screenshot 2upPrev options: appearance
  2. upprev screenshot 3upPrev options: content
  3. upprev screenshot 4upPrev options: links
  4. upprev screenshot 5upPrev options: cache

  • 1
themes4

How to Install Theme in WordPress

Category : Programming

Access install theme functionality in your WP admin

The first thing you need to do when you want to install a new WordPress theme is to login to your site admin page. Once there, go to Appearance -> Themes.themes1

Here, you will see all the themes you have currently installed in your application. To add another one, simply click on the Install Themes tab.themes2

On this page there are two ways to add a new theme. You can either use the search field which will return results from the WordPress.org theme directory or you can upload a theme from your local hard drive. In this tutorial we will show you how to add themes in both ways.

Choose and Install a theme from the official WordPress theme directory

The easiest way to install themes to your WordPress site is if they are listed in the official themes directory. This allows you to search for the theme you need directly from your site admin page. Each theme in the official directory has to have Tags that describe its functionality allowing you to easily search for the right theme.

If you know the theme’s name, you can simply search for it.themes3

You will now see all themes that meet your search. Hover over any of them and you will see two options – to see a demo of the theme or to install it. Once you choose which theme you want to use for your site, press the blue Install button.themes4

Your WordPress application will download and install the theme for you. Simply click the Acticate link on the next page you will be redirected to.themes5

That’s all – you can go to the front page of your site to see its new looks.


  • 1
unnamed

WordPress 4.6 “Pepper” Is Released

Category : Programming

Version 4.6 of WordPress, named “Pepper” in honor of jazz baritone saxophonist Park Frederick “Pepper” Adams III, is available for download or update in your WordPress dashboard. New features in 4.6 help you to focus on the important things while feeling more at home.

Thanks to all the translators WordPress 4.6 in available to use in 50 languages.

unnamed

Some of the major upgrades include:

  • Streamlined Updates
    Don’t lose your place: stay on the same page while you update, install, and delete your plugins and themes.
  • Native Fonts
    The WordPress dashboard now takes advantage of the fonts you already have, making it load faster and letting you feel more at home on whatever device you use.
  • Inline Link Checker
    Ever accidentally made a link to https://wordpress.org/example.org? Now WordPress automatically checks to make sure you didn’t.
  • Content Recovery
    As you type, WordPress saves your content to the browser. Recovering saved content is even easier with WordPress 4.6.
  • Resource Hints
    Resource hints help browsers decide which resources to fetch and preprocess. WordPress 4.6 adds them automatically for your styles and scripts making your site even faster.
  • Robust Requests
    The HTTP API now leverages the Requests library, improving HTTP standard support and adding case-insensitive headers, parallel HTTP requests, and support for Internationalized Domain Names.
  • WP_Term_Query and WP_Post_Type
    A new WP _Term_Query class adds flexibility to query term information while a new WP _Post_Type object makes interacting with post types more predictable.
  • Meta Registration API
    The Meta Registration API has been expanded to support types, descriptions, and REST API visibility.
  • Translations On Demand
    WordPress will install and use the newest language packs for your plugins and themes as soon as they’re available from WordPress.org’s community of translators.
  • JavaScript Library Updates
    Masonry 3.3.2, imagesLoaded 3.2.0, MediaElement.js 2.22.0, TinyMCE 4.4.1, and Backbone.js 1.3.3 are bundled.
  • Customizer APIs for Setting Validation and Notifications
    Settings now have an API for enforcing validation constraints. Likewise, customizer controls now support notifications, which are used to display validation errors instead of failing silently.
  • Multisite, now faster than ever
    Cached and comprehensive site queries improve your network admin experience. The addition of WP _Site_Query and WP _Network_Query help craft advanced queries with less effort.

  • 0
seo1

How To Create SEO Friendly URLs in WordPress ?

Category : Programming

Have you ever wondered what’s the most SEO friendly permalink structure in WordPress? We’re often asked this question by new users. That’s because in the past, the default WordPress URL structure was not SEO friendly at all. However that’s changed now. In this article, we will explain WordPress SEO friendly URLs, and how you can customize your WordPress permalinks.

What is a SEO Friendly URL?

Before we go too deep into WordPress permalinks, it’s important that we define what is a SEO Friendly URL.
SEO Friendly URLs contain keywords that explain the article, and they’re easy to read by both humans and search engines. They also improve your chances to rank higher in search engines.

Example of a SEO friendly URL:
http://www.naisim.com/how-to-install-wordpress/

So what does a non-SEO friendly URL look like?
http://www.naisim.com/?p=3698

By default, WordPress now uses the post name in the URL which is the most SEO friendly URL structure.
So why do beginners still ask us for best permalink structure?
That’s because in the past, WordPress did not use pretty URLs also known as permalinks. The default used to be the non-SEO friendly example that we shared above.

This was changed in WordPress 4.2. If you recently installed WordPress, then your site URLs are SEO friendly.

You can easily verify your permalink settings in your WordPress admin area.

The Permalink Settings Page Explained

In WordPress, links are called Permalinks (short for permanent links). You’ll see the term permalink structure and URL structure being used interchangeably.

First thing you need to do is to visit the Permalinks settings page in your WordPress admin area.

Simply click on Settings link in the admin menu and then click on Permalinks. This will take you to a page that looks like this:

seo3
seo2

As you can see there are number of choices available.

  • Plain
    http://www.naisim.com/?p=1263
  • Day and name
    http://www.naisim.com/2016/11/22/sample-post/
  • Month and name
    http://www.naisim.com/2016/11/sample-post/
  • Numeric
    http://www.naisim.com/archives/1623
  • Post name
    http://www.naisim.com/sample-post/
  • Custom Structure
    Choose your own URL structure using available tags.

  • 1
joomla

Installation Joomla

Category : Programming

STEP 1Download the Needed Joomla 3 Installation Package

To start a Joomla installation on a web server, first you need to download the Joomla installation package. We recommend that you download Joomla only from the official website of the application – Joomla.org. If you download the Joomla 3 installation package from other than the official one, there is a risk of malicious code in the setup files.

 

Once you click on the Download button for the latest Joomla version, the installation package will be saved to your hard disk. Locate the installation package (should be named Joomla_3.0.3-Stable-Full_Package.zip or similar) that you’ve just downloaded and extract it to a new folder.

STEP 2Upload the Joomla Files to Your Server

Now, you need to upload the extracted files and folders to your web server. The easiest way to upload the Joomla installation files is via FTP. For detailed information on how to upload files via FTP, please check our FTP Tutorial.

IMPORTANT!If you want your Joomla 3 to be the main installation on your account and to be accessible through your main domain (i.e. www.mydomain.com), you need to upload the extracted files to your public_html folder. If you want to access Joomla on a subfolder of your domain (i.e. www.mydomain.com/joomla) you should upload it to the appropriate subdirectory (i.e. public_html/joomla/).

 

STEP 3Create a MySQL Database for Joomla to Use

Next, you need to create a MySQL database and assign a user to it with full permissions. For detailed instructions on how to do that, please follow the steps described in our tutorial on How to Create MySQL Username and Database. Once you create your MySQL Database and User, make sure you write down the database name, database username and password you’ve just created. You will need those for the installation process.

Create MySQL Database for your Joomla application

STEP 4Go Through the Installation Process

If you have uploaded the installation files, simply open your browser and navigate to your main domain (i.e. http://mydomain.com), or to the appropriate subdomain (i.e http://mydomain.com/joomla), depending where you have uploaded the Joomla installation package. Once you do that, you will be taken to the first screen of the Joomla Web Installer. On the first step of the installation process, you need to add the necessary information about your site and your administrative username.

  • Site Name: Enter the name of your site. Most templates will use this for the first heading of your index.
  • Description: Add a brief description of your website. It depends on your template if and where this text would be displayed.
  • Admin Email: Enter a valid email address. It will be used for password recovery and system messages.
  • Admin Username: Your administrative username. Please select a unique username, rather than “admin” or “administrator” since those are often subject to hacker attacks.
  • Admin Password: Add a password as strong as possible.
  • Site Offline: Select whether your site should be taken offline after you complete the installation. For the purpose of this tutorial we will leave this option set to NO (site will be live after installation).

Once you fill in all the required fields, press the Next button to proceed with the installation.

On the next screen, you will have to enter the necessary information for your MySQL database.

  • Database Type: By default this value is set to MySQLi. Leave it that way, MySQLi is an optimised version of the regular MySQL database and it is supported on SiteGround servers.
  • Host Name: Once again, leave the default localhost value.
  • Username: Enter the username for your MySQL database (Refer to Step 3).
  • Password: Fill in the password for the database username (Refer to Step 3).
  • Database Name: Enter the name of the MySQL database you want to use (Refer to Step 3).
  • Table Prefix: Joomla will add this prefix to all of its database tables. This is useful if you want to host multiple Joomla sites on a single database. You should leave the default value.
  • Old Database Process: If you have any existing databases, choose what to do with the existing tables that are required by the installer. The options are to remove or backup any existing data that’s about to be replaced. We recommend that you leave this option set to Backup since it is the safest choice.

After you enter all the necessary information, press the Next button to proceed.

You will be forwarded to the last page of the installation process. On this page, you can specify if you want any sample data installed on your server. For beginners, we recommend you to choose the Default Sample data option since it will serve as an example/backbone, that you can use to build your actual website. Note that you can delete all sample articles, menus, etc. at any time.

The second part of the page will show you all pre-installation checks. The SiteGround servers meet all Joomla requirements and you will see a green check after each line.

Finally, hit the Install button to start the actual Joomla installation. In a few minutes you will be redirected to the last screen of the Joomla Web Installer.

On the last screen of the installation process you need to press the Remove installation folderbutton. This is required for security reasons, so no one can reinstall your existing site later on. Note that Joomla won’t let you use your site unless you remove this folder completely!

That’s it! You have a fully functional Joomla website. You can now start building your website content!
By fastcomet