Docs

Documentation

Settings

Dashboard

Edit child theme info

Status & Tools

Debugger

Debugger options

How to debug

Maintenance mode

Designer

SCSS Compiler options

Global variables

Developer

Assets enqueue

Custom post types

Taxonomies

Custom fields

Customizer

Page preloader

Admin panel

Login page

Code editor

Code editor

Functions and variables

Help

Help center

Code snippets

Developers

Get on Gumroad

Developers

Developers

Admin panel page with customized components code to create own admin contents.

Demo Contents

Panel title button example
Help contents not found: help-developer-demo-contents

Content row featured

Content title

Content subtitle

Sues grandíssimes virtuts e cavalleries se fa singular. Amor que li portava; la feminil condició promptament no pogué. Valent cavaller d'honor e glòria e la fama d'aquell no. E als servidors la sua. E sants actes dels sants pares del noble Josuè. Fugir vergonyosament La santa dona.

Enginy havia servit per llong temps l'art de cavalleria ab.
E molt més de virtuts lo que. Felicitat no pot ésser atesa sens mitjà. Condecent útil e expedient deduir. Feta la deliberació en la. En la Santa Escriptura les històries e sants actes.

Content row default

Content title

Content subtitle

Sues grandíssimes virtuts e cavalleries se fa singular. Amor que li portava; la feminil condició promptament no pogué. Valent cavaller d'honor e glòria e la fama d'aquell no. E als servidors la sua. E sants actes dels sants pares del noble Josuè. Fugir vergonyosament La santa dona.

Enginy havia servit per llong temps l'art de cavalleria ab.
E molt més de virtuts lo que. Felicitat no pot ésser atesa sens mitjà. Condecent útil e expedient deduir. Feta la deliberació en la. En la Santa Escriptura les històries e sants actes.

Buttons default

dct_button(icon:'', label:'', tooltip:'', tooltip_position:'', options:'type="button"', data_action:'', classes:'');

Buttons sizes & colors

Button small
button-small
Button small primary
button-small button-primary
Button small secondary
button-small button-secondary
Button small success
button-small button-success
Button small warning
button-small button-warning
Button small danger
button-small button-danger
Button small
button-small
Button small primary
button-small button-primary
Button small secondary
button-small button-secondary
Button small success
button-small button-success
Button small warning
button-small button-warning
Button small danger
button-small button-danger

Button
Button primary
button-primary
Button secondary
button-secondary
Button success
button-success
Button warning
button-warning
Button danger
button-danger
Button
Button primary
button-primary
Button secondary
button-secondary
Button success
button-success
Button warning
button-warning
Button danger
button-danger

Button large
button-large
Button large primary
button-large button-primary
Button large secondary
button-large button-secondary
Button large success
button-large button-success
Button large warning
button-large button-warning
Button large danger
button-large button-danger
Button large
button-large
Button large primary
button-large button-primary
Button large secondary
button-large button-secondary
Button large success
button-large button-success
Button large warning
button-large button-warning
Button large danger
button-large button-danger

Button hero
button-hero
Button hero primary
button-hero button-primary
Button hero secondary
button-hero button-secondary
Button hero success
button-hero button-success
Button hero warning
button-hero button-warning
Button hero danger
button-hero button-danger
Button hero
button-hero
Button hero primary
button-hero button-primary
Button hero secondary
button-hero button-secondary
Button hero success
button-hero button-success
Button hero warning
button-hero button-warning
Button hero danger
button-hero button-danger

Transparent buttons

Button transparent small
button-transparent button-small
Button transparent small primary
button-transparent button-small button-primary
Button transparent small secondary
button-transparent button-small button-secondary
Button transparent small success
button-transparent button-small button-success
Button transparent small warning
button-transparent button-small button-warning
Button transparent small danger
button-transparent button-small button-danger
Button transparent small
button-transparent button-small
Button transparent small primary
button-transparent button-small button-primary
Button transparent small secondary
button-transparent button-small button-secondary
Button transparent small success
button-transparent button-small button-success
Button transparent small warning
button-transparent button-small button-warning
Button transparent small danger
button-transparent button-small button-danger

