I want the title and content of a specific page to show in my Homepage and footer area.
It will be something like this.
This is the Title of the page
This is the content of the page, etc....blahh blah..
readmore...
I know that there is no excerpt in the page post. But i want to limit the characters of the content that will show in the footer area.
Can you give me a code/link/tutorial that will show me how to do this?
Thanks,
First there is excerpt avaIlable in the page posts. Just set it in the Screen Options.
About the code try this one which I use on my projects.
It will show excerpt of those pages, which have custom field named showOnHomePage and the value of this field determines the order in the list.
$pages=get_posts( array( 'meta_key' => 'showOnHomePage', 'post_type' => 'page', 'orderby' => 'meta_value', 'order' => 'ASC'));
foreach( $pages as $page )
{
echo '<h2 class="entry-title"><a href="'.get_permalink( $page->ID ).'" >'.get_the_title( $page->ID ).'</a></h2>';
echo $page->post_excerpt;
echo '<a class="read-more" href="'. get_permalink( $page->ID ) . '">Read More</a>';
}
Related
I want to add a gallery template to a child theme and am finding it frustratingly difficult to find good examples. The best example I've found to date is by Andres Hermosilla, but was made way back in 2012.
Steps 1 to 3 will get me half of what I want, which is a gallery inserted above the site title (I don't need fluxslider or similar at this stage.) The following is the code I'm using, placed just before the_title():
<?php
$image_args = array(
'numberposts' => -1, // Using -1 loads all posts
'orderby' => 'menu_order', // This ensures images are in the order set in the page media manager
'order'=> 'ASC',
'post_mime_type' => 'image', // Make sure it doesn't pull other resources, like videos
'post_parent' => $post->ID, // Important part - ensures the associated images are loaded
'post_status' => null,
'post_type' => 'attachment'
);
$images = get_children( $image_args );
if ( $images ) {
foreach ( $images as $image ) { ?>
<img src="<?php echo $image->guid; ?>" alt="<?php echo $image->post_title; ?>" title="<?php echo $image->post_title; ?>" />
<?php }
} ?>
My issue is that the images themselves remain displayed in the content of the post - how can I strip all of the images from the page content at the same time?
Why not add a class to the gallery template page and display none all the images except for gallery ones using css.
I'm displaying the child pages of the current page. With the featured image, title pulling through. I also want to pull through a custom field I've added. I'm outputting this at html so it looks like each child page has its own box, with the featured image filling the box, the title on top of the image and the the custom field value sitting under the title.
But I can't get the custom field to display properly, I just get the value 1, not sure if I've converted the array properly?
Could you help me out to output the custom field 'PageTag'
https://i.stack.imgur.com/vzCBU.png
https://i.stack.imgur.com/BwfuV.png
Wordpress template code
<div class="childPages">
<?php
$subs = new WP_Query(
array(
'post_parent' => $post->ID,
'post_type' => 'page',
'meta_key' => '_thumbnail_id'
)
);
if( $subs->have_posts() ) :
while( $subs->have_posts() ) :
$subs->the_post();
$pageTag = get_post_meta($post->ID, '_PageTag' , true);
echo '<div class="childPageBlock"> '.get_the_post_thumbnail().'<div class="childPageBlockText"><h3>'.get_the_title().'</h3><span>'.print_r( $pageTag ).'</span></div></div>';
endwhile;
endif;
wp_reset_postdata(); ?>
</div>
Removing the print_r() and leaving its as
'.$pageTag.'
Worked!
I have created a page called "Gallery" and created new gallery with 10 images. My page id is 129. I have 10 images in that page id(129).
Now my question is, i need a code to fetch those 10 images in wordpress. please anyone help me with a code. Thanks in advance.
Get all images from post.
function get_all_images() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];
return $first_img;
}
Here you get frist image such like you get all other images
Use get_children
I used this code to extract all the images from a page gallery in the chosen order. you can include this code in the loop or use it stand alone. just choose the appropriate post_parent code (see bellow the code example).
This example show all images associated to the page id 129, have a look:
$images = get_children( array( 'post_parent' => 129, 'post_type' => 'attachment', 'post_mime_type' => 'image', 'orderby' => 'menu_order', 'order' => 'ASC', 'numberposts' => 999 ) );
$images is now a object that contains all images (related to post id 1) and their information ordered like the gallery interface.
if ( $images ) {
//looping through the images
foreach ( $images as $attachment_id => $attachment ) {
?>
<?php /* Outputs the image like this: <img src="" alt="" title="" width="" height="" /> */ ?>
<?php echo wp_get_attachment_image( $attachment_id, 'full' ); ?>
This is the Caption:<br/>
<?php echo $attachment->post_excerpt; ?>
This is the Description:<br/>
<?php echo $attachment->post_content; ?>
<?php
}
}
Find the post id you wan to extract images from and insert it into this argument: 'post_parent' => 129
you can also use:
'post_parent' => $post->ID
If you want to use get_children in a loop, and get the post id from the returned post id.
If you want to exclude the image selected as a featured image i would have a if statement check if the image URL is equal to the featured image URL.
I have a single.php where I display a Product. I have Category and Sub Categories for this product and I want to display a the bottom a custom field image from similar categories.
For Example I'm in Red Bag 1, I want to put in the bottom a thumbnail of similar pages like Red Bag 2 and Red Bag 3 which are in the same category "Red Bag"
I actually have a code already but I don't know how to target the custom field created by Advance Custom Field plugin: the_field("product_image")
here's my code:
<?php
global $post;
$cat_ID=array();
$categories = get_the_category(); //get all categories for this post
foreach($categories as $category) {
array_push($cat_ID,$category->cat_ID);
}
$args = array(
'orderby' => 'date',
'order' => 'DESC',
'post_type' => 'post',
'numberposts' => 8,
'post__not_in' => array($post->ID),
'category__in' => $cat_ID
); // post__not_in will exclude the post we are displaying
$cat_posts = get_posts($args);
$out='';
foreach($cat_posts as $cat_post) {
$out .= '<li>';
$out .= ''.wptexturize($cat_post->post_title).'</li>';
}
$out = '<ul class="cat_post">' . $out . '</ul>';
echo $out;
?>
where .wptexturize($cat_post->post_title). suppose to be an image instead of the title. The image source should be taken from the custom field the_field("product_image")
If you would use post_thumbnail_html it would be a lot simpeler. Instead you use a a function which is not default to wordpress: the_field.
I don't know which plugin does this.
Probably that function (the_field) would work within a normal loop.
To do that you should change get_posts($args) to WP_Query($args) and replace the foreach($cat_posts.. with a loop.
I advise to use the default wordpress thumbnail/featured image with post_thumbnail_html
This is NOT a question about the featured image meta field. I've tried to find an answer but every search I've tried shows people trying to add the 'featured image' meta to their custom post type. I have that enabled for my theme and my custom-post type. It seems to work just fine. I've set a 'featured image' and I see it when I edit the post. My theme is a custom child of twentyeleven.
On my homepage I'm displaying recent entries (both 'post' type and 'custom-post' type) with the title, an excerpt, and a thumbnail to the left. The thumbnail is displaying properly for all my 'post' types, but not for my 'custom-post' type. I'm not sure where I need to look or what I need to add to get custom-post to show the thumbnail.
Adding Code:
This is in the 'content.php' from my custom theme. It's mostly appropriated from twentyeleven but I think I've made some minor changes. As far as I can tell the 'if' isn't proving true for the custom post type.
$thumbnails = get_posts('numberposts=5');
foreach ($thumbnails as $thumbnail) {
if ( has_post_thumbnail($thumbnail->ID) && $thumbnail->ID == $id) {
echo 'ID ) . '" title="' . esc_attr( $thumbnail->post_title ) . '">'; echo get_the_post_thumbnail( $id, 'thumbnail', array('class' => 'alignleft') );
echo '';
}
}
Update:
The problem looks like it's related to
$thumbnails = get_posts('numberposts=5');
It's only pulling from the 'post' type so it can't check against my 'custom-post' type. I get the correct thumbnail when I change the code as follows, but then none of the 'post' thumbnails work.
$args = array(
'numberposts' => 5,
'post_type' => 'pnw_picture-post');
$thumbnails = get_posts($args);
So I guess the solution is to pull both of those types in a single query.
Can you post the code that you are using that you think should be returning the post thumbnail?
You may just be looking for the_post_thumbnail from the WP Codex
I took a closer look at the twentyeleven content.php - It looks like whatever I put in my child content.php is completely different. I hadn't realized I had changed so much of the code.
This is the modified working code to pull in both post types:
$args = array(
'numberposts' => 5,
'post_type' => array ( 'post', 'custom-post'));
$thumbnails = get_posts($args);
foreach ($thumbnails as $thumbnail) {
if ( has_post_thumbnail($thumbnail->ID) && $thumbnail->ID == $id) {
echo 'ID ) . '" title="' . esc_attr( $thumbnail->post_title ) . '">'; echo get_the_post_thumbnail( $id, 'thumbnail', array('class' => 'alignleft') );
echo '';
}
}