Skip to content
Cobalt Apps Docs
  • CobaltApps.com

FAQs

7
  • There Are A TON Of WP Frameworks Out There, Why Choose Freelancer?
  • If Freelancer Is Free Than Why Does It Require A License?
  • What Is A Theme Framework And How Is It Different Than The Default WordPress Themes?
  • What Are WordPress Conditionals And How Do I Use Them?
  • What Are Filter Hooks?
  • What Are Action Hooks?
  • How Do I Renew My Cobalt Apps Product License?

Dynamik Website Builder

29
  • Dynamik Website Builder Change Log
  • How To Add New Google Fonts To Dynamik
  • How To Add Custom Fonts To Dynamik
  • How To Setup Your Site Just Like A Dynamik Skin Demo
  • Dynamik Vitality Skin Demo Setup
  • Dynamik ThemeShop Skin Demo Setup
  • Dynamik Startup Skin Demo Setup
  • Dynamik Promote Skin Demo Setup
  • Dynamik Parallax Skin Demo Setup
  • Dynamik NonProfit Skin Demo Setup
  • Dynamik Journal Skin Demo Setup
  • Dynamik Impact Skin Demo Setup
  • Dynamik Impress Skin Demo Setup
  • Dynamik RealEstate Skin Demo Setup
  • Dynamik Commerce Skin Demo Setup
  • How To Add A Retina-Ready Logo To Dynamik
  • Dynamik Custom PHP Builder
  • Dynamik Layout Widths
  • Dynamik Custom Widget Areas
  • Dynamik Custom Hook Boxes
  • Dynamik Custom Conditionals
  • Dynamik Custom Labels
  • Dynamik Custom Templates
  • Dynamik Custom Javascript
  • Dynamik Custom Functions
  • Dynamik Custom CSS
  • Dynamik Settings/Custom Import/Export
  • How The Dynamik Skins Feature Works
  • How To Install The Genesis Framework And Dynamik Website Builder

Instant IDE

12
  • Comparing Instant IDE With The Instant IDE Manager Plugin
  • Editing The Instant IDE HTACCESS File
  • Uninstalling Instant IDE
  • About Instant IDE Security
  • How To Manually Update The Instant IDE Manager Plugin
  • What To Do If You Forget Your Admin Access Pin Number
  • Securing The Instant IDE Manager Admin
  • How To Unzip A File In Instant IDE
  • How To Install WordPress Using Instant IDE
  • How To Resolve Form Validation Errors
  • Instant IDE Keyboard Shortcuts
  • How To Install Instant IDE

Simple Sandbox Pro

1
  • How To Enabled The PHP “exec” Function On Your Server

Genesis DevKit

10
  • DevKit Journal Theme
  • DevKit Promote Theme
  • DevKit Impact Theme
  • DevKit Startup Theme
  • DevKit Default Theme
  • What Is A DevKit Theme?
  • DevKit Parallax Theme
  • DevKit Impress Theme
  • Previewing Mobile Fixed Header When Logged Into Dashboard
  • Genesis DevKit Plugin Options And General Functionality

Extender Pro

9
  • Extender Pro Custom Hook Blocks
  • Extender Pro Custom Hook Boxes
  • Extender Pro Custom Widget Areas
  • Extender Pro Custom Conditionals
  • Extender Pro Custom Labels
  • Extender Pro Custom Templates
  • Extender Pro Custom Javascript
  • Extender Pro Custom Functions
  • Extender Pro Custom CSS

Themer Pro

10
  • Advanced File Editor Controls
  • Ace Editor Themes
  • Frontend Dev Tools
  • Frontend Hooks Map
  • Child Theme Editor
  • Child Theme Image Manager
  • Ace Editor Syntax Validation Checking
  • Child Theme Creator
  • Themer Pro Keyboard Shortcuts
  • Quick-Edit Page Templates With Front-End “Edit Code” Button

Freelancer Framework