Button transparent
button-transparent
Button transparent primary
button-transparent button-primary
Button transparent secondary
button-transparent button-secondary
Button transparent success
button-transparent button-success
Button transparent warning
button-transparent button-warning
Button transparent danger
button-transparent button-danger
Button transparent
button-transparent
Button transparent primary
button-transparent button-primary
Button transparent secondary
button-transparent button-secondary
Button transparent success
button-transparent button-success
Button transparent warning
button-transparent button-warning
Button transparent danger
button-transparent button-danger

Button transparent large
button-transparent button-large
Button transparent large primary
button-transparent button-large button-primary
Button transparent large secondary
button-transparent button-large button-secondary
Button transparent large success
button-transparent button-large button-success
Button transparent large warning
button-transparent button-large button-warning
Button transparent large danger
button-transparent button-large button-danger
Button transparent large
button-transparent button-large
Button transparent large primary
button-transparent button-large button-primary
Button transparent large secondary
button-transparent button-large button-secondary
Button transparent large success
button-transparent button-large button-success
Button transparent large warning
button-transparent button-large button-warning
Button transparent large danger
button-transparent button-large button-danger

Button transparent hero
button-transparent button-hero
Button transparent hero primary
button-transparent button-hero button-primary
Button transparent hero secondary
button-transparent button-hero button-secondary
Button transparent hero success
button-transparent button-hero button-success
Button transparent hero warning
button-transparent button-hero button-warning
Button transparent hero danger
button-transparent button-hero button-danger
Button transparent hero
button-transparent button-hero
Button transparent hero primary
button-transparent button-hero button-primary
Button transparent hero secondary
button-transparent button-hero button-secondary
Button transparent hero success
button-transparent button-hero button-success
Button transparent hero warning
button-transparent button-hero button-warning
Button transparent hero danger
button-transparent button-hero button-danger

Buttons links

dct_button_link(icon:'', label:'', link:'', blank:false, classes:'');
Use dct_get_admin_page_url(slug:'', tab:'') to get link to admin page.
Edit child theme Link Link Link Link Link Link Link

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/custom/php/dct-functions.php
Child theme custom PHP functions.
Used as functions.php to add custom PHP code to child theme.
Type: PHP
Size: 5 KB
Modified: 2026/07/22 08:45:01
/custom/php/dct-functions.php
Custom description
Type: PHP
Size: 5 KB
Modified: 2026/07/22 08:45:01
Edit file with code editor
JS custom.js/custom/js/custom.js
Child theme custom JS.
Used to add custom JS code to child theme.
Type: JS
Size: 1 KB
Modified: 2026/07/21 20:29:07
Open file in new tab
/custom/scss/_colors.scss
Partial SCSS for global variables.: Colors.
Type: SCSS
Size: 664 B
Modified: 2026/07/16 11:21:42
Edit file with code editor
View file/style.css
Type: CSS
Size: 5 KB
Modified: 2026/07/28 12:07:26
Open file in new tab
/style.css
Type: CSS
Size: 5 KB
Modified: 2026/07/28 12:07:26
Edit file with code editor
CSS style2.css/style2.css
Type: CSS
File not found

Custom files buttons list

dct_group_list_custom_files(file_type:array('scss','js','php'), title:true, action_edit:true, enable_form:true, classes:'');
Custom files list with action edit action_edit:true

Partials styles: SCSS

