Wordpress Plugin: GK Class Appender by mcfarhat

View this thread on steempeak.com
· @mcfarhat ·
$69.57
Wordpress Plugin: GK Class Appender
Today I present to you another wordpress plugin - **GK Class Appender**, which allows assigning specific classes to html tags on runtime, without code editing.
I came across this request for a functionality, and worked on developing it as it could come really handy to anyone who wants to skip coding their way via javascript and jQuery, and just use a simplistic plugin :)
<center>
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1512417640/vqztown0gdfojaojndhg.png)
</center>

### Purpose of the plugin
The purpose of this wordpress plugin is to allow our common user to setup easily, and without coding, specific pre-defined classes to specific HTML entities/tags.
The class name can be any class name already available under wordpress installation, ones which were custom coded into the style.css files whether on parent or child themes, but also ones which are appended via the wordpress backend interface.

### Coding the plugin
As a standard wordpress plugin, the language used was PHP for backend processing. The front end functionality relies on appending custom JS/JQuery code which runs once page load completes, and allows the manipulation and insertion of those stored values into the front end screen for the user experience.
Storing values is also via standard wordpress interfacing functionalities, essentially utilizing a common wordpress update_option but also using get_option for retrieving the values.

### Utilizing the plugin
The plugin configuration can be accessed via a new menu item which displays on the back end screen via the left tab called *GK Class Appender*

<center>
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1512418019/bjrtxidnshh0imfa5bbb.png)
</center>

The settings can then be added and/or edited via accessing that specific menu item, whereby the user can insert the relevant HTML entity name as well as the relevant class.
<center>
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1512417262/hfxkvr6ym4cv0nikekxu.png)
</center>
That's it! Now the front end will reflect those changes applied to that specific tag based on the used class name.

