{"id":1,"date":"2023-06-08T16:24:46","date_gmt":"2023-06-08T16:24:46","guid":{"rendered":"https:\/\/cachitoswp.com\/?p=1"},"modified":"2024-09-16T16:33:22","modified_gmt":"2024-09-16T16:33:22","slug":"free-custom-field-suite-repeaters","status":"publish","type":"post","link":"https:\/\/cachitoswp.com\/en\/free-custom-field-suite-repeaters\/","title":{"rendered":"Custom Field Suite: Custom fields with free 100% field repeater"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Custom fields in WordPress are a very useful tool for adding additional information to your posts or pages. You can create custom fields for any type of content in WordPress, such as posts, pages, products, or custom content types\u00b3.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To create custom fields in WordPress, you can do so by editing or creating a post or page. At the top in the screen options (\u201cclassic\u201d view), you can see the custom fields section. In the block editor (Gutenberg), you will have to activate its appearance in the editor&#039;s advanced options.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In WP Help there is an excellent introductory article to custom fields in WordPress, I recommend it if you are a beginner.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"italic has-primary-color has-text-color has-large-font-size wp-block-paragraph\">One of the features that is missing in the free version of ACF is a type of field that we call a repeater field.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">You can create your own custom fields using two different methods. The first method involves installing a dedicated plugin to simplify the process (there are several, pods, toolset, the well-known ACF and the one we are going to discuss here). <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The second requires you to manually edit your WordPress theme files. You can register fields and boxes (forms in the backend) to enter them via PHP. In the technical language of WordPress, we also call these fields meta fields, and what the inputs where we enter them become, metaboxes or meta fields.<\/p>\n\n\n<a style=\"background-color:#ffffff;color:color: #424242!important\" rel=\"sponsored\" data-sal=\"flip-up\" data-sal-repeat title=\"OFFER: Green T-REX Robot transformer dinosaur compatible building blocks\" class=\"blockytoys-product-banner myclass\" data-product=\"https:\/\/blockytoys.com\/producto\/dinosaurio-construccion-robot-coche-verde\/\" href=\"https:\/\/blockytoys.com\/producto\/dinosaurio-construccion-robot-coche-verde\/\">\n    <figure class=\"product-banner-pic\">\n        <img decoding=\"async\" alt=\"transformer dinosaur game constructions compatible lego\" data-sal=\"zoom-in\" data-sal-delay=\"200\" src=\"https:\/\/cachitoswp.com\/wp-content\/uploads\/2023\/06\/dinosaurio-bloques-construccion-baratos.jpg\" loading=\"lazy\" width=\"auto\" height=\"auto\" \/>\n    <\/figure>\n    <div class=\"product-banner-info\">\n        <h3 class=\"banner-info-title\" style=\"color:#38b56c\">Green T-REX<\/h3>\n        <p class=\"banner-info-subtitle\" style=\"color:#38b56c\">Robot transformer dinosaur compatible building blocks<\/p>\n        <p class=\"jastags\">#loNeed #buildingBlocks #buildCheaper<\/p>\n        <p class=\"banner-info-price\" style=\"color:#38b56c\">Only <span>16,90<\/span>\u20ac !<\/p>\n        <button class=\"banner-info-button\" style=\"background-color:#38b56c\">see more<\/button>\n    <\/div>\n<\/a>\n\t\t<style>.gcb-editor-form h3 {\n        font-size:14px;\n    }\n    .blockytoys-product-banner {\n        text-decoration:none!important;\n        display:flex;\n        cursor:pointer;\n\n        flex-direction:column;\n        flex-wrap:wrap;\n        align-items:center;\n        justify-content:middle;\n        position:relative;\n        z-index:1;\n        border-radius: 0 15px 0 15px;\n        overflow:hidden;\n    }\n    \n    .blockytoys-product-banner::before {\n        content:\"PUBLIACIDEZ\";\n        display:inline-block;\n        position:absolute;\n        left:0;\n        top:0;\n        color:#fff;\n        background:steelblue;\n        padding:2px 6px;\n        line-height:1;\n        font-size:9px;\n        letter-spacing:0.1em;\n    }\n    \n    .product-banner-pic {\n        margin:0;\n        text-align:center;\n    }\n    .product-banner-pic img {\n        width:100%;\n    }\n    .product-banner-info {\n        padding:0 25px 25px 25px;\n        box-sizing:border-box;\n        text-align:center;\n    }\n    .banner-info-title {\n        margin:0;\n        font-size:26px;\n        font-weight:bold;\n    }\n    .banner-info-subtitle {\n        margin:0;\n        font-size:17px;\n        font-weight:normal;\n    }\n    .banner-info-price {\n        margin:20px 0;\n        font-size:18px;\n        font-weight:bold;\n        animation-name:blinky;\n        animation-duration:0.65s;\n        animation-iteration-count:infinite;\n        \n    }\n    .banner-info-button {\n        color:#fff;\n        appearance:none;\n        display:inline-block;\n        min-width:140px;\n        border:0;\n        font-family:inherit;\n        text-transform:uppercase;\n        padding:10px;\n        font-weight:bold;\n        font-size:14px;\n        cursor:pointer;\n    }\n    @media(min-width:768px) {\n        .blockytoys-product-banner {\n            flex-direction:row;\n        }\n        .product-banner-pic {\n            width:36%;\n        }\n        .product-banner-info {\n            padding-top:30px;\n            width:64%;\n            background-image:url(https:\/\/cachitoswp.com\/wp-content\/uploads\/2023\/06\/nerd-quiere-comprar.png),\n            url(https:\/\/cachitoswp.com\/wp-content\/uploads\/2023\/06\/blockytoys-logo-color.svg);\n            background-repeat:no-repeat,no-repeat;\n            background-position:0 1000px, 100% 1000px;\n            background-size:110px auto, 120px auto;\n            transition:1s;\n        }\n        .sal-animate .product-banner-info {\n            background-position: 0 100%, 96% 89%\n        }\n    }\n    @keyframes blinky {\n        0% {\n            transform:scale(1);\n        }\n        50% {\n            transform:scale(1.2);\n        }\n        100% {\n            transform:scale(1);\n        }\n    }\n    .jastags {\n      font-family: monospace, mono;\n      font-size: 12px;\n      line-height: 1.5;\n      margin: 5px 0 0 0;\n    }\n    \n    .blockytoys-product-banner.bali-banner .product-banner-info {\n        background-image:none!important;\n    }\n    .blockytoys-product-banner.bali-banner .jastags {\n        display:none;\n    }<\/style>\n\t\t\n\n\n<p class=\"wp-block-paragraph\">The most popular and most widespread field management plugin at a professional level is Advanced Custom Fields (ACF). It is so powerful and versatile that it allows almost certain projects to appear created with another CMS other than WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ACF has a free version, with limited features, and another paid professional version, with advanced fields and more tools to optimize them, create our own &quot;site builders&quot;, etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The free version of ACF is very good and I highly recommend it to start messing around, and even for certain professional projects it is more than enough. But one of the features that is missing in the free version of ACF is a type of field that we call repetition fields or &quot;repeater&quot;. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The repeater is an extraordinarily useful field; basically, it allows us to insert into a page or post a list of elements, the length of which we do not know. That is to say, some data, which may not be present in some content, may be six in another, or twenty-six in another. Some examples:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A list of links related to the post or page<\/li>\n\n\n\n<li>A list of items or ingredients<\/li>\n\n\n\n<li>A list of images for a gallery<\/li>\n\n\n\n<li>A list of social networks (after all, it is a list of links)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">With &quot;simple&quot; fields, we can add many boxes, but in a future use, they may fall short, or worse: It may not be necessary for there to be so many boxes in the backend. With repeatable fields, we can add this data one by one as needed, and also, another very useful thing, we can reorder this list of elements.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The entries in a repeater are returned in array format, making them very easy to obtain.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Well, this is where we are going to present the &quot;Custom Field Suite&quot; plugin, a free custom field manager, which unlike ACF free, which does not include repeaters, this one does.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you are considering purchasing an ACF license for your freelance projects, this open source alternative is a much more modest adversary, but extremely functional at the core.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The operation is very similar to ACF in simplicity: We create groups of fields, we assign the content type to them, and to display the data in the front there is a simple API to display each value or collection.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/mgibbs189.github.io\/custom-field-suite\/\">Custom Field Suite official page on Github pages<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Note: Its creator already warns that he does not sell anything nor does he intend to make more types of fields, he himself indicates with a sense of humor &quot;If you want all the bells-and-whistles, use ACF&quot; (if you want all the bells and whistles, use ACF)<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-plugin-directory wp-block-embed-plugin-directory\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/es.wordpress.org\/plugins\/custom-field-suite\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Addon update! Although you can create a gallery using custom field suite and a file upload loop, I have discovered this interesting <a href=\"https:\/\/github.com\/zastrich\/cfs-gallery\">Free addon to attach an image gallery<\/a> that it be returned in a more comfortable array.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Recommended links:<br>(1) Custom fields in WordPress: What they are, how they are created and how to\u2026. <a href=\"https:\/\/ayudawp.com\/campos-personalizados\/\">https:\/\/ayudawp.com\/campos-personalizados\/<\/a>.<br>(2) How to use Custom fields in WordPress. <a href=\"https:\/\/bing.com\/search?q=campos+personalizados+en+WordPress\">https:\/\/bing.com\/search?q=campos+personalizados+en+WordPress<\/a>.<br>(3) How to Add Custom Fields in WordPress (2 Methods) \u2013 Hostinger. <a href=\"https:\/\/www.hostinger.es\/tutoriales\/campos-personalizados-wordpress\">https:\/\/www.hostinger.es\/tutoriales\/campos-personalizados-wordpress<\/a>.<br>(4) WordPress Custom FIELDS, What They Are And 15 Plugins \u2013 Ignacio Santiago. <a href=\"https:\/\/ignaciosantiago.com\/campos-personalizados-wordpress\/\">https:\/\/ignaciosantiago.com\/campos-personalizados-wordpress\/<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Los campos personalizados en WordPress son una herramienta muy \u00fatil para a\u00f1adir informaci\u00f3n adicional a tus entradas o p\u00e1ginas. Puedes crear campos personalizados para cualquier tipo de contenido en WordPress, como entradas, p\u00e1ginas, productos o tipos de contenido personalizados\u00b3. Para crear campos personalizados en WordPress, puedes hacerlo desde la edici\u00f3n o creaci\u00f3n de una entrada [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":563,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[1,7],"tags":[8,10,11,9],"class_list":["post-1","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-desarrollo-web-wordpress","category-plugins","tag-custom-fields","tag-gratis","tag-plugins-ligeros","tag-repeaters"],"mb":[],"mfb_rest_fields":["title"],"_links":{"self":[{"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/posts\/1","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/comments?post=1"}],"version-history":[{"count":1,"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/posts\/1\/revisions"}],"predecessor-version":[{"id":1250,"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/posts\/1\/revisions\/1250"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/media\/563"}],"wp:attachment":[{"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/media?parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/categories?post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cachitoswp.com\/en\/wp-json\/wp\/v2\/tags?post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}