8
/custom/scss/_custom.scss
Partial SCSS for custom frontend styles.
Used to add custom CSS to child theme frontend styles.
Type: SCSS
Size: 2 KB
Modified: 2026/07/24 10:25:41
Edit file with code editor
/custom/scss/_custom-admin.scss
Partial SCSS for custom admin panel styles.
Used to add custom CSS to child theme admin panel styles.
Type: SCSS
Size: 249 B
Modified: 2026/07/16 10:30:37
Edit file with code editor
/custom/scss/_colors.scss
Partial SCSS for global variables.: Colors.
Type: SCSS
Size: 664 B
Modified: 2026/07/16 11:21:42
Edit file with code editor
/custom/scss/_fonts.scss
Partial SCSS for global variables.: Fonts.
Type: SCSS
Size: 177 B
Modified: 2026/07/16 10:30:38
Edit file with code editor
/custom/scss/_sizes.scss
Partial SCSS for global variables.: Sizes.
Type: SCSS
Size: 177 B
Modified: 2026/07/16 10:30:38
Edit file with code editor
/custom/scss/_preloader.scss
Partial SCSS styles for customizer: Page preloader.
Type: SCSS
Size: 1 KB
Modified: 2026/07/28 09:06:59
Edit file with code editor
/custom/scss/_admin-panel.scss
Partial SCSS styles for customizer: Admin panel.
Type: SCSS
Size: 7 KB
Modified: 2026/07/16 11:27:47
Edit file with code editor
/custom/scss/login-page.scss
Partial SCSS styles for customizer: Login page.
Type: SCSS
Size: 3 KB
Modified: 2026/07/16 11:28:55
Edit file with code editor

Custom files: JS

2
/custom/js/custom.js
Child theme custom JS.
Used to add custom JS code to child theme.
Type: JS
Size: 1 KB
Modified: 2026/07/21 20:29:07
Edit file with code editor
/custom/js/login-page.js
Login page custom JS.
Used to add custom JS code to login page.
Type: JS
Size: 319 B
Modified: 2026/07/16 10:30:36
Edit file with code editor

Custom files: PHP

5
/custom/php/dct-functions.php
Child theme custom PHP functions.
Used as functions.php to add custom PHP code to child theme.
Type: PHP
Size: 5 KB
Modified: 2026/07/22 08:45:01
Edit file with code editor
/custom/php/dct-assets-enqueue.php
PHP code used with developer: Enqueue assets.
Type: PHP
Size: 870 B
Modified: 2026/07/28 09:58:11
Edit file with code editor
/custom/php/dct-custom-post-types.php
PHP code used with developer: Post types.
Type: PHP
Size: 1 KB
Modified: 2026/07/18 06:55:17
Edit file with code editor
/custom/php/dct-taxonomies.php
PHP code used with developer: Taxonomies.
Type: PHP
Size: 216 B
Modified: 2026/07/18 06:41:00
Edit file with code editor
/custom/php/dct-custom-fields.php
PHP code used with developer: Custom fields.
Type: PHP
Size: 377 B
Modified: 2026/07/16 10:30:36
Edit file with code editor


