shprinkone2

ShprinkOne is a Bootstrap 3 responsive theme that can fit any screen (mobile phone, tablet, laptop, desktop). Features a theme picker (more then 10 choices), a slideshow on the home page, posts as pins(masonry), infinite posts scroll, several Widget, Menu positions and multi language support.

Shprink One is Open Source and shared on GitHub


Customizable

ShprinkOne offers plenty of options to create your blog just the way you want.

  • Front Page Slideshow (Select up to 5 posts to display)
  • Front Page layout (Loading more posts on scroll down, on click or basic WordPress pagination)
  • Theme customization (Select your style among 10+ free themes)
  • Layout customization (Sidebar-Content, Content-Sidebar or Content)
  • Custom Menus & Widgets (Several Widget an Menu position available)

Responsive

ShprinkOne perfectly fits all screen sizes, from mobile phones to desktops.

  • Mobile phones (<768px)
  • Tablets (>=768px)
  • Medium desktops (>=992px)
  • Large desktops (>=1200px)

Unique

ShprinkOne uses state of the art plugins and libraries to create a unique and innovative user.

  • Bootstrap 3 support: By using ShprinkOne you have access to all Bootstrap 3‘s features (CSS classes, Components, JavaScript etc.)
  • jQuery: ShprinkOne uses jQuery as its JavaScript Framework. All jQuery APIs are therefore available
  • Posts as pins(Pinterest like) using Masonry
  • Infinite Scroll for all loop pages (Category, Tags, Home page etc.)
  • Font Awesome icon library(361 icons).
  • Previous and next post preview with side panels using Sidr

Free

ShprinkOne is completely Free and under MIT license.


Open Sourced

ShprinkOne is open sourced and available on GitHub.


Multiple languages

ShprinkOne is translated into several languages.

  • English
  • French
  • Polish
  • Ukrainian
  • Basque
  • Spanish

v2.3.2:

  • New Valentine’s day theme by bootswatch: “Cupid”
  • Adding basque and spanish translation
  • Revamp admin page

v2.2.0:

  • Adding “Yeti” theme by bootswatch.
v2.1.0

  • New header option: Adding/Removing the Home icon
  • New header option: Adding/Removing the RSS icon
  • New header option: Adding/Removing the Search box
  • Ukrainian translation
  • YARPP template
v2.0.1 officially released on WordPress

  • Bootstrap 3 support
  • Using Sidr to display Previous and Next posts.
  • Front Page layout customizable(Loading more posts on scroll down, on click or basic WordPress pagination)
V1.2.0

  • Adding “Before Content “and “After Content” widget positions for Ads purpose.
  • Enhancing mobile slideshow accessibility.

V1.1.0

  • Adding slideshow’s option: number of posts displayed
  • Adding slideshow’s option: copy slideshow posts within content
  • Redesigning loop posts to display category, tags and other meta on mouse hover.
V1.0.5

  • Fixing the homepage when the number of posts <= number of posts in the slideshow.

V1.0.4

  • Adding Flaty as the default template.
  • Adding a third level to all menus.
  • Adding “Previous” and “Next” buttons to posts.
  • Adding a specific “image.php” to display JPEG, GIF and PNG attachments.
  • CSS Non-breaking properties on Titles, Comments, Tags, Categories and Content.

