current location:Home > Technical Articles > CMS Tutorial

  • Excellent WordPress search plugin
    Excellent WordPress search plugin
    Search functionality is crucial to a great user experience on any website. It allows users to easily find what they are looking for. Easily search in the store reduces sales friction! WordPress comes with standard search that provides basic functionality. It's perfect for a simple website or blog. But when it comes to e-commerce websites, directory and listing websites, or websites that contain a lot of information, you will need a professional search plugin. On CodeCanyon you will find powerful WordPress search plugins that will greatly improve your user experience. The best-selling WordPress search plugin on CodeCanyon For a one-time fee, you can get these WordPress searches
    WordPress 983 2023-09-02 16:53:11
  • Build a basic newspaper style layout using Wordpress and jQuery
    Build a basic newspaper style layout using Wordpress and jQuery
    Grid/newspaper/magazine templates are becoming more and more dominant in the WordPress skin and theme community. They look elegant, but not knowing where to start can be daunting. In this tutorial, we use the power of jQuery to create a grid layout with reduced-size headers! Preface This tutorial assumes that you have a WordPress engine running on your server and that you have permission to upload files, download files, and browse. If you want to run a local server on a computer with WordPress installed, there are tutorials here for Windows and here for OSX. Step 1 - Let’s start with the essentials… In the “wp-content/themes/” file
    WordPress 1242 2023-09-02 15:37:01
  • Unit Testing Theory (continued): Part 2
    Unit Testing Theory (continued): Part 2
    In the previous article, we started discussing the theory of unit testing in WordPress. Specifically, we review our work on unit testing themes and plugins, then move onto discussing code units, how this impacts our testing, and we review unit testing in the larger world of software development. We’ll continue discussing the theory of unit testing in WordPress, but from the perspective of how it can help identify issues, drive architecture, document projects, and more. Find problems, save time Recall from earlier in this series, the traditional way to do unit testing is this: write a test, run it (knowing it will fail) write a function to make the method pass. Run the test. If the test fails, continue processing the function; otherwise,
    WordPress 950 2023-09-02 14:37:14
  • Enhance your theme with the Envato WordPress Toolkit: Library
    Enhance your theme with the Envato WordPress Toolkit: Library
    In the last part of this tutorial, we learned how to use the TGM plugin activation class to require the Envato WordPress Toolkit plugin anytime our theme is in use. The plugin allows users to install and update purchased themes in the admin. The next part will teach you how to implement the EnvatoWordPress toolkit library so that we can use the EnvatoMarketplace API to regularly check when updates to our theme are available. When an update is available, we will display a notification in the admin and direct users to the plugin to update. 1. Include the toolkit library We first need to include the toolkit library in our project. Download EnvatoWordPress
    WordPress 924 2023-09-02 12:41:01
  • Top 8 JavaScript Drawing Libraries: Free and Open-Source
    Top 8 JavaScript Drawing Libraries: Free and Open-Source
    Images and animations are engaging, fun, and perfect for conveying information that would be difficult to process and understand using written words alone. This is true for photos taken with a camera as well as drawings created using a computer. In this article, I will show you some of the best free and open source JavaScript drawing libraries. There are many free libraries that use technologies like the HTML5canvas element and SVG to draw anything you want in the browser. Not only can you draw using the APIs provided by these libraries, you can also animate anything you create. let's start. Two.js is a very popular and easy-to-use library when it comes to drawing 2D shapes using JavaScript. It's very well documented,
    WordPress 1324 2023-09-02 12:17:08
  • Design patterns for communication between Vue.js components
    Design patterns for communication between Vue.js components
    As developers, we want to produce code that is manageable and maintainable, which is also easier to debug and test. To achieve this, we employ best practices called patterns. Patterns are proven algorithms and architectures that help us accomplish specific tasks in an efficient and predictable way. In this tutorial, we'll look at the most common Vue.js component communication patterns, as well as some pitfalls we should avoid. We all know that in real life, there is no single solution to every problem. Likewise, in Vue.js application development, there is no universal pattern that applies to all programming scenarios. Each mode has its own advantages and disadvantages and is suitable for specific use cases. The most important thing for Vue.js developers is
    WordPress 1058 2023-09-02 11:45:11
  • Enhance WordPress: Build improved APIs and libraries
    Enhance WordPress: Build improved APIs and libraries
    It felt like everything we came into contact with was carefully designed: the website, the phone, the subway map, etc. Even things we used to take for granted: thermostats, smoke detectors, and car dashboards now receive careful user experience treatment. Design is more than just look and feel: it also needs to consider the various ways users need to interact with our devices/tools/screens/objects. This also applies to programming. (Un)Designed Programming Programming languages ​​are a large and complex world. Even PHP, which many programming snobs consider too "simple", is actually a fairly complex combination of functions and classes that behave in very inconsistent ways. The syntax, methods, and nomenclature have evolved over the years across millions of different users and applications. Most tend to reflect
    WordPress 1006 2023-09-02 11:33:17
  • Object-oriented basics of JavaScript
    Object-oriented basics of JavaScript
    JavaScript has grown in popularity in recent years, in part due to the development of libraries that make it easier to create JavaScript applications/effects for those who have not yet fully mastered the core language. While in the past, people generally thought of JavaScript as a basic language and very "sloppy" with no real foundation; this is no longer the case, especially with large-scale web applications and JSON (JavaScript Object Notation) Waiting for the introduction of "adaptation". JavaScript can have all the features offered by an object-oriented language, albeit with some additional work that is beyond the scope of this article. Let's create an object functionmyObjec
    WordPress 939 2023-09-02 11:21:09
  • Getting Started with Titan Framework: Installation and Integration
    Getting Started with Titan Framework: Installation and Integration
    We all know that the WordPress settings API is difficult, and while it gives you more control, it requires an API that can be used to build admin panel settings pages, meta boxes for post types, and options in the customizer. This is where TitanFramework comes into play. In my last article, I gave a quick introduction to TitanFramework, in which I highlighted some of the features that make it the best of all options frameworks. Now it's time to start exploring some of the details of this framework. In this article today, I will explain how to install, integrate, and configure TitanFramework in a WordPress project. So let’s get started! Titan frame
    WordPress 705 2023-09-02 09:01:03
  • Make sure your WordPress website is ADA compliant
    Make sure your WordPress website is ADA compliant
    Are you struggling to ensure that your WordPress site is accessible to everyone? Are you not sure how to make your WordPress website ADA compliant? ADA compliance is an important aspect of web design and development and helps make your website more usable for everyone, including people with disabilities. This article will walk you through the practical steps of how to make your website ADA compliant, such as understanding the requirements, implementing best practices, and testing for compliance. Ready to create user-friendly experiences for everyone? let's start! Why Your WordPress Website Needs to be ADA Compliant Simply put, the Americans with Disabilities Act (ADA) requires your WordPress website to be ADA compliant.
    WordPress 1093 2023-09-02 08:29:05
  • Explore the power of Bloom Filters using Node.js and Redis
    Explore the power of Bloom Filters using Node.js and Redis
    Bloom filters look like magic in the right use case. It's a bold statement, but in this tutorial we'll explore this strange data structure, how to best use it, and some practical examples using Redis and Node.js. A Bloom filter is a probabilistic, one-way data structure. The word "filter" can be confusing in this context; filter means it's an active thing, a verb, but it might be easier to think of it as storage, a noun. With a simple bloom filter, you can do two things: Add an item. Check if an item has not been added before. These are important limitations to understand - you cannot delete items, nor can you list items in a bloom filter. Additionally, you cannot
    WordPress 1037 2023-09-01 22:53:09
  • Leverage the power of the TGM plugin activation library in your theme
    Leverage the power of the TGM plugin activation library in your theme
    Themes are not meant to be functional but as theme developers we mainly need to include some features to make our themes a little better and functional. In this tutorial we will learn about the term "plugin realm" and learn to use an excellent tool written by Thomas Griffin: the TGM plug-in activation library. Theme Features: The Invading Plugin Territory theme is designed to transform the design of your WordPress site. Ideally it should be visual. But during the golden age of WordPress, theme developers often included functional features in their themes to stay competitive in the market. It should be so, but it is. This is an intrusion into plugin territory. We can define "plugin domain" in simple terms: code
    WordPress 866 2023-09-01 22:49:02
  • Create a WordPress Image Gallery: Develop a Plugin
    Create a WordPress Image Gallery: Develop a Plugin
    People love pictures. They love looking at them, they love clicking on them. Therefore, it makes sense to use them in your website’s navigation. You may already use featured images in your archive pages to give users more insight into the content of your posts and to make your archive pages look better. Beautiful, large clickable images also make the process of browsing a page or publishing a post more intuitive. But elsewhere, you can use featured images to help navigate to certain parts of your WordPress site. In this two-part tutorial, we'll show you how to create a grid of images that links to a subpage of a given page in your website, or a subpage of the current page. In this first part, I'll demonstrate how to write PHP to get a page and output its title and features.
    WordPress 554 2023-09-01 21:53:01
  • Get the current date and time using JavaScript API to get the current date and time
    Get the current date and time using JavaScript API to get the current date and time
    JavaScript provides APIs that enable developers to easily handle dates, times, and time zones. In this article, we'll learn how to use JavaScript's Date and Time API to get the current date and time, format them, and perform other operations. Introduction to Date and Time in JavaScript Dealing with dates and times is inevitable in web development. It is used in various online applications to display dates and times, countdown timers, and timestamps, as well as to schedule events and handle user interaction with time elements. JavaScript has a built-in Date object, which is a key tool for working with dates and times. Have you ever visited a website (such as an e-commerce website) that
    WordPress 678 2023-09-01 21:21:02
  • Improve WordPress theme developer skills and practices to achieve optimal quality
    Improve WordPress theme developer skills and practices to achieve optimal quality
    This article highlights some of the factors you should consider when designing and implementing an actual WordPress theme. These tips are mainly convenient for newbies in WordPress theme development and those who plan to use poreWordPress themes. In the previous article, we covered the two most important steps in designing a WordPress theme (and any other web design theme): Drawing the right inspiration for your theme Providing a good mockup for the design in the prototype application In this article , we will focus more on some of the factors that should be considered when designing and implementing a practical theme. Tools of the Industry Before moving forward, it's important to note that I recommend two tools that may come in handy when designing and coding actual themes. 1. Adobe
    WordPress 1350 2023-09-01 21:01:06