Custom files list with link action_edit:false
SCSS style.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: 922 B
Modified: 2026/07/16 11:18:44
Open file in new tab
SCSS style-admin.scss/style-admin.scss
Base SCSS to be compiled as admin panel styles.
Editing this file is not recommended.
Type: SCSS
Size: 612 B
Modified: 2026/07/16 10:30:34
Open file in new tab
SCSS _custom.scss/custom/scss/_custom.scss
Partial SCSS for custom frontend styles.
Used to add custom CSS to child theme frontend styles.
Type: SCSS
Size: 2 KB
Modified: 2026/07/24 10:25:41
Open file in new tab
SCSS _custom-admin.scss/custom/scss/_custom-admin.scss
Partial SCSS for custom admin panel styles.
Used to add custom CSS to child theme admin panel styles.
Type: SCSS
Size: 249 B
Modified: 2026/07/16 10:30:37
Open file in new tab
SCSS _colors.scss/custom/scss/_colors.scss
Partial SCSS for global variables.: Colors.
Type: SCSS
Size: 664 B
Modified: 2026/07/16 11:21:42
Open file in new tab
SCSS _fonts.scss/custom/scss/_fonts.scss
Partial SCSS for global variables.: Fonts.
Type: SCSS
Size: 177 B
Modified: 2026/07/16 10:30:38
Open file in new tab
SCSS _sizes.scss/custom/scss/_sizes.scss
Partial SCSS for global variables.: Sizes.
Type: SCSS
Size: 177 B
Modified: 2026/07/16 10:30:38
Open file in new tab
SCSS _preloader.scss/custom/scss/_preloader.scss
Partial SCSS styles for customizer: Page preloader.
Type: SCSS
Size: 1 KB
Modified: 2026/07/28 09:06:59
Open file in new tab
SCSS _admin-panel.scss/custom/scss/_admin-panel.scss
Partial SCSS styles for customizer: Admin panel.
Type: SCSS
Size: 7 KB
Modified: 2026/07/16 11:27:47
Open file in new tab
SCSS login-page.scss/custom/scss/login-page.scss
Partial SCSS styles for customizer: Login page.
Type: SCSS
Size: 3 KB
Modified: 2026/07/16 11:28:55
Open file in new tab
CSS style.css/style.css
Compiled CSS child theme for frontend styles.
Editing this file is not recommended.
It will be overwritten by the SCSS compiler.
Type: CSS
Size: 5 KB
Modified: 2026/07/28 12:07:26
Open file in new tab
CSS style-admin.css/style-admin.css
Compiled CSS child theme for admin panel styles.
Editing this file is not recommended.
It will be overwritten by the SCSS compiler.
Type: CSS
Size: 133 KB
Modified: 2026/07/28 12:07:26
Open file in new tab
CSS login-page.css/custom/css/login-page.css
Compiled CSS styles for customizer: Login page.
Editing this file is not recommended.
It will be overwritten by the SCSS compiler.
Type: CSS
Size: 2 KB
Modified: 2026/07/26 09:14:54
Open file in new tab
JS custom.js/custom/js/custom.js
Child theme custom JS.
Used to add custom JS code to child theme.
Type: JS
Size: 1 KB
Modified: 2026/07/21 20:29:07
Open file in new tab
JS login-page.js/custom/js/login-page.js
Login page custom JS.
Used to add custom JS code to login page.
Type: JS
Size: 319 B
Modified: 2026/07/16 10:30:36
Open file in new tab
PHP dct-functions.php/custom/php/dct-functions.php
Child theme custom PHP functions.
Used as functions.php to add custom PHP code to child theme.
Type: PHP
Size: 5 KB
Modified: 2026/07/22 08:45:01
PHP dct-assets-enqueue.php/custom/php/dct-assets-enqueue.php
PHP code used with developer: Enqueue assets.
Type: PHP
Size: 870 B
Modified: 2026/07/28 09:58:11
PHP dct-custom-post-types.php/custom/php/dct-custom-post-types.php
PHP code used with developer: Post types.
Type: PHP
Size: 1 KB
Modified: 2026/07/18 06:55:17
PHP dct-taxonomies.php/custom/php/dct-taxonomies.php
PHP code used with developer: Taxonomies.
Type: PHP
Size: 216 B
Modified: 2026/07/18 06:41:00
PHP dct-custom-fields.php/custom/php/dct-custom-fields.php
PHP code used with developer: Custom fields.
Type: PHP
Size: 377 B
Modified: 2026/07/16 10:30:36

Sections tabs

dct_button_tab(icon:'', label:'', section:'', classes:'')
Content section 1

Content title

Content subtitle

Sues grandíssimes virtuts e cavalleries se fa singular. Amor que li portava; la feminil condició promptament no pogué. Valent cavaller d'honor e glòria e la fama d'aquell no. E als servidors la sua. E sants actes dels sants pares del noble Josuè. Fugir vergonyosament La santa dona.

Enginy havia servit per llong temps l'art de cavalleria ab.
E molt més de virtuts lo que. Felicitat no pot ésser atesa sens mitjà. Condecent útil e expedient deduir. Feta la deliberació en la. En la Santa Escriptura les històries e sants actes.

Content section 3

Icons

dct_dashicon(icon, classes:'');
Use icon code, prefix dashicons- not required.

