Slider/post work around

20 posts from 7 voices

• Started 2 years ago by shawnprice
• Latest reply from Devin
• This topic is resolved

Tags:

• remove date

1. 

   shawnprice
   Member

   ok, so i would like to have a slider at the top of my page that shows about 5 to 7 different images and the images would link to different posts when clicked. I can get the images to show up and have them set so when clicked they go to the different posts i need simply by making a post 'sticky' and having the featured images all link to the pages i need. this solution works perfectly because i can simply edit one post and it changes my main slideshow at the top of my page.

   The problem is, the container for the post still sits underneath the slider showing she date, tweets, re-tweet, comments, and categories the blank post i made with only feature images is in. i made the post blank by simply putting < br > in the html editor and not having a title. I know this might seem like kind of a stretch but if i could simply hide the post part of this one post and only display the images it would work great for what i am trying to do. So, is there a way to hide this one posts information and leave the others?

   a possible work around would be to isolate the slider, place it just under my menu at the top, and then have it feed off of images placed in a directory. Im not sure how i would make the links in that instance though.

   any help would be greatly appreciated. Thank You.

   Posted 2 years ago #
2. 

   shawnprice
   Member

   i just purchased the AviaSlide slider separately but im not sure how to incorporate it into the wordpress theme. i was thinking i could nix the sticky post and just put the slider at the top of my page.

   is this possible or did i just waste $14?

   Posted 2 years ago #
3. 

   shawnprice
   Member

   i just realized that for my original plan to work i would somehow need to make the pictures link to different posts, not the one hidden sticky post.

   Posted 2 years ago #
4. 

   Dude
   Dude

   Hey,
   I think you can use the sticky conditional tag to solve this problem...
   Open up index.php and replace:
   

   <div class="entry <?php echo "entry".$counter; ?> ">
   <?php if($medium_prev_image != "") echo $medium_prev_image; ?>
   
   			<div class="date_container">
      				<span class='day'><?php the_time('d') ?></span>
      				<span class='month'><?php the_time('M') ?></span>
      				<span class='year'><?php the_time('Y') ?></span>
      				<?php if($k_option['single']['acc_tw'] != '') { ?>
      				<div class="tweetmeme">
   					<script type="text/javascript">
   						tweetmeme_source = '<?php echo $k_option['single']['acc_tw']; ?>';
   						tweetmeme_url = '<?php echo get_permalink() ?>';
    					</script>
   					<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
   				</div>
   				<?php } ?>
      				<span class='date_container_bottom'></span>
   			</div><!-- end date -->
   
   			<h1 class="siteheading">
   				<a href="<?php echo get_permalink() ?>" rel="bookmark" title="<?php _e('Permanent Link:','habitat')?> <?php the_title(); ?>"><?php the_title(); ?>
   				</a>
   			</h1>
   
   			<div class="entry-head">
   			    <span class="comments"><?php comments_popup_link(__('No Comments','habitat'), __('1 Comment','habitat'), __('% Comments','habitat')); ?></span>
   			    <span class="categories"><?php the_category(', '); ?></span>
   			</div>
   
   			<div class="entry-content">
   			<?php 
   
   			the_content('<span>'.__('Read more','habitat').'</span>'); ?>
   			<?php edit_post_link('Edit', '', ''); ?>
   			<!--end entry-content-->
   			</div>
   
   	 <!--end entry-->
   	 </div>

   with:
   

   <div class="entry <?php echo "entry".$counter; ?> ">
   <?php if($medium_prev_image != "") echo $medium_prev_image; ?>
   <?php if  (!(is_sticky())) {	?>
   			<div class="date_container">
      				<span class='day'><?php the_time('d') ?></span>
      				<span class='month'><?php the_time('M') ?></span>
      				<span class='year'><?php the_time('Y') ?></span>
      				<?php if($k_option['single']['acc_tw'] != '') { ?>
      				<div class="tweetmeme">
   					<script type="text/javascript">
   						tweetmeme_source = '<?php echo $k_option['single']['acc_tw']; ?>';
   						tweetmeme_url = '<?php echo get_permalink() ?>';
    					</script>
   					<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
   				</div>
   				<?php } ?>
      				<span class='date_container_bottom'></span>
   			</div><!-- end date -->
   
   			<h1 class="siteheading">
   				<a href="<?php echo get_permalink() ?>" rel="bookmark" title="<?php _e('Permanent Link:','habitat')?> <?php the_title(); ?>"><?php the_title(); ?>
   				</a>
   			</h1>
   
   			<div class="entry-head">
   			    <span class="comments"><?php comments_popup_link(__('No Comments','habitat'), __('1 Comment','habitat'), __('% Comments','habitat')); ?></span>
   			    <span class="categories"><?php the_category(', '); ?></span>
   			</div>
   
   			<div class="entry-content">
   			<?php 
   
   			the_content('<span>'.__('Read more','habitat').'</span>'); ?>
   			<?php edit_post_link('Edit', '', ''); ?>
   			<!--end entry-content-->
   			</div>
   
   	 <!--end entry-->
   	   <?php } ?>
        </div>

   Posted 2 years ago #