Tool Recommendations

jQuery enterprise message form contact code

jQuery enterprise message form contact code is a simple and practical enterprise message form and contact us introduction page code.
form button
2024-02-29

HTML5 MP3 music box playback effects

HTML5 MP3 music box playback special effect is an mp3 music player based on HTML5 css3 to create cute music box emoticons and click the switch button.

HTML5 cool particle animation navigation menu special effects

HTML5 cool particle animation navigation menu special effect is a special effect that changes color when the navigation menu is hovered by the mouse.
Menu navigation
2024-02-29

jQuery visual form drag and drop editing code

jQuery visual form drag and drop editing code is a visual form based on jQuery and bootstrap framework.
form button
2024-02-29

Organic fruit and vegetable supplier web template Bootstrap5

An organic fruit and vegetable supplier web template-Bootstrap5
Bootstrap template
2023-02-03

Bootstrap3 multifunctional data information background management responsive web page template-Novus

Bootstrap3 multifunctional data information background management responsive web page template-Novus
backend template
2023-02-02

Real estate resource service platform web page template Bootstrap5

Real estate resource service platform web page template Bootstrap5
Bootstrap template
2023-02-02

Simple resume information web template Bootstrap4

Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02

Cute summer elements vector material (EPS PNG)

This is a cute summer element vector material, including the sun, sun hat, coconut tree, bikini, airplane, watermelon, ice cream, ice cream, cold drink, swimming ring, flip-flops, pineapple, conch, shell, starfish, crab, Lemons, sunscreen, sunglasses, etc., the materials are provided in EPS and PNG formats, including JPG previews.
PNG material
2024-05-09

Four red 2023 graduation badges vector material (AI EPS PNG)

This is a red 2023 graduation badge vector material, four in total, available in AI, EPS and PNG formats, including JPG preview.
PNG material
2024-02-29

Singing bird and cart filled with flowers design spring banner vector material (AI EPS)

This is a spring banner vector material designed with singing birds and a cart full of flowers. It is available in AI and EPS formats, including JPG preview.
banner picture
2024-02-29

Golden graduation cap vector material (EPS PNG)

This is a golden graduation cap vector material, available in EPS and PNG formats, including JPG preview.
PNG material
2024-02-27

Home Decor Cleaning and Repair Service Company Website Template

Home Decoration Cleaning and Maintenance Service Company Website Template is a website template download suitable for promotional websites that provide home decoration, cleaning, maintenance and other service organizations. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-05-09

Fresh color personal resume guide page template

Fresh color matching personal job application resume guide page template is a personal job search resume work display guide page web template download suitable for fresh color matching style. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-29

Designer Creative Job Resume Web Template

Designer Creative Job Resume Web Template is a downloadable web template for personal job resume display suitable for various designer positions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28

Modern engineering construction company website template

The modern engineering and construction company website template is a downloadable website template suitable for promotion of the engineering and construction service industry. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28