Admin Menu


menu
dashicons-menu

menu (alt)
dashicons-menu-alt

menu (alt2)
dashicons-menu-alt2

menu (alt3)
dashicons-menu-alt3

site
dashicons-admin-site

site (alt)
dashicons-admin-site-alt

site (alt2)
dashicons-admin-site-alt2

site (alt3)
dashicons-admin-site-alt3

dashboard
dashicons-dashboard

post
dashicons-admin-post

media
dashicons-admin-media

links
dashicons-admin-links

page
dashicons-admin-page

comments
dashicons-admin-comments

appearance
dashicons-admin-appearance

plugins
dashicons-admin-plugins

plugins checked
dashicons-plugins-checked

users
dashicons-admin-users

tools
dashicons-admin-tools

settings
dashicons-admin-settings

network
dashicons-admin-network

home
dashicons-admin-home

generic
dashicons-admin-generic

collapse
dashicons-admin-collapse

filter
dashicons-filter

customizer
dashicons-admin-customizer

multisite
dashicons-admin-multisite

Welcome Screen


write blog
dashicons-welcome-write-blog

add page
dashicons-welcome-add-page

view site
dashicons-welcome-view-site

widgets menus
dashicons-welcome-widgets-menus

comments
dashicons-welcome-comments

learn more
dashicons-welcome-learn-more

Post Formats


aside
dashicons-format-aside

image
dashicons-format-image

gallery
dashicons-format-gallery

video
dashicons-format-video

status
dashicons-format-status

quote
dashicons-format-quote

chat
dashicons-format-chat

audio
dashicons-format-audio

camera
dashicons-camera

camera (alt)
dashicons-camera-alt

images (alt)
dashicons-images-alt

images (alt2)
dashicons-images-alt2

video (alt)
dashicons-video-alt

video (alt2)
dashicons-video-alt2

video (alt3)
dashicons-video-alt3

Media


archive
dashicons-media-archive

audio
dashicons-media-audio

code
dashicons-media-code

default
dashicons-media-default

document
dashicons-media-document

interactive
dashicons-media-interactive

spreadsheet
dashicons-media-spreadsheet

text
dashicons-media-text

video
dashicons-media-video

playlist audio
dashicons-playlist-audio

playlist video
dashicons-playlist-video

play
dashicons-controls-play

pause
dashicons-controls-pause

forward
dashicons-controls-forward

skip forward
dashicons-controls-skipforward

back
dashicons-controls-back

skip back
dashicons-controls-skipback

repeat
dashicons-controls-repeat

volume on
dashicons-controls-volumeon

volume off
dashicons-controls-volumeoff

Image Editing


crop
dashicons-image-crop

rotate
dashicons-image-rotate

rotate left
dashicons-image-rotate-left

rotate right
dashicons-image-rotate-right

flip vertical
dashicons-image-flip-vertical

flip horizontal
dashicons-image-flip-horizontal

filter
dashicons-image-filter

undo
dashicons-undo

redo
dashicons-redo

Databases


database add
dashicons-database-add

database
dashicons-database

database export
dashicons-database-export

database import
dashicons-database-import

database remove
dashicons-database-remove

database view
dashicons-database-view

Block Editor


align full width
dashicons-align-full-width

align pull left
dashicons-align-pull-left

align pull right
dashicons-align-pull-right

align wide
dashicons-align-wide

block default
dashicons-block-default

button
dashicons-button

cloud saved
dashicons-cloud-saved

cloud upload
dashicons-cloud-upload

columns
dashicons-columns

cover image
dashicons-cover-image

ellipsis
dashicons-ellipsis

embed audio
dashicons-embed-audio

embed generic
dashicons-embed-generic

embed photo
dashicons-embed-photo

embed post
dashicons-embed-post

embed video
dashicons-embed-video

exit
dashicons-exit

heading
dashicons-heading

HTML
dashicons-html

info outline
dashicons-info-outline

insert
dashicons-insert

