{"id":22710,"date":"2019-01-08T21:10:47","date_gmt":"2019-01-08T13:10:47","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=22710"},"modified":"2022-10-18T20:12:18","modified_gmt":"2022-10-18T12:12:18","slug":"useful-wordpress-functions","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/useful-wordpress-functions\/","title":{"rendered":"15 Useful WordPress Functions All Developers Should Know"},"content":{"rendered":"

WordPress is full of great functions for us developers to use. We can pull post lists out of thin air, manipulate almost everything about them, grab any user we wish and display their social media connections in a jiffy.<\/p>\n

There are however quite a few functions which seem to be overlooked for unknown reasons. I\u2019ve been coding with WordPress for around 8 years now and occasionally I still find something new! Let\u2019s take a look at some of my favourite overlooked functions<\/strong> and learn how to use them along the way.<\/p>\n

Recommended Reading: <\/strong>WordPress Conditional Tags (And Snippets) For Beginners<\/a><\/p>\n

antispambot()<\/h2>\n

I usually raise a few eyebrows with this one, it seems to be one of the most well-hidden functions in the codebase. <code>antispambot()<\/code><\/code> replaces characters with HTML entities which is one way to mask email addresses<\/strong> from evil scrapers.<\/p>\n

\r\n$email = 'mymail@mail.com';\r\necho 'You can contact me at ' . antispambot( $email ) . ' any time'.\r\n<\/pre>\n
While this is a useful tidbit, it is also an example of why some people criticise WordPress \u2013 this is a horribly named function. From reading the function name, you have no idea what it does.<\/p>\n
human_time_diff()<\/h2>\n
When I first learned about this function about a year ago I thought it must have been a recent addition which I overlooked in a changelog. Not quite\u2026<\/p>\n
This function \u2013 which outputs the difference between two timestamps \u2013 has been in since version 1.5 (that\u2019s February 17, 2018!).<\/p>\n
The following great snippet I borrowed from the codex<\/a> shows how long ago a current post was published. It uses the publish date of the post as the first argument<\/strong> and the current date as the second<\/strong>.<\/p>\n
\r\necho 'This post was published ' . human_time_diff( get_the_time( 'U' ), current_time( 'timestamp' ) ) . ' ago';\r\n<\/pre>\n
get_post_meta()<\/h2>\n
Bear with me here, I know this is a well-used function, however, how it works is not-so-common knowledge. First of all, by omitting the second and third parameters you can pull all metadata for a post<\/strong>.<\/p>\n
\r\n$all_meta = get_post_meta( 14 );\r\n<\/pre>\n
Even if you only grab the data for a single key all postmeta is pulled anyway.<\/p>\n
The reason is actually pretty logical. Metadata is used in multiple places. If <code>get_post_meta()<\/code><\/code> queries the database each time it was used we would end up with way too many queries. Instead, if you pull metadata it caches it all and uses the cached values on all subsequent metadata retrievals.<\/p>\n
wp_upload_bits()<\/h2>\n
This function is a straight-up file uploading function<\/strong>. While it doesn\u2019t move the file to the uploads folder and add it to the WordPress media section, it is extremely convenient and you can always do the rest with the <code>wp_insert_attachment()<\/code><\/code> function.<\/p>\n
\r\n$upload = wp_upload_bits( $file['name'], null, file_get_contents( $file['tmp_name'] ) );\r\n<\/pre>\n
Some explanation is at hand for this: the first parameter is the file name. The second is depreciated so it should be set to null (eyeroll at WordPress consistency). The third parameter is the actual content of the file.<\/p>\n
get_post_field()<\/h2>\n
In the past I saw quite a few examples where someone wrote a loop to get a comment count for a post, or wrote a dedicated database query for it. You don\u2019t need them, what you need is <code>get_post_field()<\/code><\/code>. This function retrieves the value of a single field for a single post<\/strong> in the database. Let\u2019s grab a comment count!<\/p>\n
\r\nThis post has <?php echo get_post_field( 'comment_count', 4124 ) ?> comments.\r\n<\/pre>\n
wpautop()<\/h2>\n
This function has come out into the spotlight a bit, but it is still relatively unknown. It is similar to the PHP native nl2br<\/code> but instead of creating new lines, it wraps your content in paragraphs<\/strong>.<\/p>\n
This is useful if you have a textbox and you want to make sure that when users create paragraphs with double line breaks, they remain visible in the front-end as well.<\/p>\n
\r\n<h2>What Our Users Say<\/h2>\r\n<?php echo wpautop( $user_comment ) ?>\r\n<\/pre>\n
wp_is_mobile()<\/h2>\n
This aptly named function detects when a user is on a mobile device and allows you to display content accordingly<\/strong>. Since this is a conditional tag it returns true or false depending on the scenario.<\/p>\n
\r\n<?php if( wp_is_mobile() ) : ?>\r\nVisit our website on your desktop for a richer user experience\r\n<?php endif ?>\r\n<\/pre>\n
wp_redirect()<\/h2>\n
The last example shows another neat function: <code>wp_redirect()<\/code><\/code>. This should be used in place of the PHP native <code>header()<\/code> function. The WordPress redirection function allows you to set a URL to redirect to, and also set a status code<\/strong>, great for handling permanent redirects as well.<\/p>\n
\r\n\/\/ For a URL which is no longer in use\r\nwp_redirect( 'http:\/\/website.com\/new-url\/', 301 );\r\n<\/pre>\n
paginate_links()<\/h2>\n
I bet that this function owes its obscurity in part to the popularity of the WP-PageNavi<\/a> plugin. By default WordPress displays previous\/next links at the end of your post list<\/strong>. WP-PageNavi replaces that with page numbers<\/strong>.<\/p>\n
This can actually be done with a little work using the <code>paginate_links()<\/code><\/code> functions. It has quite a few parameters so I recommend taking a peek at the documentation<\/a>.<\/p>\n
The following example from the codex shows how you can add it to a default loop but adding it to custom loops is not much of a stretch.<\/p>\n
\r\nglobal $wp_query;\r\n$big = 999999999; \/\/ need an unlikely integer\r\necho paginate_links( array(\r\n    'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),\r\n    'format' => '?paged=%#%',\r\n    'current' => max( 1, get_query_var('paged') ),\r\n    'total' => $wp_query->max_num_pages\r\n) );<\/pre>\n
wp_die()<\/h2>\n
This function complements the PHP die()<\/code> function. The difference is that this function will display a WordPress-styled HTML instead of just a plain text. You can use this function to stop PHP execution. You can add the message, title, and additional arguments to be displayed, for example:<\/p>\n
\r\nwp_die( \"Oops, you don't have access to the\", \"Permission Denied\" );\r\n<\/pre>\n
has_block()<\/h2>\n
In version 5.0, WordPress introduced a block based editor, codenamed Gutenberg. This function will identify whether the the content contains a Gutenberg, quite the same with the has_shortcode()<\/code> function. It\u2019ll return true<\/code> if the content does contain a block, or false<\/code> if it does not.<\/p>\n
<?php\r\nif ( has_block() ) {\r\n    \/\/ Content has a block.\r\n} ?><\/pre>\n
wp_set_script_translations()<\/h2>\n
Since many part of WordPress user interface is going to move to JavaScript, it needs a convenient way to register translatable texts in the JavaScript that WordPress could parse and understand. Use this function to set translated strings for your scripts. Below is an example:<\/p>\n
wp_enqueue_script( 'my-script', plugins_url( 'js\/my-script.js', __FILE__ ) );\r\nwp_set_script_translations( 'my-script', 'mu-text-domain' );<\/pre>\n
register_block_type()<\/h2>\n
Another prominent function in WordPress 5.0. This function allows you to register a new block in the new WordPress editor. Your block will appear in the new editor and insert it .<\/p>\n
register_block_type( 'my-plugin\/new-block', array(\r\n    'title' => 'New Block',\r\n    'icon' => 'megaphone',\r\n    'category' => 'widgets',\r\n    'render_callback' => 'render_function_callback',\r\n) );<\/pre>\n
rest_do_request()<\/h2>\n
This function allows you to make a call to WordPress REST API endpoints through PHP. Pretty useful when you need to retrieve an output from the REST API to process that you\u2019ll process further within the PHP side instead of in the browser (front-end) side.<\/p>\n
$request = new WP_REST_Request( 'GET', \"\/wp\/v2\/posts\" );\r\n$request->set_header( 'X-WP-Nonce', wp_create_nonce( 'wp_rest' ) );\r\n$response = rest_do_request( $request );\r\n$data = 200 === $response->get_status() ? $response->get_data() : [];<\/pre>\n
rest_preload_api_request()<\/h2>\n
When building a JavaScript-heavy UI in WordPress typically needs a set of initial data proloaded within the page. This is the function that will allow you to do so. This function is meant to be used in conjunction with the array_reduce<\/code>, for example.<\/p>\n
\r\n\/\/ Preload common data.\r\n$preload_paths = array(\r\n    '\/',\r\n    '\/wp\/v2\/types?context=edit',\r\n    '\/wp\/v2\/taxonomies?per_page=-1&context=edit',\r\n    '\/wp\/v2\/themes?status=active',\r\n);\r\npreload_data = array_reduce(\r\n\t$preload_paths,\r\n\t'rest_preload_api_request',\r\n\tarray()\r\n);\r\nwp_add_inline_script(\r\n\t'wp-api-fetch',\r\n\tsprintf( 'wp.apiFetch.use( wp.apiFetch.createPreloadingMiddleware( %s ) );', wp_json_encode( $preload_data ) ),\r\n\t'after'\r\n);\r\n<\/pre>\n
Conclusion<\/h2>\n
These are just some functions that seem to be less-known that the rest. I discover a new great function about every two months and I\u2019m sure my developer friends out there could surprise us even further.<\/p>\n
If you have a favorite obscure function or a function which would be useful but isn\u2019t available, let us know in the comments!<\/p>","protected":false},"excerpt":{"rendered":"
WordPress is full of great functions for us developers to use. We can pull post lists out of thin air, manipulate almost everything about them, grab any user we wish and display their social media connections in a jiffy. There are however quite a few functions which seem to be overlooked for unknown reasons. I\u2019ve…<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[49],"tags":[4663,3384],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"\n15 Useful WordPress Functions All Developers Should Know - Hongkiat<\/title>\n<meta name=\"description\" content=\"WordPress is full of great functions for us developers to use. We can pull post lists out of thin air, manipulate almost everything about them, grab any\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/useful-wordpress-functions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"15 Useful WordPress Functions All Developers Should Know\" \/>\n<meta property=\"og:description\" content=\"WordPress is full of great functions for us developers to use. We can pull post lists out of thin air, manipulate almost everything about them, grab any\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/useful-wordpress-functions\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2019-01-08T13:10:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-18T12:12:18+00:00\" \/>\n<meta name=\"author\" content=\"Thoriq Firdaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tfirdaus\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thoriq Firdaus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-wordpress-functions\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-wordpress-functions\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"15 Useful WordPress Functions All Developers Should Know\",\"datePublished\":\"2019-01-08T13:10:47+00:00\",\"dateModified\":\"2022-10-18T12:12:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-wordpress-functions\\\/\"},\"wordCount\":1111,\"commentCount\":16,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"keywords\":[\"ad-divi\",\"wordpress functions\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-wordpress-functions\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-wordpress-functions\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-wordpress-functions\\\/\",\"name\":\"15 Useful WordPress Functions All Developers Should Know - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"datePublished\":\"2019-01-08T13:10:47+00:00\",\"dateModified\":\"2022-10-18T12:12:18+00:00\",\"description\":\"WordPress is full of great functions for us developers to use. We can pull post lists out of thin air, manipulate almost everything about them, grab any\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-wordpress-functions\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-wordpress-functions\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-wordpress-functions\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"15 Useful WordPress Functions All Developers Should Know\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\",\"name\":\"Thoriq Firdaus\",\"description\":\"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.\",\"sameAs\":[\"https:\\\/\\\/thoriq.com\",\"https:\\\/\\\/x.com\\\/tfirdaus\"],\"jobTitle\":\"Web Developer\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/thoriq\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"15 Useful WordPress Functions All Developers Should Know - Hongkiat","description":"WordPress is full of great functions for us developers to use. We can pull post lists out of thin air, manipulate almost everything about them, grab any","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/useful-wordpress-functions\/","og_locale":"en_US","og_type":"article","og_title":"15 Useful WordPress Functions All Developers Should Know","og_description":"WordPress is full of great functions for us developers to use. We can pull post lists out of thin air, manipulate almost everything about them, grab any","og_url":"https:\/\/www.hongkiat.com\/blog\/useful-wordpress-functions\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2019-01-08T13:10:47+00:00","article_modified_time":"2022-10-18T12:12:18+00:00","author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/useful-wordpress-functions\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/useful-wordpress-functions\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"15 Useful WordPress Functions All Developers Should Know","datePublished":"2019-01-08T13:10:47+00:00","dateModified":"2022-10-18T12:12:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/useful-wordpress-functions\/"},"wordCount":1111,"commentCount":16,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"keywords":["ad-divi","wordpress functions"],"articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/useful-wordpress-functions\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/useful-wordpress-functions\/","url":"https:\/\/www.hongkiat.com\/blog\/useful-wordpress-functions\/","name":"15 Useful WordPress Functions All Developers Should Know - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"datePublished":"2019-01-08T13:10:47+00:00","dateModified":"2022-10-18T12:12:18+00:00","description":"WordPress is full of great functions for us developers to use. We can pull post lists out of thin air, manipulate almost everything about them, grab any","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/useful-wordpress-functions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/useful-wordpress-functions\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/useful-wordpress-functions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"15 Useful WordPress Functions All Developers Should Know"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807","name":"Thoriq Firdaus","description":"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.","sameAs":["https:\/\/thoriq.com","https:\/\/x.com\/tfirdaus"],"jobTitle":"Web Developer","url":"https:\/\/www.hongkiat.com\/blog\/author\/thoriq\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-5Ui","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/22710","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/113"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=22710"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/22710\/revisions"}],"predecessor-version":[{"id":46725,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/22710\/revisions\/46725"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=22710"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=22710"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=22710"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=22710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}