{"id":5002,"date":"2022-02-11T16:31:00","date_gmt":"2022-02-11T16:31:00","guid":{"rendered":"https:\/\/corbinrose.com\/blog\/?p=3390"},"modified":"2022-02-11T16:31:00","modified_gmt":"2022-02-11T16:31:00","slug":"creating-madlibs-with-advanced-custom-fields-in-wordpress","status":"publish","type":"post","link":"https:\/\/corbinrose.com\/blog\/technology\/creating-madlibs-with-advanced-custom-fields-in-wordpress\/","title":{"rendered":"Creating Madlibs with Advanced Custom Fields in WordPress"},"content":{"rendered":"\n

I, like many of you, grew up playing MadLibs\u00ae \u2013 and I sure do miss them! So, I decided to try to make some of my own using WordPress and the Advanced Custom Fields<\/a> plugin. The way I set this up was to make two fields in a group: 
Madlib Body:<\/strong>  text field with the script of the MadLib with variables 
Madlib Parts of Speech:<\/strong>  list of the parts of speech associated with the variables in the MadLib Body field Here is an example script I\u2019ve added to a post:<\/p>\n\n\n\n

One day Dino decided to go for a walk. It was a sunny day and the earth was especially  %1%<\/strong>  Dino was really  %2%<\/strong>  and was thinking about  %3%<\/strong>  (even though this was culturally inappropriate). He noticed a T-Rex in the  %4%<\/strong> . Then he saw that the T-Rex was headed for a  %5%<\/strong> ! Dino got very  %6%<\/strong>  when he saw the T Rex coming with a  %7%<\/strong>  . So he decided to  %8%<\/strong>  and  %9%<\/strong> . As Dino was  %10%<\/strong>  his luck had turned. He was trembling with  %11%<\/strong> when he decided to go into the  %12%<\/strong> . It was then that Dino saw  %13%<\/strong>  and  %14%<\/strong> . And he thought that is was time for lunch. He found some  %15%<\/strong>  and munched. For desert he had a  %16%<\/strong> . He then took a nap and began to deam about  %17%<\/strong> . Oh, Dino thought, another  %18%<\/strong> !<\/code><\/pre>\n\n\n\n
  And the parts of speech:<\/p>\n\n\n\n
1:adjectives;2:adjectives;3:pluralnouns;4:pluralnouns;5:nouns;6:adjectives;7:nouns;8:verbs;9:verbs;10:verbing;11:pluralnouns;12:pluralnouns;13:pluralnouns;14:verbed;15:pluralnouns;16:nouns;17:pluralnouns;18:nouns<\/code><\/pre>\n\n\n\n
So, now what? In my template to show a single post (templates\/loop-single.php<\/code> in my case), I added some code to check if those fields are filled in or not. (By default they are blank for non-Madlib posts).<\/p>\n\n\n\n
$madlibBody = get_post_meta( get_the_ID(), 'madlib_body', true);\nif(!empty($madlibBody)){\n   \/\/ it's a madlib!\n   $madlibparts = get_post_meta( get_the_ID(), 'madlib_parts_of_speech', true);\n   \/\/ get the parts as well\n<\/code><\/pre><\/div>\n\n\n\n
Next. we check to see if this is a form submit, or the first time viewing the page.<\/p>\n\n\n\n
if(isset($_REQUEST['madlibsubmit'])){\n  \/\/ because we named the parts of speech "part_[num]" we can search for them in the request\nforeach($_REQUEST as $name=>$param){\n\t\t\t\t$pos = strpos($name, "part_");\n\t\t\t\tif($pos===false){\n\t\t\t\t   \/\/ it is a different request param\n\t\t\t\t} else {\n\t\t\t\t\t$num = substr($name, 5); \n\t\t\t\t\t$madlibBody = str_replace("%". $num . "%", "" . $_REQUEST['part_' . $num] . "", $madlibBody);\n\t\t\t\t}\n\t\t\t}\n\t\t\t$madlibBody = str_replace("[p]", "<br \/><br \/>", $madlibBody);\n\t\t\techo $madlibBody . "<br \/>";\n\t\t\t$post; $post_slug = $post->post_name; \n\t\t\t\n\t\t\techo "<a class='ac-btn btn-biggest btn-opaque' href='\/blog\/madlib\/" . $post_slug . "'>Start over<\/a>";<\/code><\/pre><\/div>\n\n\n\n
\n\n\n\n
Now, we will cover the \u201celse\u201d condition when the user first sees the page:<\/p>\n\n\n\n
} else {\necho "<form action='' method='POST'>";\n\t\t\t$allparts = explode(";",$madlibparts);\n\t\t\tforeach($allparts as $part){\n\t\t\t\t$exp = explode(":",$part);\n\t\t\t\techo "<div class='row form-group'><div class='col-sm-2'>" . $exp[1] . "<\/div>";\n\t\t\t\techo "<div class='col-sm-10'>";\n\t\t\t\techo "<input type='text' placeholder='' class='form-control' name='part_" . $exp[0] . "' \/>";\n\t\t\t\techo "<\/div><\/div>";\n\t\t\t}\n\t\t\techo "<br \/>";\n\t\t\techo '<input type="submit" class="btn btn-primary" value="Post the fun" name="madlibsubmit" \/>';\n\t\t\techo "<hr \/>";\n\t\t\techo "<\/form>";\n}<\/code><\/pre><\/div>\n\n\n\n
Now when this post loads, the user will see a form with inputs for the configured parts of speech, and when \u201csubmit\u201d is clicked, the form posts to itself and gets the form variables, the script and where the variables should be and presents a madlib! Here is a result:<\/p>\n\n\n\n
One day Dino decided to go for a walk. It was a sunny day and the earth was especially  tacit<\/u><\/strong>  Dino was really  bright<\/u><\/strong>  and was thinking about  ducks<\/u><\/strong>  (even though this was culturally inappropriate). He noticed a T-Rex in the  cherries<\/u><\/strong> . Then he saw that the T-Rex was headed for a  butter<\/u><\/strong> ! Dino got very  succinct<\/u><\/strong>  when he saw the T Rex coming with a  opinion<\/u><\/strong>  . So he decided to  test<\/u><\/strong>  and  thank<\/u><\/strong> . As Dino was    his luck had turned. He was trembling with  offices<\/u><\/strong> when he decided to go into the  lizards<\/u><\/strong> . It was then that Dino saw  boats<\/u><\/strong>  and   . And he thought that is was time for lunch. He found some  beds<\/u><\/strong>  and munched. For desert he had a  adjustment<\/u><\/strong> . He then took a nap and began to deam about  brothers<\/u><\/strong> . Oh, Dino thought, another  lip<\/u><\/strong> !<\/code><\/pre>\n\n\n\n
Try making a madlib with this script!<\/a> Coming soon: a tutorial post about how to make an admin page in WordPress to edit the scripts and parts of speech!<\/p>\n","protected":false},"excerpt":{"rendered":"
I, like many of you, grew up playing MadLibs\u00ae \u2013 and I sure do miss them! So, I decided to try to make some of my own using WordPress and the Advanced Custom Fields plugin. The way I set this up was to make two fields in a group: Madlib Body:  text field with the script of the […]<\/p>\n","protected":false},"author":2,"featured_media":5319,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[28,17],"tags":[],"class_list":["post-5002","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-coding","category-technology","clearfix","post-index"],"acf":[],"jetpack_featured_media_url":"https:\/\/corbinrose.com\/blog\/wp-content\/uploads\/2023\/01\/madlibs.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/corbinrose.com\/blog\/wp-json\/wp\/v2\/posts\/5002","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/corbinrose.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/corbinrose.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/corbinrose.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/corbinrose.com\/blog\/wp-json\/wp\/v2\/comments?post=5002"}],"version-history":[{"count":0,"href":"https:\/\/corbinrose.com\/blog\/wp-json\/wp\/v2\/posts\/5002\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/corbinrose.com\/blog\/wp-json\/wp\/v2\/media\/5319"}],"wp:attachment":[{"href":"https:\/\/corbinrose.com\/blog\/wp-json\/wp\/v2\/media?parent=5002"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/corbinrose.com\/blog\/wp-json\/wp\/v2\/categories?post=5002"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/corbinrose.com\/blog\/wp-json\/wp\/v2\/tags?post=5002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}