{"id":6919,"date":"2023-05-12T04:01:40","date_gmt":"2023-05-12T04:01:40","guid":{"rendered":"http:\/\/localhost:8888\/UP-WORK\/wafaq\/?p=45"},"modified":"2025-05-17T14:31:16","modified_gmt":"2025-05-17T14:31:16","slug":"about-supported-devices","status":"publish","type":"post","link":"https:\/\/theme.co.id\/gpdocs\/about-supported-devices\/","title":{"rendered":"About supported devices"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Custom fields are a native part of WordPress and appear on pages, posts and custom post types, however, the native custom field interface is not very user friendly. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pretium dictum augue, eu lobortis sem consequat eu. Mauris luctus nec magna a mattis. Aenean dapibus tincidunt lectus in ultricies.<\/p>\n\n\n\n<h2 class=\"gb-headline gb-headline-43c8dafe gb-headline-text\"><strong>Install the ACF plugin<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Custom fields are a native part of WordPress and appear on pages, posts and custom post types, however, the native custom field interface is not very user friendly. With ACF installed, you can tailor what fields to show and what they look like. For instance, you may require a \u2018Hero Image\u2019 to be selected for your home page. You can use ACF to easily create this Image field and show it when editing the home page! Here is the difference between native custom fields and Advanced Custom Fields.<\/p>\n\n\n\n<figure class=\"gb-block-image gb-block-image-4393d75a\"><img decoding=\"async\" class=\"gb-image gb-image-4393d75a\" src=\"https:\/\/theme.co.id\/gpdocs\/wp-content\/uploads\/2023\/05\/acf-images.webp\" alt=\"\" title=\"acf-images\"\/>\n<figcaption class=\"gb-headline gb-headline-04ab8bca gb-headline-text\">How to install ACF<\/figcaption>\n<\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;h1&gt;&lt;?php the_title(); ?&gt;&lt;\/h1&gt;\n\n&lt;?php if ( get_field('sub_heading' ) ): ?&gt;\n    &lt;h2&gt;&lt;?php echo esc_html( get_field('sub_heading') ); ?&gt;&lt;\/h2&gt;\n&lt;?php endif; ?&gt;\n\n&lt;div class=\"hero\"&gt;\n    &lt;?php $image = get_field('hero_image'); ?&gt;\n    &lt;img src=\"&lt;?php echo esc_url( $image&#91;'url'] ); ?&gt;\" alt=\"&lt;?php echo esc_attr( $image&#91;'alt'] ); ?&gt;\" \/&gt;\n&lt;\/div&gt;\n\n&lt;?php if( have_rows('event') ): ?&gt;\n    &lt;ul&gt;\n    &lt;?php while( have_rows('event') ): the_row(); ?&gt;\n        &lt;li&gt;\n            &lt;a href=\"&lt;?php echo esc_url( get_sub_field( 'url' ) ); ?&gt;\"&gt;&lt;?php echo esc_html( get_sub_field( 'title' ) ); ?&gt;&lt;\/a&gt;\n        &lt;\/li&gt;\n    &lt;?php endwhile; ?&gt;\n    &lt;\/ul&gt;\n&lt;?php endif; ?&gt;<\/code><\/pre>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Field groups<\/strong> are used to organize fields and attach them to edit screens. Each field group contains a title, fields, location rules and visual settings. To get started with your first field group, please read our <a href=\"#\">Creating a Field Group guide<\/a>.<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"gb-headline gb-headline-3995e7fa gb-headline-text\"><strong>Create new fields<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Cras lacinia ultrices lacus. Cras eget ex scelerisque, ultricies diam sed, ultricies nisi. Aliquam tristique neque a quam sollicitudin, eu tincidunt ligula congue. Maecenas at velit eget nunc venenatis dapibus sed eu neque. Fusce ornare est convallis lacus condimentum, non ullamcorper elit sollicitudin. Ut a lectus sapien. Sed convallis sem nec orci ultricies, fringilla venenatis nunc ullamcorper. In mattis feugiat ex, vitae tempor tellus consectetur vitae. Pellentesque nibh ligula, eleifend vel ante ultrices, imperdiet elementum purus. Nunc faucibus at sapien quis pharetra. Duis ultricies tincidunt magna, sed efficitur ipsum maximus ut. Aliquam eleifend congue sollicitudin. Nulla facilisi. Vivamus posuere a turpis cursus faucibus. In mi magna, porta vitae maximus at, interdum ut nisi. Quisque ut ante elit.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Install the ACF plugin<\/li>\n\n\n\n<li>Create new fields<\/li>\n\n\n\n<li>Create field content<\/li>\n\n\n\n<li>Display fields in your theme<\/li>\n\n\n\n<li>Register custom post types and taxonomies<\/li>\n<\/ul>\n\n\n\n<h3 class=\"gb-headline gb-headline-9a5c66b4 gb-headline-text\"><strong>Create field content<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Cras lacinia ultrices lacus. Cras eget ex scelerisque, ultricies diam sed, ultricies nisi. Aliquam tristique neque a quam sollicitudin, eu tincidunt ligula congue. Maecenas at velit eget nunc venenatis dapibus sed eu neque. Fusce ornare est convallis lacus condimentum, non ullamcorper elit sollicitudin. Ut a lectus sapien. Sed convallis sem nec orci ultricies, fringilla venenatis nunc ullamcorper. In mattis feugiat ex, vitae tempor tellus consectetur vitae. Pellentesque nibh ligula, eleifend vel ante ultrices, imperdiet elementum purus. Nunc faucibus at sapien quis pharetra. Duis ultricies tincidunt magna, sed efficitur ipsum maximus ut. Aliquam eleifend congue sollicitudin. Nulla facilisi. Vivamus posuere a turpis cursus faucibus. In mi magna, porta vitae maximus at, interdum ut nisi. Quisque ut ante elit.<\/p>\n\n\n\n<h2 class=\"gb-headline gb-headline-50159505 gb-headline-text\"><strong>Display fields in your theme<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Cras lacinia ultrices lacus. Cras eget ex scelerisque, ultricies diam sed, ultricies nisi. Aliquam tristique neque a quam sollicitudin, eu tincidunt ligula congue. Maecenas at velit eget nunc venenatis dapibus sed eu neque. Fusce ornare est convallis lacus condimentum, non ullamcorper elit sollicitudin. Ut a lectus sapien. Sed convallis sem nec orci ultricies, fringilla venenatis nunc ullamcorper. In mattis feugiat ex, vitae tempor tellus consectetur vitae. Pellentesque nibh ligula, eleifend vel ante ultrices, imperdiet elementum purus. Nunc faucibus at sapien quis pharetra. Duis ultricies tincidunt magna, sed efficitur ipsum maximus ut. Aliquam eleifend congue sollicitudin. Nulla facilisi. Vivamus posuere a turpis cursus faucibus. In mi magna, porta vitae maximus at, interdum ut nisi. Quisque ut ante elit.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Cras lacinia ultrices<\/strong><\/td><td><strong>Ullamcorper<\/strong><\/td><td><strong>Pellentesque<\/strong><\/td><td><strong>Tincidunt<\/strong><\/td><\/tr><tr><td>Pellentesque nibh ligula<\/td><td>Pellentesque nibh ligula<\/td><td>Pellentesque nibh ligula<\/td><td>Pellentesque nibh ligula<\/td><\/tr><tr><td>Duis ultricies tincidunt magna<\/td><td>Duis ultricies tincidunt magna<\/td><td>Duis ultricies tincidunt magna<\/td><td>Duis ultricies tincidunt magna<\/td><\/tr><tr><td>Duis ultricies tincidunt magna<\/td><td>Duis ultricies tincidunt magna<\/td><td>Duis ultricies tincidunt magna<\/td><td>Duis ultricies tincidunt magna<\/td><\/tr><tr><td>Duis ultricies tincidunt magna<\/td><td>Duis ultricies tincidunt magna<\/td><td>Duis ultricies tincidunt magna<\/td><td>Duis ultricies tincidunt magna<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">Sample Table Caption<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Cras lacinia ultrices lacus. Cras eget ex scelerisque, ultricies diam sed, ultricies nisi. Aliquam tristique neque a quam sollicitudin, eu tincidunt ligula congue. Maecenas at velit eget nunc venenatis dapibus sed eu neque. Fusce ornare est convallis lacus condimentum, non ullamcorper elit sollicitudin. Ut a lectus sapien. Sed convallis sem nec orci ultricies, fringilla venenatis nunc ullamcorper. In mattis feugiat ex, vitae tempor tellus consectetur vitae. Pellentesque nibh ligula, eleifend vel ante ultrices, imperdiet elementum purus. Nunc faucibus at sapien quis pharetra. Duis ultricies tincidunt magna, sed efficitur ipsum maximus ut. Aliquam eleifend congue sollicitudin. Nulla facilisi. Vivamus posuere a turpis cursus faucibus. In mi magna, porta vitae maximus at, interdum ut nisi. Quisque ut ante elit.<\/p>\n\n\n\n<h2 class=\"gb-headline gb-headline-1813e0c2 gb-headline-text\"><strong>Register custom post types and taxonomies<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Cras lacinia ultrices lacus. Cras eget ex scelerisque, ultricies diam sed, ultricies nisi. Aliquam tristique neque a quam sollicitudin, eu tincidunt ligula congue. Maecenas at velit eget nunc venenatis dapibus sed eu neque. Fusce ornare est convallis lacus condimentum, non ullamcorper elit sollicitudin. Ut a lectus sapien. Sed convallis sem nec orci ultricies, fringilla venenatis nunc ullamcorper. In mattis feugiat ex, vitae tempor tellus consectetur vitae. Pellentesque nibh ligula, eleifend vel ante ultrices, imperdiet elementum purus. Nunc faucibus at sapien quis pharetra. Duis ultricies tincidunt magna, sed efficitur ipsum maximus ut. Aliquam eleifend congue sollicitudin. Nulla facilisi. Vivamus posuere a turpis cursus faucibus. In mi magna, porta vitae maximus at, interdum ut nisi. Quisque ut ante elit.<\/p>\n\n\n\n<h2 class=\"gb-headline gb-headline-5d239455 gb-headline-text\"><strong><strong>JS components<a href=\"https:\/\/getbootstrap.com\/docs\/5.3\/getting-started\/introduction\/#js-components\" target=\"_blank\" rel=\"noopener\"><\/a><\/strong><\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Curious which components explicitly require our JavaScript and Popper? If you\u2019re at all unsure about the general page structure, keep reading for an example page template.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Alerts for dismissing<\/li>\n\n\n\n<li>Buttons for toggling states and checkbox\/radio functionality<\/li>\n\n\n\n<li>Carousel for all slide behaviors, controls, and indicators<\/li>\n\n\n\n<li>Collapse for toggling visibility of content<\/li>\n\n\n\n<li>Dropdowns for displaying and positioning<\/li>\n\n\n\n<li>Modals for displaying, positioning, and scroll behavior<\/li>\n\n\n\n<li>Navbar for extending our Collapse and Offcanvas plugins to implement responsive behaviors<\/li>\n\n\n\n<li>Navs with the Tab plugin for toggling content panes<\/li>\n\n\n\n<li>Offcanvases for displaying, positioning, and scroll behavior<\/li>\n\n\n\n<li>Scrollspy for scroll behavior and navigation updates<\/li>\n\n\n\n<li>Toasts for displaying and dismissing<\/li>\n\n\n\n<li>Tooltips and popovers for displaying and positioning<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6],"tags":[],"class_list":["post-6919","post","type-post","status-publish","format-standard","hentry","category-how-to-link-to-linkedin"],"acf":[],"_links":{"self":[{"href":"https:\/\/theme.co.id\/gpdocs\/wp-json\/wp\/v2\/posts\/6919","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theme.co.id\/gpdocs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theme.co.id\/gpdocs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theme.co.id\/gpdocs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theme.co.id\/gpdocs\/wp-json\/wp\/v2\/comments?post=6919"}],"version-history":[{"count":1,"href":"https:\/\/theme.co.id\/gpdocs\/wp-json\/wp\/v2\/posts\/6919\/revisions"}],"predecessor-version":[{"id":7165,"href":"https:\/\/theme.co.id\/gpdocs\/wp-json\/wp\/v2\/posts\/6919\/revisions\/7165"}],"wp:attachment":[{"href":"https:\/\/theme.co.id\/gpdocs\/wp-json\/wp\/v2\/media?parent=6919"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theme.co.id\/gpdocs\/wp-json\/wp\/v2\/categories?post=6919"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theme.co.id\/gpdocs\/wp-json\/wp\/v2\/tags?post=6919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}