WordPress customization – CREATE IT OUTSIDE THE BOX

Would you like to use the best WordPress templates with millions of other users, but at the same time – stand out from others online? Check out a few of our ideas for template customization.

WordPress – the standard chosen by millions

There is a very broad list of templates available on the internet that are dedicated to specific markets, industries, needs and products. As a leader in the industry, WordPress gathers countless communities – suffice to say that over 30% of websites are based on WordPress. The huge user base means one can easily find support, guidelines and the help of groups where answers to many questions are provided. Furthermore, if we mention the intuitiveness of the system, free plugins, the simple installation and many other benefits – it may seem we have the perfect solution. Unfortunately, this “universality” means that a page can easily become a “template” website that will not win the race with its competition and, more importantly, will not win with hackers. Moreover, setting up a website takes about the same amount of time as falling into the trap of overloading it, resulting in low performance. The skilful WordPress themes customization makes it possible to preserve the uniqueness of the brand basing on trusted and global systems.

There is no perfect match – three customization methods

Even a perfectly matched template sometimes requires “adjustment” to specific needs, which leads to a number of changes (one of the most popular places to buy a template is envatomarket. See the sample templates we prepared: createIT Website Templates from ThemeForest). WordPress themes customization can be performed in 3 ways:

  • the installation and configuration of a ready-made plugin,
  • the creation of a custom solution and the addition of its code to the child-theme,
  • he addition of CSS styles + javascript code to the child-theme.

Regardless of which method you choose, you should start by creating a “child-theme”, i.e., a template with the possibility to implement additional styles or PHP functions. By introducing changes to the child-theme code you can update the “main template” without the fear that the update would overwrite new customizations. Once the child-theme is ready – it is time to begin!

The list of the best ready-made plugins – how to use them every day

The easiest way to add new functionalities to a website is to use a ready-made plugin. It is important for the plugin to be popular and regularly updated by its creators (this will ensure compatibility with new versions of WordPress). Here is a list of what you should pay attention to as well as the scope of the updates you may want to introduce to your website:

  • SEO optimization and the improvement of website performance,
  • the addition of contact forms,
  • the implementation of mechanisms responsible for GDPR and CCPA conformity,
  • website security and antivirus scanning,
  • the addition of a Gallery, SM Buttons and Goolge Maps markers.

Below is a list of plugins that can improve the functioning of your website and user experience:

1) SEO optimization

2) Contact form/order form

3) Website performance improvement

4) The addition of a photo gallery

5) The addition of chat functionality to the website

6) The launch of an internet store

7) The addition of discounts/dynamic prices in the WooCommerce store

8) Website security, antivirus scanning

9) The addition of social share buttons

10) The ability to add comments

11) The addition of Google Maps

12) The display of Instagram feed

13) The display of an event calendar

14) The addition of a discussion forum

15) Ensuring the website conforms to the provisions of GDPR and CCPA 

The creation of custom solutions and the addition of their code to the child-theme

We can implement this solution to our website code (most often this means PHP code added to functions.php in the child-theme) basing on specialist knowledge when our needs and desire for changes in the template do not reflect the solutions in existing and trusted plugins. In order for the implemented changes to meet the needs, it is imperative to precisely define the specifics of the task (i.e., the events for the user that the change in the code is supposed to trigger, as well as what we wish to achieve with this change, remembering if or how it affects the design). If the change in code is reflected in the design, it is important to create a new design after receiving system-related guidelines. It is worth highlighting that the better we present the entire process of change and the flow associated with it, the better it will be reflected by the programmers when implementing the change. After the implementation is complete – what remains is the correct configuration of the element, which usually happens through the addition of a shortcode with parameters or the edition of a new custom post type and taxonomy.


The addition of CSS styles + javascript code to the child-theme

The introduction of changes to the template may also occur by means of custom CSS styles/javascript code/jQuery. This way is excellent for such corrections as: the repositioning of the logo, change of colors, adjustment of fonts or the mobile version of the website. CSS code can often be added in the Theme Options or in WP Customizer (Themes > Customize). An alternative solution is to use the style.css file in the child-theme.


Customization QA – what may happen

Question: I found a nice plugin, but it does not work well with my WordPress template

Answer: The cause is usually the incorrect configuration of the plugin. The correct adjustment of the plugin options should solve the issue. If it turns out that the template is incompatible with the plugin, it may be necessary to look for another plugin or to write a custom solution.

Question: I have configured the plugin and everything works. However, I would like to introduce some changes in the appearance/functioning of the plugin.

Answer: You can make changes to the plugin using hooks/filters prepared by the creators. If you use them you can be sure the plugin will be up-to-date with the newest version. You make changes in appearance by adding CSS code.

Question: I have found a plugin that has what I need, but hasn’t been updated for the last 3 years. Should I use it?

Answer: It is recommended to use plugins that are regularly updated by their creators as this ensures compatibility with new versions of WordPress and (potentially) provides security updates. A plugin that has not been updated for such a long time has most probably been abandoned by its creator and because of that, in our opinion, it is not worth to use it.

Question: I have been using a nice plugin on my website for the past 6 months. I have noticed that a new update has just been released. Should I update my plugin?

Answer: If this is a “minor release” (e.g., 4.1.2), then the update is optional. However, we recommend installing a “major release” (e.g. 4.6). Furthermore, if you have not updated your plugins for a long time (e.g. a year or two), you should approach updates with care. During this time, the plugin might have gone through some serious changes in code. In such a case, it is recommended to first make the update in a test environment (this is called “Staging”). Update the production server only after the tests are finished.