insert after
dashicons-insert-after

insert before
dashicons-insert-before

remove
dashicons-remove

saved
dashicons-saved

shortcode
dashicons-shortcode

table col after
dashicons-table-col-after

table col before
dashicons-table-col-before

table col delete
dashicons-table-col-delete

table row after
dashicons-table-row-after

table row before
dashicons-table-row-before

table row delete
dashicons-table-row-delete

TinyMCE


bold
dashicons-editor-bold

italic
dashicons-editor-italic

unordered list
dashicons-editor-ul

ordered list
dashicons-editor-ol

ordered list RTL
dashicons-editor-ol-rtl

quote
dashicons-editor-quote

align left
dashicons-editor-alignleft

align center
dashicons-editor-aligncenter

align right
dashicons-editor-alignright

insert more
dashicons-editor-insertmore

spellcheck
dashicons-editor-spellcheck

expand
dashicons-editor-expand

contract
dashicons-editor-contract

kitchen sink
dashicons-editor-kitchensink

underline
dashicons-editor-underline

justify
dashicons-editor-justify

text color
dashicons-editor-textcolor

paste word
dashicons-editor-paste-word

paste text
dashicons-editor-paste-text

remove formatting
dashicons-editor-removeformatting

video
dashicons-editor-video

custom character
dashicons-editor-customchar

outdent
dashicons-editor-outdent

indent
dashicons-editor-indent

help
dashicons-editor-help

strikethrough
dashicons-editor-strikethrough

unlink
dashicons-editor-unlink

RTL
dashicons-editor-rtl

LTR
dashicons-editor-ltr

break
dashicons-editor-break

code
dashicons-editor-code

paragraph
dashicons-editor-paragraph

table
dashicons-editor-table

Posts Screen


align left
dashicons-align-left

align right
dashicons-align-right

align center
dashicons-align-center

align none
dashicons-align-none

lock
dashicons-lock

unlock
dashicons-unlock

calendar
dashicons-calendar

calendar (alt)
dashicons-calendar-alt

visibility
dashicons-visibility

hidden
dashicons-hidden

post status
dashicons-post-status

edit
dashicons-edit

trash
dashicons-trash

sticky
dashicons-sticky

Sorting


external
dashicons-external

arrow up
dashicons-arrow-up

arrow down
dashicons-arrow-down

arrow right
dashicons-arrow-right

arrow left
dashicons-arrow-left

arrow up (alt)
dashicons-arrow-up-alt

arrow down (alt)
dashicons-arrow-down-alt

arrow right (alt)
dashicons-arrow-right-alt

arrow left (alt)
dashicons-arrow-left-alt

arrow up (alt2)
dashicons-arrow-up-alt2

arrow down (alt2)
dashicons-arrow-down-alt2

arrow right (alt2)
dashicons-arrow-right-alt2

arrow left (alt2)
dashicons-arrow-left-alt2

sort
dashicons-sort

left right
dashicons-leftright

randomize
dashicons-randomize

list view
dashicons-list-view

excerpt view
dashicons-excerpt-view

grid view
dashicons-grid-view

move
dashicons-move

Social


share
dashicons-share

share (alt)
dashicons-share-alt

share (alt2)
dashicons-share-alt2

RSS
dashicons-rss

email
dashicons-email

email (alt)
dashicons-email-alt

email (alt2)
dashicons-email-alt2

networking
dashicons-networking

Amazon
dashicons-amazon

Facebook
dashicons-facebook

Facebook (alt)
dashicons-facebook-alt

Google
dashicons-google

Instagram
dashicons-instagram

LinkedIn
dashicons-linkedin

Pinterest
dashicons-pinterest

Podio
dashicons-podio

Reddit
dashicons-reddit

Spotify
dashicons-spotify

Twitch
dashicons-twitch

Twitter
dashicons-twitter

Twitter (alt)
dashicons-twitter-alt

WhatsApp
dashicons-whatsapp

Xing
dashicons-xing

YouTube
dashicons-youtube

