{"id":1827,"date":"2025-12-02T15:11:18","date_gmt":"2025-12-02T15:11:18","guid":{"rendered":"https:\/\/www.chromacon.com\/wpml-ai-test\/"},"modified":"2025-12-02T15:43:55","modified_gmt":"2025-12-02T15:43:55","slug":"wpml-ai-test","status":"publish","type":"page","link":"https:\/\/www.chromacon.com\/de\/wpml-ai-test\/","title":{"rendered":"WPML AI Test"},"content":{"rendered":"<section id=\"block_ead7ddb8c141902df39a0264496cbfc6\" class=\"block-wpml-ai-tester default-block-spacing alignfull  \"><div class=\"l-wrap\">\n    <div class=\"wpml-ai-tester-container\" style=\"max-width: 1200px; margin: 0 auto; padding: 20px;\">\n        <h2 style=\"margin-bottom: 30px; padding-bottom: 15px; border-bottom: 2px solid #ddd;\">WPML AI Tester &#8211; Test of all ACF fields<\/h2>\n\n        <!-- Heading Tag -->\n                \n        <!-- Basic Text Fields -->\n        <div style=\"margin-bottom: 40px;\">\n            <h3 style=\"color: #0073aa; margin-bottom: 20px;\">Basic text fields<\/h3>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Text Field:<\/strong> The mountains and forests are beautiful.                <\/div>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Email Field:<\/strong> <a href=\"mailto:dominik@what.digital\">dominik@what.digital<\/a>\n                <\/div>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Textarea Field:<\/strong><br>\n                    Tenerife has high air temperatures.                 <\/div>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>URL Field:<\/strong> <a href=\"https:\/\/what.digital\" target=\"_blank\">https:\/\/what.digital<\/a>\n                <\/div>\n                    <\/div>\n\n        <!-- Number Fields -->\n        <div style=\"margin-bottom: 40px;\">\n            <h3 style=\"color: #0073aa; margin-bottom: 20px;\">Number fields<\/h3>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Number Field:<\/strong> 99                <\/div>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Range Field:<\/strong> 24                <\/div>\n                    <\/div>\n\n        <!-- Rich Content Fields -->\n        <div style=\"margin-bottom: 40px;\">\n            <h3 style=\"color: #0073aa; margin-bottom: 20px;\">Rich content fields<\/h3>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>WYSIWYG Editor:<\/strong>\n                    <div style=\"margin-top: 10px;\">\n                        <p>Switzerland is located in Europe.<\/p>\n<p>China is located in Asia.<\/p>\n                    <\/div>\n                <\/div>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>oEmbed Field:<\/strong>\n                    <div style=\"margin-top: 10px;\">\n                                            <\/div>\n                <\/div>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Color Picker:<\/strong> \n                    <span style=\"display: inline-block; width: 50px; height: 25px; background-color: #bada55; border: 1px solid #000; vertical-align: middle; margin-left: 10px;\"><\/span>\n                    <code style=\"margin-left: 10px;\">#bada55<\/code>\n                <\/div>\n                    <\/div>\n\n        <!-- Media Fields -->\n        <div style=\"margin-bottom: 40px;\">\n            <h3 style=\"color: #0073aa; margin-bottom: 20px;\">Media fields<\/h3>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Image Field:<\/strong>\n                    <div style=\"margin-top: 10px;\">\n                        <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/11\/Part1_Featured-Image-1-300x234.jpg\" alt=\"\" style=\"max-width: 300px; height: auto;\">\n                        <p style=\"margin-top: 5px; font-size: 14px; color: #666;\">\n                            Part1_Featured Image                                                    <\/p>\n                    <\/div>\n                <\/div>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>File Field:<\/strong>\n                    <div style=\"margin-top: 10px;\">\n                        <a href=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/08\/Image_Animation_Right_to_Left_Pan.mp4\" download>Image_Animation_Right_to_Left_Pan.mp4<\/a>\n                        <span style=\"color: #666; font-size: 14px;\"> (2 MB)<\/span>\n                    <\/div>\n                <\/div>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Gallery Field:<\/strong> (6 images)\n                    <div style=\"display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px;\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/08\/Gemini_Generated_Image_nqndcunqndcunqnd-150x150.jpg\" alt=\"\" style=\"width: 100px; height: 100px; object-fit: cover;\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/08\/Gemini_Generated_Image_2t1gza2t1gza2t1g-150x150.jpg\" alt=\"\" style=\"width: 100px; height: 100px; object-fit: cover;\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/08\/Gemini_Generated_Image_n1n8ein1n8ein1n8-150x150.jpg\" alt=\"\" style=\"width: 100px; height: 100px; object-fit: cover;\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/08\/Gemini_Generated_Image_iy98q1iy98q1iy98-150x150.jpg\" alt=\"\" style=\"width: 100px; height: 100px; object-fit: cover;\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/08\/Gemini_Generated_Image_jjeg81jjeg81jjeg-150x150.jpg\" alt=\"\" style=\"width: 100px; height: 100px; object-fit: cover;\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/08\/Gemini_Generated_Image_ieba2cieba2cieba-150x150.jpg\" alt=\"\" style=\"width: 100px; height: 100px; object-fit: cover;\">\n                                            <\/div>\n                <\/div>\n                    <\/div>\n\n        <!-- Choice Fields -->\n        <div style=\"margin-bottom: 40px;\">\n            <h3 style=\"color: #0073aa; margin-bottom: 20px;\">Choice fields<\/h3>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Select Field:<\/strong> option2                <\/div>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Checkbox Field:<\/strong>\n                    <ul style=\"margin-top: 5px; padding-left: 20px;\">\n                                                    <li>check1<\/li>\n                                                    <li>check2<\/li>\n                                            <\/ul>\n                <\/div>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Radio Field:<\/strong> radio3                <\/div>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Button Group:<\/strong> btn2                <\/div>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>True\/False Field:<\/strong> Yes \u2713                <\/div>\n                    <\/div>\n\n        <!-- Link Field -->\n                    <div style=\"margin-bottom: 40px;\">\n                <h3 style=\"color: #0073aa; margin-bottom: 20px;\">Link field<\/h3>\n                <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Link Field:<\/strong>\n                    <a href=\"https:\/\/www.chromacon.com\/contact\/\" target=\"_self\">\n                        Contact                    <\/a>\n                <\/div>\n            <\/div>\n        \n        <!-- Relational Fields -->\n        <div style=\"margin-bottom: 40px;\">\n            <h3 style=\"color: #0073aa; margin-bottom: 20px;\">Relational fields<\/h3>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Post Object:<\/strong>\n                    <a href=\"https:\/\/www.chromacon.com\/de\/englische-version-der-musterseite\/\">\n                        Deutsche Version der Beispielseite                    <\/a>\n                <\/div>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Page Link:<\/strong>\n                    <a href=\"https:\/\/www.chromacon.com\/de\/englische-version-der-musterseite\/\">\n                        https:\/\/www.chromacon.com\/de\/englische-version-der-musterseite\/                    <\/a>\n                <\/div>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Relationship Field:<\/strong> (1 posts)\n                    <ul style=\"margin-top: 5px; padding-left: 20px;\">\n                                                    <li><a href=\"https:\/\/www.chromacon.com\/de\/englische-version-der-musterseite\/\">Deutsche Version der Beispielseite<\/a><\/li>\n                                            <\/ul>\n                <\/div>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Taxonomy Field:<\/strong>\n                                            Blog                                    <\/div>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>User Field:<\/strong>\n                    admin (tech+chromacon@what.digital)\n                <\/div>\n                    <\/div>\n\n        <!-- Date\/Time Fields -->\n        <div style=\"margin-bottom: 40px;\">\n            <h3 style=\"color: #0073aa; margin-bottom: 20px;\">Date and time fields<\/h3>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Date Picker:<\/strong> 16\/12\/2025                <\/div>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Date Time Picker:<\/strong> 19\/12\/2025 12:00 a.m.                <\/div>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Time Picker:<\/strong> 12:00 a.m.                <\/div>\n                    <\/div>\n\n        <!-- Complex Fields -->\n        <div style=\"margin-bottom: 40px;\">\n            <h3 style=\"color: #0073aa; margin-bottom: 20px;\">Complex fields<\/h3>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Group Field:<\/strong>\n                    <div style=\"margin-top: 10px; padding-left: 15px;\">\n                                                    <div style=\"margin-bottom: 10px;\">\n                                <strong>Group Text:<\/strong> Spanien liegt im Westen.                             <\/div>\n                                                                            <div>\n                                <strong>Group Textarea:<\/strong><br>\n                                Gr\u00f6nland liegt im Norden.                            <\/div>\n                                            <\/div>\n                <\/div>\n            \n                            <div style=\"margin-bottom: 15px; padding: 15px; background: #f7f7f7; border-left: 4px solid #0073aa;\">\n                    <strong>Repeater Field:<\/strong> (2 rows)\n                    <div style=\"margin-top: 10px;\">\n                                                    <div style=\"padding: 15px; margin-bottom: 10px; background: #fff; border: 1px solid #ddd; border-radius: 4px;\">\n                                <div style=\"font-weight: bold; color: #0073aa; margin-bottom: 10px;\">Row 1<\/div>\n                                                                    <div style=\"margin-bottom: 8px;\">\n                                        <strong>Title:<\/strong> Doctor                                    <\/div>\n                                                                                                    <div style=\"margin-bottom: 8px;\">\n                                        <strong>Description:<\/strong><br>\n                                        Doctor is a smart person.                                    <\/div>\n                                                                                                    <div>\n                                        <strong>Image:<\/strong><br>\n                                        <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2025\/11\/329e24a7ac1b72036c4e1c693be94762b5df0e83-150x150.jpg\" alt=\"\" style=\"margin-top: 5px; max-width: 150px; height: auto;\">\n                                    <\/div>\n                                                            <\/div>\n                                                    <div style=\"padding: 15px; margin-bottom: 10px; background: #fff; border: 1px solid #ddd; border-radius: 4px;\">\n                                <div style=\"font-weight: bold; color: #0073aa; margin-bottom: 10px;\">Row 2<\/div>\n                                                                    <div style=\"margin-bottom: 8px;\">\n                                        <strong>Title:<\/strong> Engineer                                    <\/div>\n                                                                                                    <div style=\"margin-bottom: 8px;\">\n                                        <strong>Description:<\/strong><br>\n                                        Engineer is important person.                                    <\/div>\n                                                                                                    <div>\n                                        <strong>Image:<\/strong><br>\n                                        <img decoding=\"async\" src=\"https:\/\/www.chromacon.com\/wp-content\/uploads\/2020\/07\/Gemini_Generated_Image_tm5sztm5sztm5szt-150x150.jpg\" alt=\"\" style=\"margin-top: 5px; max-width: 150px; height: auto;\">\n                                    <\/div>\n                                                            <\/div>\n                                            <\/div>\n                <\/div>\n                    <\/div>\n\n        <div style=\"padding: 20px; background: #e7f5fe; border: 1px solid #0073aa; border-radius: 4px; margin-top: 30px;\">\n            <p style=\"margin: 0; color: #0073aa;\">\n                <strong>\u2139\ufe0f Info:<\/strong> This is a WPML AI test block. All the above ACF fields will be visible in WPML Advanced Translation Editor with the &#8222;Same fields across languages&#8220; option.\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <\/div><\/section> ","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_analysis_target_kw":"","footnotes":""},"class_list":["post-1827","page","type-page","status-publish",""],"acf":[],"_links":{"self":[{"href":"https:\/\/www.chromacon.com\/de\/wp-json\/wp\/v2\/pages\/1827","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.chromacon.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.chromacon.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.chromacon.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.chromacon.com\/de\/wp-json\/wp\/v2\/comments?post=1827"}],"version-history":[{"count":2,"href":"https:\/\/www.chromacon.com\/de\/wp-json\/wp\/v2\/pages\/1827\/revisions"}],"predecessor-version":[{"id":1829,"href":"https:\/\/www.chromacon.com\/de\/wp-json\/wp\/v2\/pages\/1827\/revisions\/1829"}],"wp:attachment":[{"href":"https:\/\/www.chromacon.com\/de\/wp-json\/wp\/v2\/media?parent=1827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}