Question: Everything works great on the DEMO page of the plugin. However, I am unable to configure the plugin on my website in such a way to recreate the effect of the DEMO version.

Answer: Plugins often have so many configuration options that it may be difficult to recreate a specific appearance. In such a case, you may need to contact plugin support or a WordPress developer who will have a look at the code and configure the plugin appropriately.

Question: The plugin is in conflict with another plugin. What should I do?

Answer: If a conflict is detected between two plugins, this means that they cannot coexist on one website. The simplest solution is to find an alternative plugin.

Question: The plugin does not work correctly when my caching plugin is activated.

Answer: This issue often occurs when a plugin requires cookies to work correctly. The most common solution is to appropriately configure the caching plugin (sections – Exclude cookies with names).

Question: I would like to customize the appearance of the plugin to match the current theme of my template/company colors.

Answer: Simple changes (e.g., colors/fonts/spacing) are possible through custom CSS styles. More advanced changes, such as the positioning of elements or the alteration of functioning logic, may not be possible.

Question: I have found a nice plugin, but it is not free ($29). Should I pay for it?

Answer: There are usually two types of paid plugins: one-time payment or recurring payment (every year). If a plugin requires payment every year, make sure it is necessary because the costs of maintaining a few of such tools each year can be high. The advantages of one-time payment plugins is that you pay only once and receive free updates forever (most plugins from the Envato: codecanyon platform function using this license).

Question: I have found a template, but I have to change it. What now?

Answer: When basing on templates, one has to remember that WordPress themes customization is not always easy. A seemingly simple change can often lead to many unwanted consequences. It is always wise to ask for the support of a software house that has experience not only in customization, but also in the creation of such templates from scratch.

Simple changes – are they really that simple?

WordPress is a powerful tool, a CMS with advanced configuration options. Many changes/customization options can be configured in the backend management panel using default WordPress customization options. However, it should be remembered that each of these options should be implemented after careful thinking, the analysis of the functionalities they influence and in what scope. Below is a list of the most frequent modifications that we make at the beginning of WordPress themes customization for our Customers:

  1. The change in the number of posts displayed on a blog (Blog pages show at most: Settings/Reading)
  2. The change of social media links in the “Social links” widget (Appearance/Widgets)
  3. The change of colors/template settings (Theme Options or Appearance/Customize)
  4. Content change in the website footer (Appearance/Widgets)
  5. The addition of a popup message with information for Customers (the activation of the Popup Maker plugin)
  6. Hiding those blog posts that come from the “abc” category (the use of the pre_get_posts filter)
  7. The addition of captcha to the contact form (the generation of a recaptcha key and the configuration of the option in the plugin).
  8. Enabling comments on the blog (Settings/Discussion/Allow people to post comments)
  9. The change of the limit of PHP memory (increase WP MEMORY LIMIT)
  10. The change of the logo on the login page for the administration panel (admin_head hook)
  11. The addition of a favicon (wp_head hook)
  12. The addition of breadcrumbs on the website (configuration of the Yoast plugin)
  13. The addition of the code for tracking Google Analytics statistics (wp_head hook)
  14. The exclusion of certain websites from WordPress search results (pre_get_posts filter)
  15. The setting of the maximum length for the excerpt of a text (excerpt_length filter)
  16. The addition of the related posts widget – a custom function in functions.php
  17. The display of the “Latest Posts” widget
  18. The addition of information about the author (blog entry site)
  19. Setting up SSL for WordPress (secure https connection)
  20. Disabling the default attachment site (template_redirect action)
  21. Disabling the sidebar (admin_init hook or a setting in theme options)
  22. Multisite activation
  23. The addition of the “Donate using PayPal” button
  24. Disabling the WordPress admin bar
  25. The change of the “Read More” text
  26. The translation of English phrases into the native language
  27. The ability to use shortcodes in widgets (widget_text filter)
  28. Activation of the Media Library option to enable SVG file upload
  29. Disabling automatic updates for WordPress
  30. Importing the list of blog posts from a different website (WordPress Importer plugin)

WordPress customization service

When planning to customize the selected template, it is worth to ask specialists for help – companies that not only build and design websites, but also create their own WP templates with dedicated plugins. Only such a team will be able to fully predict, offer and correctly implement optimal customizations that will use all of the appropriate capabilities of the purchased template.

Do you need to introduce changes to your website? Contact us. We go through the whole process from start to finish (from making designs to implementation and testing). Simple and complicated changes – we know all there is to know!



About the article Author:

Maciej Brzeziński

Techleader of createIT, working in the IT sector for over 14 years. Innovator, author, and owner of an e-shop that he has been continuously developing for over 10 years. Currently, with his team of over 20 developers, he supervises all kinds of e-commerce projects of varied structure, characteristics, and size: from simple on-line shops for retail clients to advanced B2B platforms with support of multiple shopping carts, multiple languages, and integration with external systems. His work also involves modifying and expanding the existing platforms with millions of products in their databases, platforms that support variable pricing (several variants of the same product), dropshipping modules, integration with storage systems, integration with courier delivery services, and the last but not least, the optimization of scripts. By participating in a multitude of projects, he had the opportunity to “test out” all kinds of platforms (open-source, SaaS – Cloud-Hosted eCommerce Platforms) and dedicated platforms.

Article originally published here.

+63 2672 78 73