### Downloading the plugin
The plugin can be obtained from the official [GitHub repository](https://github.com/mcfarhat/GK-class-appender)
Being the sole contributor (and creator) of the plugin, there are currently no branches/forks/gists/pull requests, and all the code is openly accessible via above link.
The most recent commit is available via [this link](https://github.com/mcfarhat/GK-Class-Appender/commit/eeb19a7216dd63103915135264e80670afbd381a)
Feel free to check it out, and let me know should you have any questions :)

Thank you

@mcfarhat

<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@mcfarhat/wordpress-plugin-gk-class-appender">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
properties (23)
post_id19,475,160
authormcfarhat
permlinkwordpress-plugin-gk-class-appender
categoryutopian-io
json_metadata"{"type": "development", "repository": {"id": 113086524, "watchers": 0, "events_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/events", "forks": 0, "name": "GK-Class-Appender", "issues_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/issues{/number}", "trees_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/git/trees{/sha}", "fork": false, "git_url": "git://github.com/mcfarhat/GK-Class-Appender.git", "assignees_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/assignees{/user}", "size": 0, "owner": {"id": 16103020, "following_url": "https://api.github.com/users/mcfarhat/following{/other_user}", "starred_url": "https://api.github.com/users/mcfarhat/starred{/owner}{/repo}", "subscriptions_url": "https://api.github.com/users/mcfarhat/subscriptions", "repos_url": "https://api.github.com/users/mcfarhat/repos", "login": "mcfarhat", "gists_url": "https://api.github.com/users/mcfarhat/gists{/gist_id}", "followers_url": "https://api.github.com/users/mcfarhat/followers", "received_events_url": "https://api.github.com/users/mcfarhat/received_events", "type": "User", "avatar_url": "https://avatars2.githubusercontent.com/u/16103020?v=4", "site_admin": false, "organizations_url": "https://api.github.com/users/mcfarhat/orgs", "gravatar_id": "", "events_url": "https://api.github.com/users/mcfarhat/events{/privacy}", "url": "https://api.github.com/users/mcfarhat", "html_url": "https://github.com/mcfarhat"}, "forks_count": 0, "git_refs_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/git/refs{/sha}", "blobs_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/git/blobs{/sha}", "pushed_at": "2017-12-04T19:38:49Z", "watchers_count": 0, "teams_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/teams", "comments_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/comments{/number}", "archived": false, "svn_url": "https://github.com/mcfarhat/GK-Class-Appender", "merges_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/merges", "subscribers_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/subscribers", "issue_events_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/issues/events{/number}", "stargazers_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/stargazers", "mirror_url": null, "statuses_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/statuses/{sha}", "has_projects": true, "milestones_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/milestones{/number}", "description": "This is a wordpress plugin that allows appending specific classes to specific HTML entities at runtime without coding", "keys_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/keys{/key_id}", "open_issues": 0, "compare_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/compare/{base}...{head}", "ssh_url": "git@github.com:mcfarhat/GK-Class-Appender.git", "license": null, "html_url": "https://github.com/mcfarhat/GK-Class-Appender", "commits_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/commits{/sha}", "open_issues_count": 0, "stargazers_count": 0, "branches_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/branches{/branch}", "full_name": "mcfarhat/GK-Class-Appender", "forks_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/forks", "score": 9.980999, "deployments_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/deployments", "contributors_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/contributors", "homepage": null, "contents_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/contents/{+path}", "has_downloads": true, "collaborators_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/collaborators{/collaborator}", "created_at": "2017-12-04T19:37:54Z", "git_commits_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/git/commits{/sha}", "releases_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/releases{/id}", "private": false, "pulls_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/pulls{/number}", "git_tags_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/git/tags{/sha}", "notifications_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/notifications{?since,all,participating}", "language": "PHP", "updated_at": "2017-12-04T19:38:50Z", "has_wiki": true, "downloads_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/downloads", "hooks_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/hooks", "languages_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/languages", "default_branch": "master", "labels_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/labels{/name}", "url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender", "has_pages": false, "tags_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/tags", "clone_url": "https://github.com/mcfarhat/GK-Class-Appender.git", "archive_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/{archive_format}{/ref}", "has_issues": true, "issue_comment_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/issues/comments{/number}", "subscription_url": "https://api.github.com/repos/mcfarhat/GK-Class-Appender/subscription"}, "pullRequests": [], "format": "markdown", "image": ["https://res.cloudinary.com/hpiynhbhq/image/upload/v1512417640/vqztown0gdfojaojndhg.png"], "links": ["https://res.cloudinary.com/hpiynhbhq/image/upload/v1512417640/vqztown0gdfojaojndhg.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1512418019/bjrtxidnshh0imfa5bbb.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1512417262/hfxkvr6ym4cv0nikekxu.png", "https://github.com/mcfarhat/GK-class-appender", "https://github.com/mcfarhat/GK-Class-Appender/commit/eeb19a7216dd63103915135264e80670afbd381a"], "app": "utopian/1.0.0", "platform": "github", "tags": ["utopian-io", "wordpress", "plugin", "coding", "mapsters"], "community": "utopian", "users": ["mcfarhat"]}"
created2017-12-04 20:12:33
last_update2017-12-04 20:12:33
depth0
children6
net_rshares21,213,092,692,424
last_payout2017-12-11 20:12:33
cashout_time1969-12-31 23:59:59
total_payout_value52.330 SBD
curator_payout_value17.242 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length2,865
author_reputation104,178,422,702,645
root_title"Wordpress Plugin: GK Class Appender"
beneficiaries
0.
accountarie.steem
weight48
1.
accountcnts
weight10
2.
accountfreedom
weight658
3.
accountknowledges
weight49
4.
accountnetuoso
weight6
5.
accounttransisto
weight70
6.
accountutopian-io
weight536
7.
accountxeldal
weight27
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (63)
@irhamuddin ·
nice your post @mcfarhat
👍  
properties (23)
post_id19,475,243
authorirhamuddin
permlinkre-mcfarhat-wordpress-plugin-gk-class-appender-20171204t201352852z
categoryutopian-io
json_metadata"{"app": "steemit/0.1", "users": ["mcfarhat"], "tags": ["utopian-io"]}"
created2017-12-04 20:13:54
last_update2017-12-04 20:13:54
depth1
children1
net_rshares3,953,839,206
last_payout2017-12-11 20:13:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length24
author_reputation562,341,325,190
root_title"Wordpress Plugin: GK Class Appender"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (1)
@mcfarhat ·
thank you
properties (22)
post_id19,482,341
authormcfarhat
permlinkre-irhamuddin-re-mcfarhat-wordpress-plugin-gk-class-appender-20171204t221345005z
categoryutopian-io
json_metadata"{"app": "steemit/0.1", "tags": ["utopian-io"]}"
created2017-12-04 22:13:48
last_update2017-12-04 22:13:48
depth2
children0
net_rshares0
last_payout2017-12-11 22:13:48
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length9
author_reputation104,178,422,702,645
root_title"Wordpress Plugin: GK Class Appender"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@qurator ·
Quratorcomment
<center>Qurator</center> | <center>Your Quality Content Curator</center>
-|-|
![](https://steemitimages.com/DQmNzJZFNXnViq9Ebmccf3rLi7kiYrcHFnFqeKK7QnWYtRs/COMMENT.png) | This post has been upvoted and given the stamp of authenticity by @qurator. To join the quality content creators and receive daily upvotes click [here](https://steemit.com/qurator/@qurator/qurator-update-cheaper-tier-access-and-increased-registration-fee) for more info. 
<center>*Qurator's exclusive support bot is now live. For more info click [HERE](https://steemit.com/qurator/@qurator/qurator-support-bot-alive-and-active-welcome-to-qustodian) or send some SBD and your link to @qustodian to get even more support.*</center>
properties (22)
post_id19,476,271
authorqurator
permlinkre-mcfarhat-wordpress-plugin-gk-class-appender-20171204t203133165z
categoryutopian-io
json_metadata{}
created2017-12-04 20:31:51
last_update2017-12-04 20:31:51
depth1
children0
net_rshares0
last_payout2017-12-11 20:31:51
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length700
author_reputation582,848,328,798,482
root_title"Wordpress Plugin: GK Class Appender"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@aek081969 ·
$0.03
Awesome and you do a great works ,keep going you are doing very well,Congratulations on your beautiful work,always sharing beautiful post ^^
👍  ,
properties (23)
post_id19,480,983
authoraek081969
permlinkre-mcfarhat-wordpress-plugin-gk-class-appender-20171204t215230003z
categoryutopian-io
json_metadata"{"app": "steemit/0.1", "tags": ["utopian-io"]}"
created2017-12-04 21:51:09
last_update2017-12-04 21:51:09
depth1
children0
net_rshares9,935,516,845
last_payout2017-12-11 21:51:09
cashout_time1969-12-31 23:59:59
total_payout_value0.030 SBD
curator_payout_value0.005 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length140
author_reputation1,252,500,124,699
root_title"Wordpress Plugin: GK Class Appender"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (2)
@arie.steem ·
Thank you for the contribution. It has been approved.

You can contact us on [Discord](https://discord.gg/UCvqCsx).
**[[utopian-moderator]](https://utopian.io/moderators)**
properties (22)
post_id19,515,737
authorarie.steem
permlinkre-mcfarhat-wordpress-plugin-gk-class-appender-20171205t090040042z
categoryutopian-io
json_metadata"{"app": "busy/1.0.0", "community": "busy", "tags": ["utopian-io"]}"
created2017-12-05 09:00:45
last_update2017-12-05 09:00:45
depth1
children0
net_rshares0
last_payout2017-12-12 09:00:45
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length172
author_reputation133,864,884,206,999
root_title"Wordpress Plugin: GK Class Appender"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@utopian-io ·
### Hey @mcfarhat I am @utopian-io. I have just upvoted you!
#### Achievements
- You have less than 500 followers. Just gave you a gift to help you succeed!
- Seems like you contribute quite often. AMAZING!
#### Community-Driven Witness!
I am the first and only Steem Community-Driven Witness. <a href="https://discord.gg/zTrEMqB">Participate on Discord</a>. Lets GROW TOGETHER!
- <a href="https://v2.steemconnect.com/sign/account-witness-vote?witness=utopian-io&approve=1">Vote for my Witness With SteemConnect</a>
- <a href="https://v2.steemconnect.com/sign/account-witness-proxy?proxy=utopian-io&approve=1">Proxy vote to Utopian Witness with SteemConnect</a>
- Or vote/proxy on <a href="https://steemit.com/~witnesses">Steemit Witnesses</a>

[![mooncryption-utopian-witness-gif](https://steemitimages.com/DQmYPUuQRptAqNBCQRwQjKWAqWU3zJkL3RXVUtEKVury8up/mooncryption-s-utopian-io-witness-gif.gif)](https://steemit.com/~witnesses)

**Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x**
properties (22)
post_id19,554,814
authorutopian-io
permlinkre-mcfarhat-wordpress-plugin-gk-class-appender-20171205t180606569z
categoryutopian-io
json_metadata"{"app": "utopian/1.0.0", "community": "utopian", "tags": ["utopian-io"]}"
created2017-12-05 18:06:06
last_update2017-12-05 18:06:06
depth1
children0
net_rshares0
last_payout2017-12-12 18:06:06
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length1,084
author_reputation152,913,012,544,965
root_title"Wordpress Plugin: GK Class Appender"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000