How to remove ‘ P ‘tags from images in WordPress


Removing  <p> tags from images in WordPress

Please add below code in function.php


function img_unautop($pee) {
    $pee = preg_replace('/<p>\\s*?(<a .*?><img.*?><\\/a>|<img.*?>)?\\s*<\\/p>/s', '<div class="figure">$1</div>', $pee);
    return $pee;
}
add_filter( 'the_content', 'img_unautop', 30 );
Advertisements

How to get Custom Menu in Query Posts WordPress


<?php
    $args = array(
    'post_type' => 'nav_menu_item', 'orderby'   => 'menu_order',
    'order'  => 'ASC',
    'tax_query' => array(
        array(
            'taxonomy' => 'nav_menu', 'field' => 'slug', 'terms' => 'my'        
        )
    )
);
query_posts($args);
while( have_posts()):the_post();
echo $post->ID;
endwhile; wp_reset_query();?>

Getting a Post’s Featured Image URL By Post ID


Getting a Post’s Featured Image URL By  Post ID

<?php $feat_image = wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); ?>

<img src="<?php echo $feat_image; ?>" width="80" height="100" />

If Featured Image else your default image:

check below code:

<?php $feat_image = wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); ?>

<?php if($feat_image) {?>
<img src="<?php echo $feat_image; ?>" width="80" height="100" />
<?php } else {?>
<img src="default.jpg" width="80" height="100" />
<?php } ?>

 

Display Child Pages title & content on Parent Page


Display all child and sub child pages using parent ID

This way the page that you are on will show in a post type the child pages of that page

 

<?php
$pages = get_pages('child_of=7&sort_column=post_date&sort_order=desc'); //Replace your parent id with 7
$count = 0;
foreach($pages as $page)
{
$content = $page->post_content;
?>
<h2><a href="<?php echo get_page_link($page->ID) ?>"><?php echo $page->post_title ?></a></h2>
<p><?php echo $content ?></p>
<?php
}
?>



Back to Top in Html(Jquery)


HTML wise all we need to do is add a “back to top” link at the bottom of the blog post

Below Jquery code add in your header file:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
jQuery(document).ready(function() {
    $(".top").hide();
    var offset = 820;
    var duration = 700;
    jQuery(window).scroll(function() {
        if (jQuery(this).scrollTop() > offset) {
            jQuery('.top').fadeIn(duration);
        } else {
            jQuery('.top').fadeOut(duration);
        }
    });

    jQuery('.top').click(function(event) {
        event.preventDefault();
        jQuery('html, body').animate({scrollTop: 0}, duration);
        return false;
    })
});
</script>

Below code add in footer file means end of page:
<a href="#" title="Back to Top" >Back to top</a>