5. 

   peekandeat
   Member

   I tried this too, but there's still a big white space where the sticky post used to be.
   Ref: http://temp.theremixologists.com/

   Any way to remove that space?

   Posted 2 years ago #
6. 

   Dude
   Dude

   Hey,
   open up style.css and change following code:
   

   .content .entry {min-height:210px;}

   to:

   .content .entry {min-height:0px;}
   .boxed div .entry1 {margin-bottom: -70px;}

   Posted 2 years ago #
7. 

   peekandeat
   Member

   WooHoo! It worked. Thanks so much!

   Posted 2 years ago #
8. 

   Dude
   Dude

   Glad that I could help you :)

   Posted 2 years ago #
9. 

   joshhartung
   Member

   Hi Dude,

   This was a great workaround and made Aviaslider do exactly what I wanted it to do... except for one thing:

   I need to link the featured pictures to different posts so that they point to "featured posts" that I'd like to highlight and not just the hidden sticky post.

   Any suggestions?

   Thanks,
   Josh

   Posted 1 year ago #
10. 

    joshhartung
    Member

    Another problem found with this workaround: though the sticky page is hidden from the main page feed, it is still visible in menus, previews, and sidebar widgets. Help?

    Posted 1 year ago #
11. 

    joshhartung
    Member

    Dude,

    Solved the link thing by delving into the forums and using custom fields.

    Still have the problem that the sticky page is visible in all my menus and widgets. Ideas?

    Posted 1 year ago #
12. 

    Dude
    Dude

    Did you try plugins like: http://wordpress.org/extend/plugins/exclude-pages/

    Posted 1 year ago #
13. 

    joshhartung
    Member

    Sorry for the delay... I tried this plugin and it doesn't seem to work for posts, only pages. I don't generally need an exclude, just for this one page. Is there some code I could insert?

    Posted 1 year ago #
14. 

    Dude
    Dude

    No - I'm not aware of a code snippet you could use. The reason is that every menu, widget, etc. uses its own query...

    Posted 1 year ago #
15. 

    gzezchrist
    Member

    Hi,

    I also want to remove the date of the post from the main page.
    I have already tried replacing the codes in index.php, but the date still shows. I don't know what I am doing wrong here. any help would be great.

    Here is my site:
    http://www.vincentpong.com

    Thanks!

    Posted 10 months ago #
16. 

    Dude
    Dude

    Hi!

    I tried to investigate your website but I just see a "vincentpong.com - This Web page is parked for FREE, courtesy of GoDaddy.com." message?

    Best regards,
    Peter

    Posted 10 months ago #
17. 

    gzezchrist
    Member

    Hi,

    Sorry my website was having trouble with the server name.
    Anyways, I tried replacing the codes in index.php, but it's still not working. Please take a look: vincentpong.com

    Thanks!

    Vincent

    Posted 10 months ago #
18. 

    Ismael
    Moderator

    Hello,

    By date, you mean the little box outside the main content? Open your css folder and look for the theme that you're currently using, then put this code at the very bottom of it

    .home .entry .date_container{
    display: none;
    }

    Regards,
    Ismael

    Posted 10 months ago #
19. 

    gzezchrist
    Member

    Yes i mean the date outside the main content.
    Do i put the code in style.css?

    Posted 10 months ago #
20. 

    Devin
    Moderator

    Hi gzezchrist,

    You'll add it to the bottom of the skin css of the one you are using. So if you are using the default skin it will be in your css folder>style1.css.

    You can also try adding it to your main style.css at the very bottom but it may need to have an additional !important property like:
    

    .home .entry .date_container{
    display: none !important;
    }

    Posted 10 months ago #

RSS feed for this topic

Reply

You must log in to post.