WordPress.org


hammer
dashicons-hammer

art
dashicons-art

migrate
dashicons-migrate

performance
dashicons-performance

universal access
dashicons-universal-access

universal access (alt)
dashicons-universal-access-alt

tickets
dashicons-tickets

nametag
dashicons-nametag

clipboard
dashicons-clipboard

heart
dashicons-heart

megaphone
dashicons-megaphone

schedule
dashicons-schedule

Tide
dashicons-tide

REST API
dashicons-rest-api

code standards
dashicons-code-standards

Buddicons


activity
dashicons-buddicons-activity

bbPress
dashicons-buddicons-bbpress-logo

BuddyPress
dashicons-buddicons-buddypress-logo

community
dashicons-buddicons-community

forums
dashicons-buddicons-forums

friends
dashicons-buddicons-friends

groups
dashicons-buddicons-groups

pm
dashicons-buddicons-pm

replies
dashicons-buddicons-replies

topics
dashicons-buddicons-topics

tracking
dashicons-buddicons-tracking

Products


WordPress
dashicons-wordpress

WordPress (alt)
dashicons-wordpress-alt

Pressthis
dashicons-pressthis

update
dashicons-update

update (alt)
dashicons-update-alt

screen options
dashicons-screenoptions

info
dashicons-info

cart
dashicons-cart

feedback
dashicons-feedback

cloud
dashicons-cloud

translation
dashicons-translation

Taxonomies


tag
dashicons-tag

category
dashicons-category

Widgets


archive
dashicons-archive

tagcloud
dashicons-tagcloud

text
dashicons-text

Notifications


bell
dashicons-bell

yes
dashicons-yes

yes (alt)
dashicons-yes-alt

no
dashicons-no

no (alt)
dashicons-no-alt

plus
dashicons-plus

plus (alt)
dashicons-plus-alt

plus (alt2)
dashicons-plus-alt2

minus
dashicons-minus

dismiss
dashicons-dismiss

marker
dashicons-marker

star filled
dashicons-star-filled

star half
dashicons-star-half

star empty
dashicons-star-empty

flag
dashicons-flag

warning
dashicons-warning

Miscellaneous


location
dashicons-location

location (alt)
dashicons-location-alt

vault
dashicons-vault

shield
dashicons-shield

shield (alt)
dashicons-shield-alt

sos
dashicons-sos

search
dashicons-search

slides
dashicons-slides

text page
dashicons-text-page

analytics
dashicons-analytics

chart pie
dashicons-chart-pie

chart bar
dashicons-chart-bar

chart line
dashicons-chart-line

chart area
dashicons-chart-area

groups
dashicons-groups

businessman
dashicons-businessman

businesswoman
dashicons-businesswoman

businessperson
dashicons-businessperson

id
dashicons-id

id (alt)
dashicons-id-alt

products
dashicons-products

awards
dashicons-awards

forms
dashicons-forms

testimonial
dashicons-testimonial

portfolio
dashicons-portfolio

book
dashicons-book

book (alt)
dashicons-book-alt

download
dashicons-download

upload
dashicons-upload

backup
dashicons-backup

clock
dashicons-clock

lightbulb
dashicons-lightbulb

microphone
dashicons-microphone

desktop
dashicons-desktop

laptop
dashicons-laptop

tablet
dashicons-tablet

smartphone
dashicons-smartphone

phone
dashicons-phone

index card
dashicons-index-card

carrot
dashicons-carrot

building
dashicons-building

store
dashicons-store

album
dashicons-album

palm tree
dashicons-palmtree

tickets (alt)
dashicons-tickets-alt

money
dashicons-money

money (alt)
dashicons-money-alt

smiley
dashicons-smiley

thumbs up
dashicons-thumbs-up

thumbs down
dashicons-thumbs-down

layout
dashicons-layout

paperclip
dashicons-paperclip

color picker
dashicons-color-picker

edit large
dashicons-edit-large

edit page
dashicons-edit-page

airplane
dashicons-airplane

