Slider For Arthemia Theme By ColorLabs &Company

By default Arthemia just have one slider at featured section, this article will explain to you how to add another slider at headline section with help from plugin named wp-featured slider content.

To use that plugin, you will have to edit your header.php first. Find out this code at your header.php:

<?php include(TEMPLATEPATH . '/includes/headline.php'); ?>

Edit that code become:

<?//php include(TEMPLATEPATH . '/includes/headline.php'); ?>

By doing this the original code is not deleted but hidden in case you want to switch to your original theme looks.

After doing that you can start using the slider, but there are lot of settings which is not too important to use and also you have to find the exact number for width and height for the slider. Because of that you will need to edit/modify the plugin by hiding several feature that will not be used.

Before

Before uploading the plugin, extract it and edit file named content-slider.php, then find out this code:

  1. #featured_slider {
    float: left;
    margin: 10px 0px;
    position: relative;
    background-color: <?php $c_slider_bg = get_option('feat_bg'); if(!empty($c_slider_bg)) {echo $c_slider_bg;} else {echo "FFF";}?>;
    border: 1px solid <?php $c_slider_border = get_option('feat_border'); if(!empty($c_slider_border)) {echo $c_slider_border;} else {echo "CCC";}?>;
    width: <?php $c_slider_width = get_option('feat_width'); if(!empty($c_slider_width)) {echo $c_slider_width;} else {echo "860";}>px;
    }

    Edit that code become:

    #featured_slider {
    float: left;
    margin: 10px 0px;
    position: relative;
    /*background-color: <?php $c_slider_bg = get_option('feat_bg'); if(!empty($c_slider_bg)) {echo $c_slider_bg;} else {echo "FFF";}?>;
    border: 1px solid #<?php $c_slider_border = get_option('feat_border'); if(!empty($c_slider_border)) {echo $c_slider_border;} else {echo "CCC";}?>;
    width: <?php $c_slider_width = get_option('feat_width'); if(!empty($c_slider_width)) {echo $c_slider_width;} else {echo "860";}?>px;*/
    }
  2. #featured_slider ul, #featured_slider ul li {
    list-style: none !important;
    border: none !important;
    float: left;
    margin: 10px;
    width: <?php $c_slider_width = get_option('feat_width'); if(!empty($c_slider_width)) {echo $c_slider_width;} else {echo "860";}?>px;
    height: <?php $c_slider_height = get_option('feat_height'); if(!empty($c_slider_height)) {echo $c_slider_height;} else {echo "210";}?>px;
    }

    Edit that code become:

    #featured_slider ul, #featured_slider ul li {
    list-style: none !important;
    border: none !important;
    float: left;
    margin: 0px;
    width: 540px;
    height: auto;
    }
  3. #featured_slider .img_right {
    float: left;
    width: <?php $c_slider_img_width = get_option('img_width'); if(!empty($c_slider_img_width)) {echo $c_slider_img_width;} else {echo "320";}?>px;
    height: <?php $c_slider_img_height = get_option('img_height'); if(!empty($c_slider_img_height)) {echo $c_slider_img_height;} else {echo "200";}?>px;
    margin-left: 20px;
    }

    Edit that code become:

    #featured_slider .img_right {
    float: left;
    margin-left: 0px;
    }
  4. #featured_slider .img_right img {
    width: <?php $c_slider_img_width = get_option('img_width'); if(!empty($c_slider_img_width)) {echo $c_slider_img_width;} else {echo "320";}?>px;
    height: <?php $c_slider_img_height = get_option('img_height'); if(!empty($c_slider_img_height)) {echo $c_slider_img_height;} else {echo "200";}?>px;
    }

    Edit that code become:

    #featured_slider .img_right img {}
  5. #featured_slider .content_left {
    float: left;
    color: #&lt;?php $c_slider_text_color = get_option('text_color'); if(!empty($c_slider_text_color)) {echo $c_slider_text_color;} else {echo "333";}?&gt;;
    width: &lt;?php $c_slider_text_width = get_option('text_width'); if(!empty($c_slider_text_width)) {echo $c_slider_text_width;} else {echo "450";}?&gt;px;
    }

    Edit that code become:

    #featured_slider .content_left {
    color: #ffffff;
    width: 540px;
    height: auto;
    }
  6. #featured_slider .content_left p {
    line-height: 22px !important;
    color: #<?php $c_slider_text_color = get_option('text_color'); if(!empty($c_slider_text_color)) {echo $c_slider_text_color;} else {echo "333";}?>;
    }
    

    Edit that code become:

    #featured_slider .content_left p {
    line-height: 22px !important;
    color: #ffffff;
    }
    
  7. .<?php echo $c_slider_class;?> {
    font-size: 10px;
    float: right;
    clear: both;
    position: relative;
    top: -10px;
    background-color: #<?php $c_slider_border = get_option('feat_border'); if(!empty($c_slider_border)) {echo $c_slider_border;} else {echo "CCC";}?>;
    padding: 3px 3px;
    line-height: 10px !important;
    }

    Edit that code become:

    .<?php echo $c_slider_class;?> {
    font-size: 10px;
    float: right;
    clear: both;
    position: relative;
    top: -10px;
    /*background-color: #<?php $c_slider_border = get_option('feat_border'); if(!empty($c_slider_border)) {echo $c_slider_border;} else {echo "CCC";}?>;*/
    padding: 3px 3px;
    line-height: 10px !important;
    }
  8. <li><div><h2><a href="<?php the_permalink();?>"><?php the_title();?></a></h2><?php echo c_slider_cut_text(get_the_content(), $c_slider_limit, $c_slider_points);?></div><div><a href="<?php the_permalink();?>"><img src="<?php echo $c_slider_thumb;?>" /></a></div></li>

    Made that code become:

    <li>
    <div>
    <h2><a href="<?php the_permalink();?>"><?php the_title();?></a></h2>
    <?php
    $style = get_option ( "colabs_styleHead" );
    if ( $style != "wide" ) { $width = 200; $height = 225; $size = 'headline-thumb-home'; }
    else { $width = 550; $height = 230; $size = 'headline-thumb-wide'; }
    colabs_pp('width='.$width.'&amp;height='.$height.'&amp;size='.$size.'&amp;play=true&amp;wrapper_class=left&amp;link=img');
    ?>
    <?php echo c_slider_cut_text(get_the_content(), $c_slider_limit, $c_slider_points);?>
    <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><br />
    <?php _e('Read the full story &amp;raquo;','colabsthemes');?>
    </a>
    </div>
    </li>
    
  9. <div></div>
    <div></div>
    

    Edit that code become:

    <!--
    <div></div>
    <div></div>
    -->
