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/>
post_id | 19,475,160 | ||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
author | mcfarhat | ||||||||||||||||||||||||||||||||||||||||||||||||
permlink | wordpress-plugin-gk-class-appender | ||||||||||||||||||||||||||||||||||||||||||||||||
category | utopian-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"]}" | ||||||||||||||||||||||||||||||||||||||||||||||||
created | 2017-12-04 20:12:33 | ||||||||||||||||||||||||||||||||||||||||||||||||
last_update | 2017-12-04 20:12:33 | ||||||||||||||||||||||||||||||||||||||||||||||||
depth | 0 | ||||||||||||||||||||||||||||||||||||||||||||||||
children | 6 | ||||||||||||||||||||||||||||||||||||||||||||||||
net_rshares | 21,213,092,692,424 | ||||||||||||||||||||||||||||||||||||||||||||||||
last_payout | 2017-12-11 20:12:33 | ||||||||||||||||||||||||||||||||||||||||||||||||
cashout_time | 1969-12-31 23:59:59 | ||||||||||||||||||||||||||||||||||||||||||||||||
total_payout_value | 52.330 SBD | ||||||||||||||||||||||||||||||||||||||||||||||||
curator_payout_value | 17.242 SBD | ||||||||||||||||||||||||||||||||||||||||||||||||
pending_payout_value | 0.000 SBD | ||||||||||||||||||||||||||||||||||||||||||||||||
promoted | 0.000 SBD | ||||||||||||||||||||||||||||||||||||||||||||||||
body_length | 2,865 | ||||||||||||||||||||||||||||||||||||||||||||||||
author_reputation | 104,178,422,702,645 | ||||||||||||||||||||||||||||||||||||||||||||||||
root_title | "Wordpress Plugin: GK Class Appender" | ||||||||||||||||||||||||||||||||||||||||||||||||
beneficiaries |
| ||||||||||||||||||||||||||||||||||||||||||||||||
max_accepted_payout | 1,000,000.000 SBD | ||||||||||||||||||||||||||||||||||||||||||||||||
percent_steem_dollars | 10,000 | ||||||||||||||||||||||||||||||||||||||||||||||||
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
gregory-f | 0 | 2,017,278,542 | 1.95% | ||
rok-sivante | 0 | 938,786,888,488 | 100% | ||
isteemit | 0 | 2,743,919,701 | 0.65% | ||
robrigo | 0 | 223,703,922,609 | 100% | ||
freeyourmind | 0 | 1,274,052,771 | 100% | ||
biophil | 0 | 36,342,686,342 | 100% | ||
icaro | 0 | 58,803,874 | 1% | ||
sazbird | 0 | 9,896,514,727 | 25% | ||
snowflake | 0 | 11,273,945,741 | 100% | ||
shadowspub | 0 | 800,757,483 | 0.65% | ||
penguinpablo | 0 | 252,235,956,742 | 16% | ||
joanstewart | 0 | 220,151,940 | 0.65% | ||
abh12345 | 0 | 41,313,213,191 | 10% | ||
bigbear | 0 | 21,512,260,704 | 50% | ||
oleg326756 | 0 | 748,765,758 | 1.3% | ||
ethandsmith | 0 | 2,221,566,112 | 0.5% | ||
someonewhoisme | 0 | 1,291,192,463 | 100% | ||
oscarps | 0 | 450,879,279 | 1.95% | ||
luna33 | 0 | 174,213,285 | 100% | ||
steemgigs | 0 | 6,918,779,522 | 20% | ||
scrooger | 0 | 2,164,702,309 | 1.95% | ||
ojaber | 0 | 28,493,257,414 | 100% | ||
thethreehugs | 0 | 1,312,344,449 | 100% | ||
lexiconical | 0 | 14,706,066,614 | 1% | ||
gingerninja | 0 | 9,254,655,888 | 6.5% | ||
derosnec | 0 | 138,224,378 | 1.3% | ||
steemitadventure | 0 | 144,424,133,722 | 100% | ||
gentlebot | 0 | 212,783,906,774 | 100% | ||
st3llar | 0 | 824,703,299 | 5% | ||
coffeedrinker51 | 0 | 673,560,015 | 1.3% | ||
thing-2 | 0 | 212,166,613,083 | 100% | ||
codingdefined | 0 | 2,701,191,836 | 10% | ||
nelinoeva | 0 | 426,202,329 | 5.2% | ||
abigail-dantes | 0 | 410,800,690,609 | 30% | ||
aek081969 | 0 | 1,940,492,730 | 100% | ||
cifer | 0 | 1,730,108,219 | 100% | ||
mhmegh | 0 | 1,286,581,255 | 100% | ||
igider | 0 | 3,211,301,718 | 100% | ||
randyw | 0 | 235,925,681 | 5.2% | ||
accelerator | 0 | 10,614,663,463 | 20% | ||
tomiscurious | 0 | 11,430,289,163 | 3% | ||
mcfarhat | 0 | 38,706,004,867 | 100% | ||
tag2017 | 0 | 1,694,768,900 | 100% | ||
qurator | 0 | 77,113,894,878 | 6.5% | ||
pewuf | 0 | 5,673,552,987 | 100% | ||
minnowhub | 0 | 925,273,735 | 20% | ||
utopian-io | 0 | 18,399,534,727,197 | 15% | ||
fazlayrabby | 0 | 522,595,412 | 100% | ||
yinkaknl | 0 | 1,921,924,942 | 100% | ||
emrebeyler | 0 | 10,155,573,999 | 20% | ||
pedroo | 0 | 950,385,563 | 100% | ||
mokh-tar | 0 | 1,224,636,151 | 100% | ||
rebe | 0 | 275,488,048 | 100% | ||
hassanbenali | 0 | 221,988,454 | 100% | ||
naeemahmedd | 0 | 114,359,977 | 100% | ||
hughtwo | 0 | 2,706,020,140 | 100% | ||
arabsteem | 0 | 1,273,122,409 | 100% | ||
angermanagement | 0 | 108,521,977 | 90% | ||
irhamuddin | 0 | 1,224,186,763 | 100% | ||
olivaw | 0 | 1,043,623,100 | 100% | ||
hika | 0 | 1,118,071,396 | 100% | ||
sexscope | 0 | 272,725,000 | 100% | ||
utopy | 0 | 41,005,882,307 | 20% |
nice your post @mcfarhat
post_id | 19,475,243 |
---|---|
author | irhamuddin |
permlink | re-mcfarhat-wordpress-plugin-gk-class-appender-20171204t201352852z |
category | utopian-io |
json_metadata | "{"app": "steemit/0.1", "users": ["mcfarhat"], "tags": ["utopian-io"]}" |
created | 2017-12-04 20:13:54 |
last_update | 2017-12-04 20:13:54 |
depth | 1 |
children | 1 |
net_rshares | 3,953,839,206 |
last_payout | 2017-12-11 20:13:54 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 SBD |
curator_payout_value | 0.000 SBD |
pending_payout_value | 0.000 SBD |
promoted | 0.000 SBD |
body_length | 24 |
author_reputation | 562,341,325,190 |
root_title | "Wordpress Plugin: GK Class Appender" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 SBD |
percent_steem_dollars | 10,000 |
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
mcfarhat | 0 | 3,953,839,206 | 10% |
thank you
post_id | 19,482,341 |
---|---|
author | mcfarhat |
permlink | re-irhamuddin-re-mcfarhat-wordpress-plugin-gk-class-appender-20171204t221345005z |
category | utopian-io |
json_metadata | "{"app": "steemit/0.1", "tags": ["utopian-io"]}" |
created | 2017-12-04 22:13:48 |
last_update | 2017-12-04 22:13:48 |
depth | 2 |
children | 0 |
net_rshares | 0 |
last_payout | 2017-12-11 22:13:48 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 SBD |
curator_payout_value | 0.000 SBD |
pending_payout_value | 0.000 SBD |
promoted | 0.000 SBD |
body_length | 9 |
author_reputation | 104,178,422,702,645 |
root_title | "Wordpress Plugin: GK Class Appender" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 SBD |
percent_steem_dollars | 10,000 |
<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>
post_id | 19,476,271 |
---|---|
author | qurator |
permlink | re-mcfarhat-wordpress-plugin-gk-class-appender-20171204t203133165z |
category | utopian-io |
json_metadata | {} |
created | 2017-12-04 20:31:51 |
last_update | 2017-12-04 20:31:51 |
depth | 1 |
children | 0 |
net_rshares | 0 |
last_payout | 2017-12-11 20:31:51 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 SBD |
curator_payout_value | 0.000 SBD |
pending_payout_value | 0.000 SBD |
promoted | 0.000 SBD |
body_length | 700 |
author_reputation | 582,848,328,798,482 |
root_title | "Wordpress Plugin: GK Class Appender" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 SBD |
percent_steem_dollars | 10,000 |
Awesome and you do a great works ,keep going you are doing very well,Congratulations on your beautiful work,always sharing beautiful post ^^
post_id | 19,480,983 |
---|---|
author | aek081969 |
permlink | re-mcfarhat-wordpress-plugin-gk-class-appender-20171204t215230003z |
category | utopian-io |
json_metadata | "{"app": "steemit/0.1", "tags": ["utopian-io"]}" |
created | 2017-12-04 21:51:09 |
last_update | 2017-12-04 21:51:09 |
depth | 1 |
children | 0 |
net_rshares | 9,935,516,845 |
last_payout | 2017-12-11 21:51:09 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.030 SBD |
curator_payout_value | 0.005 SBD |
pending_payout_value | 0.000 SBD |
promoted | 0.000 SBD |
body_length | 140 |
author_reputation | 1,252,500,124,699 |
root_title | "Wordpress Plugin: GK Class Appender" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 SBD |
percent_steem_dollars | 10,000 |
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
aek081969 | 0 | 2,235,935,232 | 100% | ||
mcfarhat | 0 | 7,699,581,613 | 20% |
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)**
post_id | 19,515,737 |
---|---|
author | arie.steem |
permlink | re-mcfarhat-wordpress-plugin-gk-class-appender-20171205t090040042z |
category | utopian-io |
json_metadata | "{"app": "busy/1.0.0", "community": "busy", "tags": ["utopian-io"]}" |
created | 2017-12-05 09:00:45 |
last_update | 2017-12-05 09:00:45 |
depth | 1 |
children | 0 |
net_rshares | 0 |
last_payout | 2017-12-12 09:00:45 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 SBD |
curator_payout_value | 0.000 SBD |
pending_payout_value | 0.000 SBD |
promoted | 0.000 SBD |
body_length | 172 |
author_reputation | 133,864,884,206,999 |
root_title | "Wordpress Plugin: GK Class Appender" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 SBD |
percent_steem_dollars | 10,000 |
### 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**
post_id | 19,554,814 |
---|---|
author | utopian-io |
permlink | re-mcfarhat-wordpress-plugin-gk-class-appender-20171205t180606569z |
category | utopian-io |
json_metadata | "{"app": "utopian/1.0.0", "community": "utopian", "tags": ["utopian-io"]}" |
created | 2017-12-05 18:06:06 |
last_update | 2017-12-05 18:06:06 |
depth | 1 |
children | 0 |
net_rshares | 0 |
last_payout | 2017-12-12 18:06:06 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 SBD |
curator_payout_value | 0.000 SBD |
pending_payout_value | 0.000 SBD |
promoted | 0.000 SBD |
body_length | 1,084 |
author_reputation | 152,913,012,544,965 |
root_title | "Wordpress Plugin: GK Class Appender" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 SBD |
percent_steem_dollars | 10,000 |