If you are using ShprinkOne theme, please let me know and I will share a link here.

  • Eddy Leung

    how to add a edit button under in the single.php ?

    • http://julienrenaux.fr/ Julien Renaux

      Try this:

      <?php edit_post_link('Edit');?>

      I will add it in the next release.

  • Eddy Leung

    In orderto add a “edit” button in the single.php, I modified it as:

    row 27

    The “edit” text is displayed and the link works, but it’s location is under the “shprinkone_get_post_meta” instead of at the end of it.

    how to make it display at the same row?

    tks

  • Eddy Leung

    May I know how to modify the Default font size of the contents at mobile view?

    • Eddy Leung

      I solved it by using google.. XDD

      put the following to the custom CSS filed in theme setting page

      p {
      font-size: 18px;
      }

    • http://julienrenaux.fr/ Julien Renaux

      You can use media queries on the setting page:
      @media ( max-width : 767px) { font-size: 18px; }

  • Eddy Leung

    Anyone using Linkwithin plugin in ShprinkOne theme?

    My experience is that only text link displayed on desktop view while a broken image icon on mobile view.

    I see ShprinkOne theme has a specified template for YARPP, does it mean other related post plugins cannot be used?

  • http://www.hi5dating.com Dating

    I need to make col-xs act on a lower width than 728px or whatever it is now.
    Where is this tweak, please?

  • http://www.hi5dating.com Dating

    How to use Jquery sharrre plugin on grid.
    Does anybody know how I could be using jquery sharrre plugin when there are more articles on page?
    I would like to put a share under each box.

  • http://www.hi5dating.com Dating

    What slideshow is that included?
    I believe I’ve seen it before, but I can’t guess from the sources.

    • http://julienrenaux.fr/ Julien Renaux

      Basic Bootstrap 3 caroussel.

  • Eddy Leung

    How to stick the menu bar at the top instead of floating during scrolling in mobile view?

    • http://www.hi5dating.com Dating

      put @media (max-width: 762px) {} in your CSS file and inside change the menu bar’s position from fixed to relative.

      • Eddy Leung

        I can’t locate the codes for the nav bar inside shprink one’s style.css

        Would you further explained the steps?
        tks!

        • http://www.hi5dating.com Dating

          wp-content/themes/shprink-one/css/flaty.bootswatch.min.css – line 9

          CUT ALL THIS:
          .navbar-fixed-top, .navbar-fixed-bottom {
          border-width: 0 0 1px;
          left: 0;
          position: fixed;
          right: 0;
          }

          THEN

          wp-content/themes/shprink-one/style.css – lines 581 and 373
          CUT THIS FROM BOTH
          padding-top: 70px;

          • Eddy Leung

            Your code works. Tks!

            but It leaves a blank 70px row between the admin bar and nav bar

          • http://julienrenaux.fr/ Julien Renaux

            You guys rock! Thanks for your help @costisefu:disqus

          • http://www.hi5dating.com Dating

            maybe you didn’t delete all the “padding-top: 70px”. Search for more!

  • http://www.hi5dating.com Dating

    Featured posts are the first listed in home page and also in slideshow. How can I make the loop not list the featured posts first?

    It doesn’t make sense seing the articles twice.

    • http://www.hi5dating.com Dating

      nothing yet? I see there is a setting in the theme options that would filter posts that are already in the slideshow, but it doesn’t work !?

      • http://julienrenaux.fr/ Julien Renaux

        Featured posts are ALWAYS displayed on slideshow AND post list for now. I add this in my backlog and will let you know when I release this feature but for now I suggest you use few featured posts.

        Sorry if it does not feet your requirements mate,
        Julien

        • http://www.hi5dating.com Dating

          Then how could I make featured posts not being sticky on front page?

          • Eddy Leung

            Set the Slideshow Number of post to zero in THEME OPTIONS

  • Pingback: Total Recall #4: Die 100+ besten kostenlosen WordPress-Themes des Jahres 2013 - Dr. Web

  • http://www.hi5dating.com Dating

    This is the greatest grid theme I found from almost 15 I tried, The most important is that it triggers the get new articles ajax at the right moment.

    I have an issue that the columns seem too wide a thing that would alter elegance and also makes fewer cells be visible vertically.

    I saw it uses masonry and I see the width of the columns can really be customized from flaty.bootswatch.min.css. But even if I make room for another column, it won’t work.

    Where can i fine tune the number of columns?

    • http://julienrenaux.fr/ Julien Renaux

      The easiest way is to modify loop.php. Line 27 the Bootstrap grid sized are defined:
      post_class(‘col-sm-6 col-md-6 col-lg-4 box’)

      If you want 4 column on large screen change to post_class(‘col-sm-6 col-md-6 col-lg-3 box’).

      Let me know how it goes,
      Julien

      • http://www.hi5dating.com Dating

        Thanks, that was it.

        • http://www.hi5dating.com Dating

          Done: this is the new bootstrap V3, I didn’t know. So col-sm, col-md, col-lg means width of column on small, medium and large screens. Total space, same as bootstrap V2 is 12, so col-sm-12 col-md-4 col-lg-3 means there will be 1 column on small screens, 3 on medium and 4 on large.

      • http://www.hi5dating.com Dating

        It works, but only on wider width. I have the website temporary put here: http://codeclubber.com/wp/
        You can see how it does.

  • http://ptcverified.blogspot.com PTCVerified

    Hello Julien, I just want to remove the author’s name and published date on the Posts section. Can you tell how to modify its code? I’m new to wordpress and php. I am referring to this http://codex.wordpress.org/Function_Reference/the_time. Thank you in advance.

  • Michael J Voorhees

    Hi Julien, I really like your theme. I am new to wordpress and I am wondering is there a way to remove the author and publish date from the posts and the front page? I have been looking around the web and for some reason none of the suggestions seem to work for me.

    • http://julienrenaux.fr/ Julien Renaux

      Hi Michael,

      You can easily remove the home page: Settings -> Reading -> Front page displays
      For the rest there is no easy way (through options) but you can modify the code as you wish.

      Cheers,
      Julien

  • Ram

    Julien, thank you for this theme. It’s far more polished than many “professional” themes.

    Could I ask you if it’s possible to move the top menu one line down? The NGO I’m building a site for has a long name, which doesn’t leave much room for menus, that is why.

    • http://julienrenaux.fr/ Julien Renaux

      Thanks Ram,

      If you remove the search box don’t you have enough space? Also try to use two level menus to save space.

      If you style want to have two lines you should try something like that (Insert this code within a Text widget). The problem is that you will have to make sure that you make this modification on every media queries:

      .navbar-header{
      width: 100%;
      }
      .navbar-ex1-collapse{
      padding-left: 0px;
      }

      body{
      padding-top: 121px;
      }

      Let me know ;)

  • Pingback: 200+ Free Responsive WordPress Themes | The Wicked Coder

  • Pingback: 250+ Free Responsive WordPress Themes | ThemeBucks

  • Pingback: 10+ Free Pinterest Style WordPress Themes - themetrader

  • Pingback: 95+ Free Responsive WordPress Themes, Part II | ThemeBucks

  • Guest

    thanks Julien..I don’t want to bother you but I have one more question; is there a way to use the theme without masonry layout? ..I mean normal wp blog layout..

© 2014 Julien Renaux Blog All rights reserved. | Powered by WordPress
Theme created by @julienrenaux