13
  • Hide Freelancer Admin Pages
  • Adding Custom Body Classes To Freelancer
  • Debugging Freelancer Scripts
  • Set Custom Icons URL
  • There Are A TON Of WP Frameworks Out There, Why Choose Freelancer?
  • If Freelancer Is Free Than Why Does It Require A License?
  • Setting Up The Freelancer Child Theme Default Settings
  • Freelancer Action Hooks
  • Getting And Defining Freelancer Layouts
  • Freelancer Child Theme Setup
  • How To Add Footer Widgets To Freelancer
  • Freelancer Layouts
  • Freelancer Filter Hooks
View Categories
  • Home
  • Articles
  • Themer Pro
  • Child Theme Editor

Child Theme Editor

4 min read

One of the core features of Themer Pro is the Child Theme Editor. What makes it so foundational is that it provides such a powerful development environment right inside your dashboard that you can focus more on your development and less on messing with FTP or staging sites or whatever else you may have otherwise required when no such WP IDE was available. And that’s not to say that the Themer Pro theme editor is meant to completely replace all of the developer’s favorite coding tools, but simply that it greatly enhances the development process inside of WordPress and may even allow for the reduction of some of such dev tools.

At the core of the Themer Pro theme editor is the Ace Editor code editor script. This library of code editing goodness provides the Themer Pro Plugin, and ultimately the freelance developer, with a robust set of coding tools that closely resemble the experience you might have with your favorite code editing tool installed on your computer. From custom search, find ‘n replace, line numbering, syntax highlighting, and a whole lot more, Ace Editor is really an amazing piece of software to have powering your Plugins file management functionality.

A few things to note about the Child Theme editor:

  1. All edits are made directly. This means that when you edit and save changes to a particular file you are actually manipulating that file. So there is no database interaction or anything like that. Just direct file editing. This is ideal for the greatest usefulness to the freelance developer because it allows them to activate Themer Pro, make their changes, and then deactivate the Plugin whenever they want, without having to worry about losing customizations or anything like that. Also, this means that you can edit the same Child Theme files with your favorite code editor anytime you like and there will be no conflict with Themer Pro.
  2. The Themer Pro theme editor provides some failsafe features to help prevent broken code from temporarily breaking your site, but it’s still always possible. In other words, let’s say you created a new function in your Child Theme’s functions.php file that had the same name as another function somewhere else in your theme. This would throw and error on your site and require you to re-edit that file to fix it, using something like FTP to access the file outside of the WordPress environment. So just be careful when editing certain files and even better is to have a kind of “frontend functions” file that can only break the frontend so you can always fix it on the backend and get back up and running more quickly. Note that solution for these kinds of potential issues are provided throughout these docs, and some are mentioned in the related article links below.
  3. Sometimes the syntax validation checking provided by the Themer Pro editor doesn’t recognize your code as valid and will prevent you from saving. In such cases you can just turn off the syntax validation checking through your Themer Pro settings and then you’ll be able to save anything you want. In most cases this is a non-issue, and in many cases there’s a good reason Themer Pro won’t save your code (so first check to make sure you code is in fact valid and not broken in some way), but in case you run into a snag with this I just wanted to mention the simple solution.
  4. The search/find/replace feature is very useful for not only finding specific code snippets, but replacing multiple strings of text at once. You can bring this up with CTRL (win) or CMD (mac) + “f”.
  5. Customizing the editor’s syntax coloring and design is as easy as changing Ace Editor Themes through your Themer Pro settings. And going full screen just requires either a click of the icon at the top-right of the editor, or simply pressing CTRL (win) or CMD (mac) + “e”.
  6. On any given file you can easily copy all of its code by clicking the “Copy Code” button at the top-right of the editor. This is especially useful when duplicating the contents of a file (maybe a page template or something like that) to be pasted into a newly named file for further editing.

There are many other bits I could mentioned, but more can be found on this excellent Themer Pro feature by browsing the related article links below.

What are your Feelings

  • Happy
  • Normal
  • Sad
Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest
AboutSales & Support PoliciesProduct Support GuidelinesPrivacy PolicyAffiliatesTerms of ServiceContact Us
Cobalt Apps DocsCopyright © 2025