From what I understand about your question, you are looking for a simple solution to automate the input process. I have a general idea of ββwhat you need to do as I had to do something similar on the brochure website.
I tried to answer your question using jQuery, but I find that it increases the amount of text input needed to create your message, but, unfortunately, there is no fully automated method for its execution, but I hope a solution will be provided below.
I first found the following plugin: Types is the complete solution for custom fields and types here: http://wordpress.org/extend/plugins/types/
This allows you to create custom meta-fades when creating a new post / page. Custom feilds are added with the perfection "wpcf-" and then the field name, for example. "Episode Name" becomes "wpcf-episode-name" in the database.
The following is the wordpress get_meta function:
function get_specifications(){ if ( $keys = get_post_custom_keys() ) { echo '<div class="entry_specifications">'; foreach ( (array) $keys as $key ) { $keyt = trim($key); if ( '_' == $keyt[0] ) continue; $values = array_map('trim', get_post_custom_values($key)); $value = implode($values,', '); //remove "wpcf-" $key = str_replace('wpcf-','',$key); //convert "-" to a space " " $key = str_replace('-',' ',$key); //check if it has a value, continue if it does, skip if it doesn't: if ($value <> ''){ echo apply_filters('the_meta_key', " <div class='meta_wrapper'> <div class='meta_title'>$key</div> <div class='meta_value'>$value</div> </div>\n", $key, $value); }; } } // echo '</div>'; comment out and remove the line below if you are not using floats in your css echo '</div><div class="clear"></div>'; }
In my page.php (or your template-page.php) I added the following code when / where I want the meta to be created:
<?php <h2 class="post-title clear">About <?php echo $title ?></h2> <?php
I designed the result with the following CSS:
.meta_entry { clear:both; } .meta_title { float:left; text-transform:capitalize; width:200px; } .meta_value { float:left; width:480px; }
Hope this helps a buddy!