bank
dashicons-bank

beer
dashicons-beer

calculator
dashicons-calculator

car
dashicons-car

coffee
dashicons-coffee

drumstick
dashicons-drumstick

food
dashicons-food

fullscreen (alt)
dashicons-fullscreen-alt

fullscreen exit (alt)
dashicons-fullscreen-exit-alt

games
dashicons-games

hourglass
dashicons-hourglass

open folder
dashicons-open-folder

PDF
dashicons-pdf

pets
dashicons-pets

printer
dashicons-printer

privacy
dashicons-privacy

superhero
dashicons-superhero

superhero (alt)
dashicons-superhero-alt

Tooltips

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
Button tooltip right
Button tooltip right-top
Button tooltip right-bottom
Button tooltip left
Button tooltip left-top
Button tooltip 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
#3fa6a5
primary-dark
#2a6e6d
primary-darker
#153736
primary-light
#6bc6c5
primary-lighter
#a2dbda
primary-comp
#a63f40

Help Text input

primary
#3fa6a5
primary-dark
#2a6e6d
primary-darker
#153736
primary-light
#6bc6c5
primary-lighter
#a2dbda
primary-comp
#a63f40

Help Text input

Help Text input

Help Text input

Help Text input

Help Text input

{
    "dct_pre_code_expand(code, expanded:false, classes)": "Creates debug pre code expand with code.",
    "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/style.scss
Type: SCSS
Size: 922 B
Modified: 2026/07/16 11:18:44
Open file in new tab
Toggle editor find & replace panel.
Hotkeys: CTRL + F to open, ESC to close
Copy editor contents to clipboard.
Toggle editor light/dark theme.

Example of SCSS code extracted from file_path.



File:
JS custom.js/custom/js/custom.js
Child theme custom JS.
Used to add custom JS code to child theme.
Type: JS
Size: 1 KB
Modified: 2026/07/21 20:29:07
Open file in new tab
Toggle editor find & replace panel.
Hotkeys: CTRL + F to open, ESC to close
Copy editor contents to clipboard.
Toggle editor light/dark theme.

Example of JS code extracted from custom file.



File:
PHP dct-functions.php/custom/php/dct-functions.php
Child theme custom PHP functions.
Used as functions.php to add custom PHP code to child theme.
Type: PHP
Size: 5 KB
Modified: 2026/07/22 08:45:01
Toggle editor find & replace panel.
Hotkeys: CTRL + F to open, ESC to close
Copy editor contents to clipboard.
Toggle editor light/dark theme.

Example of PHP code extracted from custom file.



Error! File not found: /custom/php/no-file.php
Cannot get source file contents to use in code editor.
PHP no-file.php/custom/php/no-file.php
Type: 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
Toggle editor find & replace panel.
Hotkeys: CTRL + F to open, ESC to close
Copy editor contents to clipboard.
Toggle editor light/dark theme.
Code: CSS
Toggle editor find & replace panel.
Hotkeys: CTRL + F to open, ESC to close
Copy editor contents to clipboard.
Toggle editor light/dark theme.
Code: JAVASCRIPT
Toggle editor find & replace panel.
Hotkeys: CTRL + F to open, ESC to close
Copy editor contents to clipboard.
Toggle editor light/dark theme.
Code: PHP
Toggle editor find & replace panel.
Hotkeys: CTRL + F to open, ESC to close
Copy editor contents to clipboard.
Toggle editor light/dark theme.
Code: HTML
Toggle editor find & replace panel.
Hotkeys: CTRL + F to open, ESC to close
Copy editor contents to clipboard.
Toggle editor light/dark theme.
Code: JSON
Toggle editor find & replace panel.
Hotkeys: CTRL + F to open, ESC to close
Copy editor contents to clipboard.
Toggle editor light/dark theme.
Code: XML
Toggle editor find & replace panel.
Hotkeys: CTRL + F to open, ESC to close
Copy editor contents to clipboard.
Toggle editor light/dark theme.