
Developer functions and utilities
Demo Contents
Buttons default
Developer utilities: Default buttons
Code: PHP
Hotkeys:
CTRL + F to open, ESC to closeCode: JS
Hotkeys:
CTRL + F to open, ESC to closeButtons sizes & colors
button-small
button-small button-primary
button-small button-secondary
button-small button-success
button-small button-warning
button-small button-danger
button-small
button-small button-primary
button-small button-secondary
button-small button-success
button-small button-warning
button-small button-danger
button-primary
button-secondary
button-success
button-warning
button-danger
button-primary
button-secondary
button-success
button-warning
button-danger
button-large
button-large button-primary
button-large button-secondary
button-large button-success
button-large button-warning
button-large button-danger
button-large
button-large button-primary
button-large button-secondary
button-large button-success
button-large button-warning
button-large button-danger
button-hero
button-hero button-primary
button-hero button-secondary
button-hero button-success
button-hero button-warning
button-hero button-danger
button-hero
button-hero button-primary
button-hero button-secondary
button-hero button-success
button-hero button-warning
button-hero button-danger
Transparent buttons
button-transparent button-small
button-transparent button-small button-primary
button-transparent button-small button-secondary
button-transparent button-small button-success
button-transparent button-small button-warning
button-transparent button-small button-danger
button-transparent button-small
button-transparent button-small button-primary
button-transparent button-small button-secondary
button-transparent button-small button-success
button-transparent button-small button-warning
button-transparent button-small button-danger
button-transparent
button-transparent button-primary
button-transparent button-secondary
button-transparent button-success
button-transparent button-warning
button-transparent button-danger
button-transparent
button-transparent button-primary
button-transparent button-secondary
button-transparent button-success
button-transparent button-warning
button-transparent button-danger
button-transparent button-large
button-transparent button-large button-primary
button-transparent button-large button-secondary
button-transparent button-large button-success
button-transparent button-large button-warning
button-transparent button-large button-danger
button-transparent button-large
button-transparent button-large button-primary
button-transparent button-large button-secondary
button-transparent button-large button-success
button-transparent button-large button-warning
button-transparent button-large button-danger
button-transparent button-hero
button-transparent button-hero button-primary
button-transparent button-hero button-secondary
button-transparent button-hero button-success
button-transparent button-hero button-warning
button-transparent button-hero button-danger
button-transparent button-hero
button-transparent button-hero button-primary
button-transparent button-hero button-secondary
button-transparent button-hero button-success
button-transparent button-hero button-warning
button-transparent button-hero button-danger
Buttons links
Buttons toggle
dct_button_toggle(icon:'', label:'', icon_enabled:'', label_enabled:'', enabled:false, auto_enable:true, options:'type="button"', data_action:'', classes:'');
Buttons custom files
Custom file button
dct_button_file(file:'', label:'', file_description:'', action_edit:false, tooltip_position:'left-bottom', classes:'');Use file with custom file name:
dct-functions.php or relative path to file from child theme folder: /custom/php/dct-functions.php PHP dct-functions.php
Child theme custom PHP functions.
Used as
Type: PHP
Size: 10 KB
Modified: 2026/09/17 07:14:17
/custom/php/dct-functions.phpChild theme custom PHP functions.
Used as
functions.php to add custom PHP code to child theme.Type: PHP
Size: 10 KB
Modified: 2026/09/17 07:14:17
/custom/php/dct-functions.phpCustom description
Type: PHP
Size: 10 KB
Modified: 2026/09/17 07:14:17
Edit file with code editor
JS custom.js
Child theme custom JS.
Used to add custom JS code to child theme frontend.
Type: JS
Size: 17 KB
Modified: 2026/09/08 08:03:45
Open file in new tab
/custom/js/custom.jsChild theme custom JS.
Used to add custom JS code to child theme frontend.
Type: JS
Size: 17 KB
Modified: 2026/09/08 08:03:45
Open file in new tab
/custom/scss/_colors.scssPartial SCSS for global variables.: Colors.
Type: SCSS
Size: 3 KB
Modified: 2026/09/05 07:33:59
Edit file with code editor
View file
Type: CSS
Size: 22 KB
Modified: 2026/10/10 09:37:52
Open file in new tab
/style.cssType: CSS
Size: 22 KB
Modified: 2026/10/10 09:37:52
Open file in new tab
/style.cssType: CSS
Size: 22 KB
Modified: 2026/10/10 09:37:52
Edit file with code editor
CSS style2.css
Type: CSS
File not found
/style2.cssType: CSS
File not found
Custom files buttons list
dct_rows_list_custom_files(file_type:array('scss','js','php'), title:true, action_edit:true, enable_form:true, classes:'');Custom files list with action edit
Custom files list with link
action_edit:trueCustom files list with link
action_edit:false PHP dct-functions.php
Child theme custom PHP functions.
Used as
Type: PHP
Size: 10 KB
Modified: 2026/09/17 07:14:17
/custom/php/dct-functions.phpChild theme custom PHP functions.
Used as
functions.php to add custom PHP code to child theme.Type: PHP
Size: 10 KB
Modified: 2026/09/17 07:14:17
PHP dct-assets-enqueue.php
PHP code used with developer: Enqueue assets.
Type: PHP
Size: 1 KB
Modified: 2026/09/12 10:52:44
/custom/php/dct-assets-enqueue.phpPHP code used with developer: Enqueue assets.
Type: PHP
Size: 1 KB
Modified: 2026/09/12 10:52:44
PHP dct-custom-post-types.php
PHP code used with developer: Post types.
Type: PHP
Size: 2 KB
Modified: 2026/09/07 07:58:51
/custom/php/dct-custom-post-types.phpPHP code used with developer: Post types.
Type: PHP
Size: 2 KB
Modified: 2026/09/07 07:58:51
PHP dct-taxonomies.php
PHP code used with developer: Taxonomies.
Type: PHP
Size: 1 KB
Modified: 2026/09/03 11:57:27
/custom/php/dct-taxonomies.phpPHP code used with developer: Taxonomies.
Type: PHP
Size: 1 KB
Modified: 2026/09/03 11:57:27
PHP dct-custom-fields.php
PHP code used with developer: Custom fields.
Type: PHP
Size: 3 KB
Modified: 2026/09/03 11:57:33
/custom/php/dct-custom-fields.phpPHP code used with developer: Custom fields.
Type: PHP
Size: 3 KB
Modified: 2026/09/03 11:57:33
JS custom.js
Child theme custom JS.
Used to add custom JS code to child theme frontend.
Type: JS
Size: 17 KB
Modified: 2026/09/08 08:03:45
Open file in new tab
/custom/js/custom.jsChild theme custom JS.
Used to add custom JS code to child theme frontend.
Type: JS
Size: 17 KB
Modified: 2026/09/08 08:03:45
Open file in new tab
JS login-page.js
Login page custom JS.
Used to add custom JS code to customized login page.
Type: JS
Size: 308 B
Modified: 2026/09/12 10:52:03
Open file in new tab
/custom/js/login-page.jsLogin page custom JS.
Used to add custom JS code to customized login page.
Type: JS
Size: 308 B
Modified: 2026/09/12 10:52:03
Open file in new tab
SCSS _custom.scss
Partial SCSS for custom frontend styles.
Used to add custom CSS to child theme frontend styles.
Type: SCSS
Size: 10 KB
Modified: 2026/09/08 09:06:50
Open file in new tab
/custom/scss/_custom.scssPartial SCSS for custom frontend styles.
Used to add custom CSS to child theme frontend styles.
Type: SCSS
Size: 10 KB
Modified: 2026/09/08 09:06:50
Open file in new tab
SCSS _colors.scss
Partial SCSS for global variables.: Colors.
Type: SCSS
Size: 3 KB
Modified: 2026/09/05 07:33:59
Open file in new tab
/custom/scss/_colors.scssPartial SCSS for global variables.: Colors.
Type: SCSS
Size: 3 KB
Modified: 2026/09/05 07:33:59
Open file in new tab
SCSS _fonts.scss
Partial SCSS for global variables.: Fonts.
Type: SCSS
Size: 617 B
Modified: 2026/09/05 07:33:59
Open file in new tab
/custom/scss/_fonts.scssPartial SCSS for global variables.: Fonts.
Type: SCSS
Size: 617 B
Modified: 2026/09/05 07:33:59
Open file in new tab
SCSS _sizes.scss
Partial SCSS for global variables.: Sizes.
Type: SCSS
Size: 385 B
Modified: 2026/09/12 11:04:49
Open file in new tab
/custom/scss/_sizes.scssPartial SCSS for global variables.: Sizes.
Type: SCSS
Size: 385 B
Modified: 2026/09/12 11:04:49
Open file in new tab
SCSS _preloader.scss
Partial SCSS styles for customizer: Page preloader.
Type: SCSS
Size: 2 KB
Modified: 2026/09/17 10:03:47
Open file in new tab
/custom/scss/_preloader.scssPartial SCSS styles for customizer: Page preloader.
Type: SCSS
Size: 2 KB
Modified: 2026/09/17 10:03:47
Open file in new tab
SCSS admin-panel.scss
Base SCSS styles for customizer: Admin panel.
Type: SCSS
Size: 9 KB
Modified: 2026/09/12 11:02:25
Open file in new tab
/custom/scss/admin-panel.scssBase SCSS styles for customizer: Admin panel.
Type: SCSS
Size: 9 KB
Modified: 2026/09/12 11:02:25
Open file in new tab
SCSS login-page.scss
Base SCSS styles for customizer: Login page.
Type: SCSS
Size: 3 KB
Modified: 2026/09/12 11:05:01
Open file in new tab
/custom/scss/login-page.scssBase SCSS styles for customizer: Login page.
Type: SCSS
Size: 3 KB
Modified: 2026/09/12 11:05:01
Open file in new tab
SCSS style.scss
Base SCSS to be compiled as child theme styles.
Editing this file is not recommended.
It is automatically regenerated when the child theme information is updated.
Type: SCSS
Size: 885 B
Modified: 2026/10/10 09:37:52
Open file in new tab
/style.scssBase SCSS to be compiled as child theme styles.
Editing this file is not recommended.
It is automatically regenerated when the child theme information is updated.
Type: SCSS
Size: 885 B
Modified: 2026/10/10 09:37:52
Open file in new tab
CSS style.css
Compiled CSS frontend styles.
Editing this file is not recommended.
It will be overwritten by the SCSS compiler.
Type: CSS
Size: 22 KB
Modified: 2026/10/10 09:37:52
Open file in new tab
/style.cssCompiled CSS frontend styles.
Editing this file is not recommended.
It will be overwritten by the SCSS compiler.
Type: CSS
Size: 22 KB
Modified: 2026/10/10 09:37:52
Open file in new tab
CSS admin-panel.css
Compiled CSS admin panel styles.
Editing this file is not recommended.
It will be overwritten by the SCSS compiler.
Type: CSS
Size: 9 KB
Modified: 2026/09/17 10:03:53
Open file in new tab
/custom/css/admin-panel.cssCompiled CSS admin panel styles.
Editing this file is not recommended.
It will be overwritten by the SCSS compiler.
Type: CSS
Size: 9 KB
Modified: 2026/09/17 10:03:53
Open file in new tab
CSS login-page.css
Compiled CSS login page styles
Editing this file is not recommended.
It will be overwritten by the SCSS compiler.
Type: CSS
Size: 2 KB
Modified: 2026/09/17 16:50:11
Open file in new tab
/custom/css/login-page.cssCompiled CSS login page styles
Editing this file is not recommended.
It will be overwritten by the SCSS compiler.
Type: CSS
Size: 2 KB
Modified: 2026/09/17 16:50:11
Open file in new tab
Sections tabs
dct_button_tab(icon:'', label:'', section:'', classes:'')
Content section 1
Content section 2
Content section 3
Icons
dct_dashicon(icon, classes:'');Use icon code, prefix dashicons- not required.
Admin Menu
menu
dashicons-menumenu (alt)
dashicons-menu-altmenu (alt2)
dashicons-menu-alt2menu (alt3)
dashicons-menu-alt3site
dashicons-admin-sitesite (alt)
dashicons-admin-site-altsite (alt2)
dashicons-admin-site-alt2site (alt3)
dashicons-admin-site-alt3dashboard
dashicons-dashboardpost
dashicons-admin-postmedia
dashicons-admin-medialinks
dashicons-admin-linkspage
dashicons-admin-pagecomments
dashicons-admin-commentsappearance
dashicons-admin-appearanceplugins
dashicons-admin-pluginsplugins checked
dashicons-plugins-checkedusers
dashicons-admin-userstools
dashicons-admin-toolssettings
dashicons-admin-settingsnetwork
dashicons-admin-networkhome
dashicons-admin-homegeneric
dashicons-admin-genericcollapse
dashicons-admin-collapsefilter
dashicons-filtercustomizer
dashicons-admin-customizermultisite
dashicons-admin-multisiteWelcome Screen
write blog
dashicons-welcome-write-blogadd page
dashicons-welcome-add-pageview site
dashicons-welcome-view-sitewidgets menus
dashicons-welcome-widgets-menuscomments
dashicons-welcome-commentslearn more
dashicons-welcome-learn-morePost Formats
aside
dashicons-format-asideimage
dashicons-format-imagegallery
dashicons-format-galleryvideo
dashicons-format-videostatus
dashicons-format-statusquote
dashicons-format-quotechat
dashicons-format-chataudio
dashicons-format-audiocamera
dashicons-cameracamera (alt)
dashicons-camera-altimages (alt)
dashicons-images-altimages (alt2)
dashicons-images-alt2video (alt)
dashicons-video-altvideo (alt2)
dashicons-video-alt2video (alt3)
dashicons-video-alt3Media
archive
dashicons-media-archiveaudio
dashicons-media-audiocode
dashicons-media-codedefault
dashicons-media-defaultdocument
dashicons-media-documentinteractive
dashicons-media-interactivespreadsheet
dashicons-media-spreadsheettext
dashicons-media-textvideo
dashicons-media-videoplaylist audio
dashicons-playlist-audioplaylist video
dashicons-playlist-videoplay
dashicons-controls-playpause
dashicons-controls-pauseforward
dashicons-controls-forwardskip forward
dashicons-controls-skipforwardback
dashicons-controls-backskip back
dashicons-controls-skipbackrepeat
dashicons-controls-repeatvolume on
dashicons-controls-volumeonvolume off
dashicons-controls-volumeoffImage Editing
crop
dashicons-image-croprotate
dashicons-image-rotaterotate left
dashicons-image-rotate-leftrotate right
dashicons-image-rotate-rightflip vertical
dashicons-image-flip-verticalflip horizontal
dashicons-image-flip-horizontalfilter
dashicons-image-filterundo
dashicons-undoredo
dashicons-redoDatabases
database add
dashicons-database-adddatabase
dashicons-databasedatabase export
dashicons-database-exportdatabase import
dashicons-database-importdatabase remove
dashicons-database-removedatabase view
dashicons-database-viewBlock Editor
align full width
dashicons-align-full-widthalign pull left
dashicons-align-pull-leftalign pull right
dashicons-align-pull-rightalign wide
dashicons-align-wideblock default
dashicons-block-defaultbutton
dashicons-buttoncloud saved
dashicons-cloud-savedcloud upload
dashicons-cloud-uploadcolumns
dashicons-columnscover image
dashicons-cover-imageellipsis
dashicons-ellipsisembed audio
dashicons-embed-audioembed generic
dashicons-embed-genericembed photo
dashicons-embed-photoembed post
dashicons-embed-postembed video
dashicons-embed-videoexit
dashicons-exitheading
dashicons-headingHTML
dashicons-htmlinfo outline
dashicons-info-outlineinsert
dashicons-insertinsert after
dashicons-insert-afterinsert before
dashicons-insert-beforeremove
dashicons-removesaved
dashicons-savedshortcode
dashicons-shortcodetable col after
dashicons-table-col-aftertable col before
dashicons-table-col-beforetable col delete
dashicons-table-col-deletetable row after
dashicons-table-row-aftertable row before
dashicons-table-row-beforetable row delete
dashicons-table-row-deleteTinyMCE
bold
dashicons-editor-bolditalic
dashicons-editor-italicunordered list
dashicons-editor-ulordered list
dashicons-editor-olordered list RTL
dashicons-editor-ol-rtlquote
dashicons-editor-quotealign left
dashicons-editor-alignleftalign center
dashicons-editor-aligncenteralign right
dashicons-editor-alignrightinsert more
dashicons-editor-insertmorespellcheck
dashicons-editor-spellcheckexpand
dashicons-editor-expandcontract
dashicons-editor-contractkitchen sink
dashicons-editor-kitchensinkunderline
dashicons-editor-underlinejustify
dashicons-editor-justifytext color
dashicons-editor-textcolorpaste word
dashicons-editor-paste-wordpaste text
dashicons-editor-paste-textremove formatting
dashicons-editor-removeformattingvideo
dashicons-editor-videocustom character
dashicons-editor-customcharoutdent
dashicons-editor-outdentindent
dashicons-editor-indenthelp
dashicons-editor-helpstrikethrough
dashicons-editor-strikethroughunlink
dashicons-editor-unlinkRTL
dashicons-editor-rtlLTR
dashicons-editor-ltrbreak
dashicons-editor-breakcode
dashicons-editor-codeparagraph
dashicons-editor-paragraphtable
dashicons-editor-tablePosts Screen
align left
dashicons-align-leftalign right
dashicons-align-rightalign center
dashicons-align-centeralign none
dashicons-align-nonelock
dashicons-lockunlock
dashicons-unlockcalendar
dashicons-calendarcalendar (alt)
dashicons-calendar-altvisibility
dashicons-visibilityhidden
dashicons-hiddenpost status
dashicons-post-statusedit
dashicons-edittrash
dashicons-trashsticky
dashicons-stickySorting
external
dashicons-externalarrow up
dashicons-arrow-uparrow down
dashicons-arrow-downarrow right
dashicons-arrow-rightarrow left
dashicons-arrow-leftarrow up (alt)
dashicons-arrow-up-altarrow down (alt)
dashicons-arrow-down-altarrow right (alt)
dashicons-arrow-right-altarrow left (alt)
dashicons-arrow-left-altarrow up (alt2)
dashicons-arrow-up-alt2arrow down (alt2)
dashicons-arrow-down-alt2arrow right (alt2)
dashicons-arrow-right-alt2arrow left (alt2)
dashicons-arrow-left-alt2sort
dashicons-sortleft right
dashicons-leftrightrandomize
dashicons-randomizelist view
dashicons-list-viewexcerpt view
dashicons-excerpt-viewgrid view
dashicons-grid-viewmove
dashicons-moveSocial
share
dashicons-shareshare (alt)
dashicons-share-altshare (alt2)
dashicons-share-alt2RSS
dashicons-rssdashicons-emailemail (alt)
dashicons-email-altemail (alt2)
dashicons-email-alt2networking
dashicons-networkingAmazon
dashicons-amazondashicons-facebookFacebook (alt)
dashicons-facebook-altdashicons-googledashicons-instagramdashicons-linkedindashicons-pinterestPodio
dashicons-podiodashicons-redditSpotify
dashicons-spotifyTwitch
dashicons-twitchdashicons-twitterTwitter (alt)
dashicons-twitter-altdashicons-whatsappdashicons-xingYouTube
dashicons-youtubeWordPress.org
hammer
dashicons-hammerart
dashicons-artmigrate
dashicons-migrateperformance
dashicons-performanceuniversal access
dashicons-universal-accessuniversal access (alt)
dashicons-universal-access-alttickets
dashicons-ticketsnametag
dashicons-nametagclipboard
dashicons-clipboardheart
dashicons-heartmegaphone
dashicons-megaphoneschedule
dashicons-scheduleTide
dashicons-tideREST API
dashicons-rest-apicode standards
dashicons-code-standardsBuddicons
activity
dashicons-buddicons-activitybbPress
dashicons-buddicons-bbpress-logoBuddyPress
dashicons-buddicons-buddypress-logocommunity
dashicons-buddicons-communityforums
dashicons-buddicons-forumsfriends
dashicons-buddicons-friendsgroups
dashicons-buddicons-groupspm
dashicons-buddicons-pmreplies
dashicons-buddicons-repliestopics
dashicons-buddicons-topicstracking
dashicons-buddicons-trackingProducts
WordPress
dashicons-wordpressWordPress (alt)
dashicons-wordpress-altPressthis
dashicons-pressthisupdate
dashicons-updateupdate (alt)
dashicons-update-altscreen options
dashicons-screenoptionsinfo
dashicons-infocart
dashicons-cartfeedback
dashicons-feedbackcloud
dashicons-cloudtranslation
dashicons-translationTaxonomies
tag
dashicons-tagcategory
dashicons-categoryWidgets
archive
dashicons-archivetagcloud
dashicons-tagcloudtext
dashicons-textNotifications
bell
dashicons-bellyes
dashicons-yesyes (alt)
dashicons-yes-altno
dashicons-nono (alt)
dashicons-no-altplus
dashicons-plusplus (alt)
dashicons-plus-altplus (alt2)
dashicons-plus-alt2minus
dashicons-minusdismiss
dashicons-dismissmarker
dashicons-markerstar filled
dashicons-star-filledstar half
dashicons-star-halfstar empty
dashicons-star-emptyflag
dashicons-flagwarning
dashicons-warningMiscellaneous
location
dashicons-locationlocation (alt)
dashicons-location-altvault
dashicons-vaultshield
dashicons-shieldshield (alt)
dashicons-shield-altsos
dashicons-sossearch
dashicons-searchslides
dashicons-slidestext page
dashicons-text-pageanalytics
dashicons-analyticschart pie
dashicons-chart-piechart bar
dashicons-chart-barchart line
dashicons-chart-linechart area
dashicons-chart-areagroups
dashicons-groupsbusinessman
dashicons-businessmanbusinesswoman
dashicons-businesswomanbusinessperson
dashicons-businesspersonid
dashicons-idid (alt)
dashicons-id-altproducts
dashicons-productsawards
dashicons-awardsforms
dashicons-formstestimonial
dashicons-testimonialportfolio
dashicons-portfoliobook
dashicons-bookbook (alt)
dashicons-book-altdownload
dashicons-downloadupload
dashicons-uploadbackup
dashicons-backupclock
dashicons-clocklightbulb
dashicons-lightbulbmicrophone
dashicons-microphonedesktop
dashicons-desktoplaptop
dashicons-laptoptablet
dashicons-tabletsmartphone
dashicons-smartphonephone
dashicons-phoneindex card
dashicons-index-cardcarrot
dashicons-carrotbuilding
dashicons-buildingstore
dashicons-storealbum
dashicons-albumpalm tree
dashicons-palmtreetickets (alt)
dashicons-tickets-altmoney
dashicons-moneymoney (alt)
dashicons-money-altsmiley
dashicons-smileythumbs up
dashicons-thumbs-upthumbs down
dashicons-thumbs-downlayout
dashicons-layoutpaperclip
dashicons-paperclipcolor picker
dashicons-color-pickeredit large
dashicons-edit-largeedit page
dashicons-edit-pageairplane
dashicons-airplanebank
dashicons-bankbeer
dashicons-beercalculator
dashicons-calculatorcar
dashicons-carcoffee
dashicons-coffeedrumstick
dashicons-drumstickfood
dashicons-foodfullscreen (alt)
dashicons-fullscreen-altfullscreen exit (alt)
dashicons-fullscreen-exit-altgames
dashicons-gameshourglass
dashicons-hourglassopen folder
dashicons-open-folderdashicons-pdfpets
dashicons-petsprinter
dashicons-printerprivacy
dashicons-privacysuperhero
dashicons-superherosuperhero (alt)
dashicons-superhero-altTooltips
dct_tooltip(text:'', label:'', position:'', link:'', blank:true, classes:'');
Tooltip position right
Tooltip position right-top
Tooltip position right-bottom
Tooltip position left
Tooltip position left-top
Tooltip position left-bottom
Demo Inputs
Default inputs
Useful demo of inputs by type.
dct_group_input(name:'input-name', value:'input-value', options:'', label:'', tooltip:'', help:'', classes:'')
Help Text input
Help Text input
Help Text input
primary
#3fa6a5primary-dark
#2a6e6dprimary-darker
#153736primary-light
#6bc6c5primary-lighter
#a2dbdaprimary-comp
#a63f40label-debug
#cddfcflabel-debug-dark
#a6c6aalabel-debug-darker
#7fad84label-debug-light
#f4f8f4label-debug-lighter
#fffffflabel-design
#dcdfcdlabel-design-dark
#c0c6a6label-design-darker
#a5ad7flabel-design-light
#f7f8f4label-design-lighter
#fffffflabel-develop
#dfd6cdlabel-develop-dark
#c6b6a6label-develop-darker
#ad967flabel-develop-light
#f8f6f4label-develop-lighter
#fffffflabel-customize
#dfcdcdlabel-customize-dark
#c6a6a6label-customize-darker
#ad7f7flabel-customize-light
#f8f4f4label-customize-lighter
#fffffflabel-code
#dbc9dclabel-code-dark
#c1a3c3label-code-darker
#a87daalabel-code-light
#f5f1f5label-code-lighter
#ffffffbackground-grey
#f0f0f0background-grey-hover
#e4e4e4Help Text input
primary
#3fa6a5primary-dark
#2a6e6dprimary-darker
#153736primary-light
#6bc6c5primary-lighter
#a2dbdaprimary-comp
#a63f40label-debug
#cddfcflabel-debug-dark
#a6c6aalabel-debug-darker
#7fad84label-debug-light
#f4f8f4label-debug-lighter
#fffffflabel-design
#dcdfcdlabel-design-dark
#c0c6a6label-design-darker
#a5ad7flabel-design-light
#f7f8f4label-design-lighter
#fffffflabel-develop
#dfd6cdlabel-develop-dark
#c6b6a6label-develop-darker
#ad967flabel-develop-light
#f8f6f4label-develop-lighter
#fffffflabel-customize
#dfcdcdlabel-customize-dark
#c6a6a6label-customize-darker
#ad7f7flabel-customize-light
#f8f4f4label-customize-lighter
#fffffflabel-code
#dbc9dclabel-code-dark
#c1a3c3label-code-darker
#a87daalabel-code-light
#f5f1f5label-code-lighter
#ffffffbackground-grey
#f0f0f0background-grey-hover
#e4e4e4Help Text input
Help Text input
Help Text input
Help Text input
Help Text input
{
"dct_pre_code_collapse(code, collapse:true, collapsed:false, classes)": "Creates debug pre code with code, can be collapsed.",
"dct_group_input_hidden(name, value, classes)": "Creates hidden input for debug or POST forms"
}Demo Code Editors
Code editor from file
dct_group_code_editor(name:'', file:'', code:'', lang:'', editable:true, toolbar:true, help:'', classes:'')Use file with custom file name
dct-functions.php or relative path from child theme folder /custom/php/dct-functions.php to use as source files.File:
SCSS style.scss
Type: SCSS
Size: 885 B
Modified: 2026/10/10 09:37:52
Open file in new tab
/style.scssType: SCSS
Size: 885 B
Modified: 2026/10/10 09:37:52
Open file in new tab
Hotkeys:
CTRL + F to open, ESC to closeExample of SCSS code extracted from file_path.
File:
JS custom.js
Child theme custom JS.
Used to add custom JS code to child theme frontend.
Type: JS
Size: 17 KB
Modified: 2026/09/08 08:03:45
Open file in new tab
/custom/js/custom.jsChild theme custom JS.
Used to add custom JS code to child theme frontend.
Type: JS
Size: 17 KB
Modified: 2026/09/08 08:03:45
Open file in new tab
Hotkeys:
CTRL + F to open, ESC to closeExample of JS code extracted from custom file.
File:
PHP dct-functions.php
Child theme custom PHP functions.
Used as
Type: PHP
Size: 10 KB
Modified: 2026/09/17 07:14:17
/custom/php/dct-functions.phpChild theme custom PHP functions.
Used as
functions.php to add custom PHP code to child theme.Type: PHP
Size: 10 KB
Modified: 2026/09/17 07:14:17
Hotkeys:
CTRL + F to open, ESC to closeExample of PHP code extracted from custom file.
Error! File not found:
Cannot get source file contents to use in code editor.
/custom/php/no-file.phpCannot get source file contents to use in code editor.
PHP no-file.php
Type: PHP
File not found
/custom/php/no-file.phpType: PHP
File not found
Example of file not found.
Code editor inline
dct_group_code_editor(name:'', file:'', code:'', lang:'', editable:true, toolbar:true, help:'', classes:'')Use code and lang (scss/css/javascript/php/html/xml) for inline code editor.
Code: SCSS
Hotkeys:
CTRL + F to open, ESC to closeCode: CSS
Hotkeys:
CTRL + F to open, ESC to closeCode: JAVASCRIPT
Hotkeys:
CTRL + F to open, ESC to closeCode: PHP
Hotkeys:
CTRL + F to open, ESC to closeCode: HTML
Hotkeys:
CTRL + F to open, ESC to closeCode: JSON
Hotkeys:
CTRL + F to open, ESC to closeCode: XML
Hotkeys:
CTRL + F to open, ESC to close