@Marc– Welcome to the Piklist community!

We had a long list of items to add to the comment block, including class, but we decided to go in another direction since the list was growing every week.

In the next version of Piklist you will be able to add your own custom parameters to the comment block. So class or marcs class or anything else you want can be added.

@jcrist– On our list of todos. We wanted to first get the server-side validation solid because it’s more secure.

@ianmuscat– I suggest you get it working properly with the standard WordPress function. Then you can port it over to us the Piklist filter if you like.

@liquidws– Sorry for the delayed response.

IMPORTANT: Piklist does everything the WordPress way. You don’t have to rely on Piklist documentation to display post meta. Any WordPress tutorial on post meta would help you.

1) You’re using get_posts to retrieve your post data which is fine, except this function does not retrieve post_meta, which you need. So $post->slide1_title does not exist.

2) You can easily see what is being returned by a function by using the standard PHP function print_r, or the Piklist function piklist::pre(). The Piklist function is just a prettier version of print_r.
Either one of these would show you what get_posts was returning:

$posts = get_posts(array(
  'post_type' => 'page',
  'page_id' => 2
));

print_r($posts);
piklist::pre($posts);

3) To retrieve post_meta, just use the standard WordPress function get_post_meta.

4) When using the Piklist file field, the data that is saved is the Attachment ID, which WordPress automatically creates. Then you need to use this ID to retrieve the data you need. Since you can upload multiple files, Piklist saves all the IDs, and you need to loop through them to get the information you want. This tutorial explains it.

Here is your new code based on what I wrote above. Please let me know if something does not make sense.

foreach($posts as $post) {

  $url = get_post_permalink($post->ID); ?>

  <h2><?php the_title(); ?></h2>
  <img class="img-responsive" src="http://placehold.it/1280x250/16a085/ffffff&text=Page"/>
  <h3 style="color:#fff"><?php echo get_post_meta($post->ID, 'slide1_title', true); ?></h3>

    <?php // Get all the slide1_image IDs and then loop through them
    $slide1_image_ids = get_post_meta($post->ID, 'slide1_image', true); ?>

      <?php foreach ($slide1_image_ids as $image_id) : ?>

        <img class="img-responsive" src="<?php echo wp_get_attachment_url($image_id); ?>"/>

      <?php endforeach; ?>

      <?php echo get_post_meta( $post->ID, 'slide1_description', true ); ?>

      <?php // Get all the slide1_select_page_links IDs and then loop through them
      $slide1_select_page_links = get_post_meta($post->ID, 'slide1_select_page_link', false); ?>

      <?php foreach ($slide1_select_page_links as $page_link) : ?>

        <a href="<?php echo get_permalink($page_link); ?>" target="_blank">website</a>

      <?php endforeach;
}

Great. Closing ticket.

Great. Closing ticket.

@hirschbrat– Try these two hooks and see if they work for you:

WordPress: updated_{$meta_type}_meta
Piklist: piklist_save_field in class-piklist-form.php

@Gregg– You can use inline CSS in your theme’s . Try something like this in your theme’s functions.php file:

add_action('wp_head', 'my_custom_css');
function my_custom_css()
{
  $options = get_option('YOUR-OPTION-NAME');
?>

 <style type="text/css">
    html {
      background-color: <?php echo $options['background-color']; ?>;
    }
  </style>
<?php
}