Wordpress index content like this site?

I would like to know if there is a wordpress plugin for an index of content and this website:

http://www.bgproonline.com/blog/category/bg-news/

Thanks !!

Solutions

I don't know of any plugins that can do this automatically, but it shouldn't be to difficulty to do yourself, if you don't mind editing your theme. I made an example here

In the post loop, you can print each post like this:

<div class="block">
    <?php the_post_thumbnail(); ?>
    <div class="overlay">
        <div class="title"><?php the_title(); ?></div>
        <div class="excerpt"><?php the_excerpt(); ?></div>
        <div class="link">
        <a href="<?php the_permalink(); ?>">Link to full post</a>
        </div>
    </div>
</div>

And then use CSS link this to position the content over the image, hide it and then show it when you hover over the box:

.block {
    width: 300px;
    margin: 0 20px 20px 0;
    position: relative;
}

.block .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.5);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.block:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
}
Tags: Wordpress / Plugins

Similar questions

jQuery Code works in index.html but not in index.php / wordpress theme files
I am new to coding, especially javascript and jQuery and hope you can help me with something. I am creating a WP theme, so everything I am coding is coded in WP files. I often made the experience that code that works perfectly fine in an index.html does not work in my WP theme files and I haven't really figured out why yet... So here is the most cu...
Load page content and blog post index content (WordPress)
I have a question about Wordpress' template structure and querying posts. I have my templates setup where the (for example) archive-$posttype.php is built like: I do this to set my default $post variable for my sub-header.php file which prints out content from that page: However, using this method on the home.php template, doesn't work: I'm curious...
Why do index.php files for CMS's like wordpress & drupal contain little other than an include/require statement?
Several popular CMS's such as Drupal, Wordpress, etc. have an index.php file that is pretty much empty except for a include/require statement that includes some other PHP file (as in one file) containing all of the bootstrap code for the CMS. What is the rationale for this? Why not just move all of the bootstrapping code into index.php if it is doi...
Wordpress: Redirect index(yourdomain to a page like home or yourdomain/?page_id=2
Hi i want to Redirect my 'yourdomain' to a page like home or 'yourdomain/?page_id=2'. I want to make a page as welcome or home page.
Facebook Like button issue where "like" occurs on different page than currently viewing in Wordpress
I'm having an issue where facebook "like" buttons are liking a category page rather than a single post in wordpress. I've tried using both the "Facebook Likes it!" plugin (currently using this one) and the "Easy Facebook Like Button" plugin. Initially the like button would "like" the single post page and send it to facebook, but now it is "liking" ...
How to format text to looks like code in wordpress like stackoverflow {} tool?
I need to format text in posts using WordPress to look like a code. Like here in stackoverflow we use { } to separate the code from the text. I need to do the same when I write my blogs in Wordpress

Also ask

We use cookies to deliver the best possible experience on our website. By continuing to use this site, accepting or closing this box, you consent to our use of cookies. To learn more, visit our privacy policy.