After

After did this several things then pack the plugin folder to zip file and install the plugin to your WordPress.

To use this plugin (add post/page to slider), when creating a post/page look up for featured content slider option. Check the option to add your post/page to slider.

Advertisements

48 thoughts on “Slider For Arthemia Theme By ColorLabs &Company

  1. Good day! I know this is kinda off topic but I’d figured I’d ask.
    Would you be interested in exchanging links or maybe guest writing a blog post or vice-versa?

    My blog goes over a lot of the same subjects as yours and
    I believe we could greatly benefit from each other.
    If you are interested feel free to send me an email. I look forward to hearing from you!
    Wonderful blog by the way!

  2. Hmm it looks like your blog ate my first comment
    (it was extremely long) so I guess I’ll just sum it up what I wrote and say, I’m
    thoroughly enjoying your blog. I as well am an aspiring
    blog blogger but I’m still new to the whole thing. Do you have any tips and hints for newbie blog writers? I’d definitely appreciate
    it.

    • Hi thanks for the comment. actually, i just a newbie like you. this blog just started several months ago.
      but, if i have to give some tips, maybe try something new then write it on your blog to help others solve the problem. just it

  3. Hi! I’ve been following your web site for a long time now and finally got the bravery to go ahead and give you a shout out from Atascocita Tx! Just wanted to say keep up the fantastic job!

  4. Excellent read, I just passed this onto a colleague who was doing a little
    research on that. And he just bought me lunch as
    I found it for him smile Therefore let me rephrase that: Thanks for
    lunch!

    • Hi, if you have a problem with WP themes, just share your zip and i will help as i could.
      but, if your question is about colorlabs theme, sure i will help you (i also subscribe to their products)

  5. Hello would you mind letting me know which webhost you’re working with? I’ve loaded your
    blog in 3 different internet browsers and I must say this blog loads a lot quicker
    then most. Can you recommend a good internet hosting provider at a fair price?
    Kudos, I appreciate it!

  6. Thanks a lot for sharing this with all people
    you really know what you are talking about! Bookmarked. Please additionally discuss with my website =).
    We will have a link alternate agreement among us!

  7. Once I originally commented I clicked the -Notify me when new comments are added- checkbox and now every time a remark is added
    I get 4 emails with the same comment. Is there any way you’ll be able to take away me from that service? Thanks!

  8. I do not even understand how I stopped up right here, however
    I believed this post used to be great. I don’t understand who you’re but definitely
    you are going to a famous blogger if you aren’t already 😉 Cheers!

  9. Hello my loved one! I wish to say that this article is
    amazing, nice written and include approximately all significant infos.
    I’d like to see extra posts like this .

  10. Howdy are using WordPress for your blog platform? I’m new to the blog world but I’m trying to get started and set
    up my own. Do you require any coding expertise to make your own blog?
    Any help would be really appreciated!

  11. hi!,I like your writing very much! percentage we communicate more approximately your post on AOL?
    I require a specialist in this area to resolve my problem.

    Maybe that’s you! Looking ahead to see you.

  12. Thanks for this article. I’d personally also like to convey that it can be hard if you are in school and merely starting out to create a long credit history. There are many pupils who are simply just trying to make it through and have a protracted or positive credit history can be a difficult issue to have.

  13. i am glad to read this post, its an interesting one. i am always searching for quality posts and articles and this is what i found here, i hope you will be adding more in future. thanks

  14. I just want to mention I’m very new to weblog and definitely enjoyed you’re blog. Probably I’m likely to bookmark your website . You surely have exceptional posts. Thanks a bunch for sharing with us your web-site.

  15. I just want to mention I’m all new to blogs and honestly enjoyed your web-site. Probably I’m want to bookmark your blog . You surely come with fabulous articles and reviews. With thanks for revealing your web site.

  16. Good day very nice website!! Guy .. Excellent .. Superb .. I will bookmark your site and take the feeds additionally…I am satisfied to find so many useful info here in the submit, we want work out extra strategies in this regard, thanks for sharing

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s