The free iPin WordPress theme features the look and feel of Pinterest.com. The premium version adds on the social network functionality and many more features. Now you can run your very own Pinterest social network.
Key Features of iPin Pro
Design
- Responsive design
- Masonry + Infinite Scroll effect like Pinterest.com
- Frontpage lightbox
- Display popular posts based on likes, repins or comments
- Price tags
- Custom login and register page
- Sideblog
- Twitter Bootstrap framework with Font Awesome
- Ads ready: top header, above/below photo in single post, 35frontpage thumbnail slots
Social Functionality
- Facebook & Twitter login
- User can create boards and upload pins from computer or web
- “Pin It” button/bookmarklet for easy pinning of images (support videos from youtube.com and vimeo.com)
- User can Like and Repin other pins
- User can follow other users and boards
- User email notification for likes, repins, follows, comments
- Facebook, Twitter, Google+, Pinterest, Embed, Email Friend button for easy sharing
- Report pin
- User profile and settings page
Testimonials
Thanks for making a really great theme and I would recommend iPin Pro to anyone that is getting into this type of internet service… You have no idea what you are missing out on. – Chris
Demo
Preview iPin Pro
- Feel free to register a new account to start pinning
- Or login using the demo account (username: demo / password: demo123)
- Theme options screenshot: General Settings | Advertisement | Notes
Requirements
- WordPress v3.5 or later (with multisite disabled)
- RTL languages not supported
- Nginx not supported
- Recommended webhost: Hostgator (25% Discount Coupon: ericulous25). As your user base grows, you can upgrade to VPS/Dedicated plans.
Download/Purchase
- One license for one domain (multiple domains license not available)
- Lifetime upgrades
- Theme sold as-is
- Please read Terms & Conditions before purchase
- You should receive an email with a download link from e-junkie upon successful payment.
Single Domain License – $125
FAQs
Can I easily upgrade from the iPin theme (free version)?
Unfortunately no as the posts structure between the 2 themes are different. Also iPin Pro theme is not really meant for blogging. It operates more like pinterest.com where multiple users add posts from the frontend.
Can I use larger thumbnails e.g from current 200px to 300px?
1. In style.css, change the width from 200px to 300px for
– #masonry .thumb
– #masonry .masonry-actionbar
2. Go to WP-Admin > Settings > Media > set Medium Size – Max Width to 300
3. For existing thumbnails, regenerate them with the Regenerate Thumbnails plugin
Can I upload multiple photos?
You can install the modified Automatic Featured Image Posts plugin (works only for Admin).
Where can I find more faqs?
More faqs/hacks are available in the knowledgebase (restricted access).
Need Help?
Much as I want to provide free support, there are only 24 hours a day.
So if you need a chunk of my time, I’m available for hire taking a break from customization projects.
Changelog
Version 1.4
- Option to disable lightbox
- Option to allow html tags in description
- Option to add price tag
- Option to add ‘I agree’ checkbox to register form
- Email friend button
- Report pin button
- Zoom button for bigger image
Version 1.3
- How-to Videos in Add > Pin > Pin It Button
- Can pin remote url (previously only direct image url) in Add > Pin > Fetch From Web
- Can assign category when adding new board
Version 1.2
- Facebook & Twitter login
- Support WP User Roles (Editor, Author, Contributor, Subscriber)
- Option to enable/disable infinite scroll
- Antispam mechanism in register form (no captcha required)
Version 1.1
- Bookmarklet support videos from youtube.com and vimeo.com
- Advertisement options
Niche
Tags: Clone, Gallery, Non-Blogging, Photo, Script
Browse and Share
» Subscribe to Feed» Leave a Comment
Related Posts:
» Theme Update: iPin Pro v1.2
» Theme Update: iPin Pro v1.4
» Affiliate Program
» Newer Post: WP Theme: TopGadget for Magazines
« Previous Post: Theme Update: OneNews 3.2
can I change the width of iPin Pro theme and make it narrow like weheartit.com? thanks
Unfortunately the theme is designed to be full width from ground up.
So changing it to fixed width may affect some areas, foreseen or unforeseen.
2 areas I can think of is
- the width will be fixed at 940px, not 800px
- the theme will not be responsive (width will not change when browser is resized)
where in the css governs the color for the lightbox background. I want to change it from the “white” to a darker color
For the lightbox background, in style.css
.post-wrapper {
background: #fff;
For the background surrounding the lighbox,
#post-lightbox {
background: transparent;
can use with the woo commerce plugin without problem? Already done the test?
Not WooCommerce ready.
Hai…. I have another question. I want 75% scroll down, then automatically page loading(Infinite Scroll). Is there any idea for it?
In ipin.custom.js, you can set the “bufferPx : 300″ to a greater number so that the images load earlier.
Now i have a question. I want to add a new menu to the right side next to the pin menu. When i attempt it the white “background” of the dropdown is set somewhere to a certain width. Where can i find this to adjust it?
You can specify the width by adding a class to your new menu e.g dropdown-menu-add class for the Add menu
<ul class="dropdown-menu dropdown-menu-add"> <li><a href="<?php echo home_url('/pins-settings/'); ?>"><?php _e('Pin', 'ipin'); ?></a></li> <li><a href="<?php echo home_url('/boards-settings/'); ?>"><?php _e('Board', 'ipin'); ?></a></li> </ul>In style.css
#menu-top-right .dropdown-menu-add { min-width: 69px; width: 69px; }Hi, I just add adsense banner on my site. but it doesn’t apprear on frontpage. It only appear when I logged in.
Thank
Try clearing your wordpress cache.
Thanks, It worked now
how to set up All in One SEO for best results SEO in google
No hard and fast rules. I keep most of the default options but I also ticked “Use Categories for META keywords”.
Hi Genkisan,
is there a way to integrate twitterpic or instagram feeds on the posts? plugin perhaps?
thanks
Should work so long as the plugin can pull in the feeds and auto set the featured image.
Hi Genkisan,
can we add description box when pinning something. currently, its set to title box.
Sorry but this will require major modifications. No plans on implementing this.
Hello,
Great theme. I would like to know how to change the word “pin” to “plant” and the word “like” to “grow”. Also could you tell me how to change the color from “blue” to “red” on the registration and login pages. The color that surrounds the horizontal boxes, the button color I can take care of myself.
Thanks for making a really great theme and I would recommend IpinPro to anyone that is getting into this type of internet service and also to anyone that is using the free version…You Have No idea what you are missing out on.
Thanks
For across the board change, you can do a translation on the languages/ipinpro.po file.
For button color, in page_cp_login.php & page_cp_register, replace “btn-primary” with “btn-danger”. For more color options, see http://twitter.github.com/bootstrap/base-css.html#buttons
Is there a way to ignore the images within the post?
In single-pin.php, replace
with (to hide 1st image)
echo preg_replace('/<img[^>]+\>/i', '', get_the_content(), 1);or with (to hide all images)
echo preg_replace('/<img[^>]+\>/i', '', get_the_content());do you have mobile module ? for iOS or android or for mobile device ?
Unfortunately no.
do you plan to release one ,, at least for mobile device ?
iOS and android is beyond my expertise. Mobile device as in responsive design? The theme is already responsive.
also can you keep track of the users who registered for an account using fb or twitter?
The WordPress Social Login plugin keeps a record of the registered users.
See http://i.imgur.com/Lp4dhfO.gif
so i can download this theme into wordpress and manage it through the dashboard ? Add plugins or change background color and logo correct?
Yes, the backend is standard WordPress stuff.
Can I manage all pins?
For example, before view and display a pin in site , Administrator can see the pin and then confirm??
Yes, you can set the user’s default role to ‘Contributor’ so that their pins will be ‘Pending Review’.
hello,
i’ve just installed a fresh copy of wordpress and ipinpro
when i added pins and i open them i have this error …
Fatal error: Call to undefined function mb_strlen() in /home/directory/public_html/wp-content/themes/ipinpro/single-pin.php on line 129
… what is wrong here ?
Thanks.
the problem was solved .. the module Mb String wasn’t installed on my server ,, everything is ok now
why my adsense ads doesn’t show up when i open a pin ,above and below the image just like in the demo site ?
As mentioned in the advertisement input field, adsense will only display on single post, not in lightbox. What you are seeing on the demo site is not adsense but rather an image banner.
If you view the single post at http://ipinpro.ericulous.com/pin/353/, you will see adsense running. But when viewing in lightbox. adsense seems to detect that it’s from a lightbox and remove itself.
Im using WP Robot RSS Feeds to populate my site. How do I make the images that are pulled from the feeds populate the site properly. They do not appear in the thumbnails. And when clicking the thumbnails, they appear below the main image (which is blank as well).
According to the thread at http://wprobot.net/forum/topic.php?id=8117, you need to
- Activate “Save featured image” when creating your WP Robot campaign under optional settings.
- Go to the Options page and activate “Save images to server”
- Usually it is also required to make your “uploads” folder writeable (chmod 666 , e.g. in a FTP software like Filezilla) for it to be possible for images to be saved to your server
Thank you for the reference. I followed all instructions on the post and it did not fix the issue. I even contacted the developer of WP Robot and he has been no help so far. I have a developer friend take a look at this and he suggested Autoblogged software instead of WP Robot. He installed Autoblogged and a feed of my choice and was able to make some progress. Now the image properly populates on the board. Please see the only working example on my site.
The only issue now is that the post content shows twice in the home page pins and in the single post page as well. It looks like the theme shows both an excerpt of the post and the full post content below it.. can you tell me where I can stop the theme from showing excerpt there? My developer friend beleives that could be done by removing the php tag that calls the post excerpt in home page, in which file of the theme this exist?
Single Post example: http://www.animalimage.net/pin/296/
Home page/Board example: See home page and click on only image present
Also, Home page/Board example doesn’t show my ads and Single Post example does.
In single-pin.php, replace
echo '<div class="thecontent">' . apply_filters('the_content', get_the_content()) . '</div>';with
//echo '<div class="thecontent">' . apply_filters('the_content', get_the_content()) . '</div>';Looks like amazon ads, together with adsense, doesn’t allow their ads in lightbox (http://ericulous.com/2012/12/12/wp-theme-ipin-pro-the-social-network-edition-pinterest-clone-script/#comment-68109)
Thank you sir for help in this matter. The issue has been resolved.
Can you please explain a bit further how to implement the translation?
We have edited the .po file inside language but i think that we need to do further actions.
How to tranlsate with Poedit
1. Install Poedit
2. Open the wp-content/themes/ipinpro/languages/ipinpro.po with Poedit
3. Go to File > Preferences > Editor Tab > Check that “Automatically compile .mo file on save” is selected
4. Do the translation
5. Go to File > Save as > Save in the same folder. Filename should be the same code shown within the ( ) as on this page e.g fr_FR.po for French or en.po for US English.
6. Upload the new .po and .mo file to the same wp-content/themes/ipinpro/languages/ directory
7. Edit the wp-config.php file to match the language e.g
define(‘WPLANG’, ‘fr_FR’); //French
define(‘WPLANG’, ‘en’); //US English
How to make the top menu navigation bar more than 40px height?
In style.css, add height to #topmenu .navbar-inner e.g
#topmenu .navbar-inner { min-height: 60px;and increase the padding-top for body class
body { background: #f2f2f2; padding-top: 95px; padding-bottom: 15px; }Hello,
is it possible to install bbpress forum with this theme ?
no need to make the same theme , like http://www.mysite.com/forums
Thanks.
As you may know bbpress is a ‘big’ plugin so I can’t be sure it will work well together, especially when both the theme and bbpress deals with multiple users.
I would recommend keeping them separate by installing another copy of wordpress in a subdirectory (not as a sub-site in multisite mode) and install bbpress there.
Can thumbnail support gif animation?
Unfortunately no as the animation is lost after resizing.
Hi Genkisan,
why are my avatars suddenly got disappeared?
Thnx
Found out what happened. They are stored as unattached, so I was cleaning a unattached ones and I got result
. Thnx anyway.
Hi,
I don’t seem to be able to see the add button when I use the theme as a different user. How do I enable this?
Is WP Admin > Settings > General > New User Default Role > is it set to “Subscriber”? Subscribers are not allowed to add pin. See Appearance > Theme Options > Notes tab (Permissions).
When I try to pin picture or upload to my site I get error “Invalid image file” http://content.screencast.com/users/plavookac/folders/Jing/media/03dfc6b9-f7bd-42a5-9f25-99f4fd1c3a07/2013-03-02_2037.png
When I try to upload it say “Invalid image file. Please choose a JPG/GIF/PNG file.”
Help pls.
Stefan
Thru FTP, try setting your /wp-content/ directory to 755. If already 755, try 777.
Thank you very much man
If 777 works, try to check with your host if it’s possible to work with 755. The theme needs to write to wp-content directory and 755 is safer.
Hey, for the registration page, I was wondering how we can include a CAPTCHA.
There’s already a bulti-in antispam mechanism (non-captcha) in the register form.
Hi, fantastic work! I am thinking of buying but want to know if I am able to create a child theme off of this?
Yes, in fact the ipinpro demo site is running on a child theme (no aesthetic change from the main theme, just some disabled functions) .
Thanks, I just purchased
I meant to ask, can you tell me what framework this was built on?
…also, aside from mobile devices, new users avatars are sideways (rotated 90 degrees). My admin avatar seems fine.
Any ideas as to why they display this way?
Mainly Twitter Bootstrap but not on any WordPress framework like WooFranework.
Seems like WordPress rotate images based on exif orientation. Can you try these plugins?
http://wordpress.org/extend/plugins/image-rotation-repair/
http://wordpress.org/extend/plugins/image-rotation-fixer/
Awesome, that worked. Thanks so much, great them btw, loving it.
When “pasting” youtube videos, can you set the configuration by default to the highest quality, ideally HD? Otherwise it just shows 240p, pretty crappy. Any idea of how to do it?
In single.php, replace ‘?rel=0&autoplay=1′ with ‘?rel=0&autoplay=1&vq=hd1080′
Is there anyway to have the best of both worlds for the pagination? I was wondering if it would be possible to have infinite scrolling to work but after a certain number of posts/images it will finally show normal pagination links. Because I am noticing that after scrolling down for a good 5 minutes there’s not much of a scroll bar left.
I don’t think that’s possible.
Can I set the blog area to be default (Like a standard WP theme?)
So, in your demo, the blog would be sitting on the root – http://ipinpro.ericulous.com/
Make a copy of the category-blog.php file and rename it as home.php. In functions.php, replace
//exclude pages from search if ($query->is_search) { $query->set('post_type', 'post'); }with
//exclude pages from search if ($query->is_search) { $query->set('post_type', 'post'); } if (is_front_page() && $query->is_main_query()) { $blog_cat_id = of_get_option('blog_cat_id'); $query->set('cat', $blog_cat_id); }Great! Works a charm.
Is it possible to change the permalinks for Blog posts?
Unfortunately no. As blog posts use the same permalinks as the pin posts.
How can I clean pinterest button from single (and everywhere it is) and option users to add their “Pinterest Username” in settings.
Basically I don’t want pinterest to exist anywhere on the site to not confuse the users. Thanks
In single-pin.php, replace
<p><a href="http://pinterest.com/pin/create/button/?url=<?php echo rawurlencode(get_permalink()); ?>&media=<?php echo rawurlencode($imgsrc[0]); ?>&description=<?php echo preg_replace('/[\n\r]/', ' ', the_title_attribute('echo=0')); ?>" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a></p> <script src="//assets.pinterest.com/js/pinit.js"></script>with
<!--<p><a href="http://pinterest.com/pin/create/button/?url=<?php echo rawurlencode(get_permalink()); ?>&media=<?php echo rawurlencode($imgsrc[0]); ?>&description=<?php echo preg_replace('/[\n\r]/', ' ', the_title_attribute('echo=0')); ?>" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a></p> <script src="//assets.pinterest.com/js/pinit.js"></script>-->In page_cp_settings.php, replace
<input type="text" name="ipin_user_pinterest" id="ipin_user_pinterest" value="<?php echo esc_attr($user_info->ipin_user_pinterest); ?>" class="input" tabindex="90" placeholder="<?php _e('mypinterest', 'ipin'); ?>" /></label>with
<input type="hidden" name="ipin_user_pinterest" id="ipin_user_pinterest" value="<?php echo esc_attr($user_info->ipin_user_pinterest); ?>" class="input" tabindex="90" placeholder="<?php _e('mypinterest', 'ipin'); ?>" /></label>Dear Developer,
Is it possible to sell ads based by category, where featured ads wold appear on top of each category?
thanks,
Sam.
You can display ads depending on category using is_category() e.g
<?php if (is_category(1)) { Category 1 Banner Code } else if (is_category(2)) { Category 2 Banner Code } else { Homepage Banner } ?>Hi bought the ipin pro
How to make “ipin-like button like” keep display? instead of hovering.
How to put “like button” under of pin button?
In ipin.custom.js, delete
//actionbar $masonry.on('mouseenter', '.thumb-holder', function() { if ($(document).width() > 480) { $(this).children('.masonry-actionbar').show(); } }); $masonry.on('mouseleave', '.thumb-holder', function() { if ($(document).width() > 480) { $(this).children('.masonry-actionbar').hide(); } });In style.css, replace
#masonry .masonry-actionbar { display: none;with
#masonry .masonry-actionbar {Hello, it is possible to direct clicks on posts from the homepage to a different url? I want to use this wp site as my homepage and have 100s of products posted with pins. Then I’d like to be able to direct those clicks to the url of the product within my shopping cart directly without going to another wp page first. If possible, how can I set that up? Thankyou
Try the Redirect plugin.
I have been using the theme on my new website and I must say that I am loving it. I am able to grab videos off Youtube and pictures off the web, however when I try to grab pictures off facebook, nothing happens. I would love to be able to grab pictures off of anyone’s album on facebook. Is that possible?
Thanks,
Sam.
Facebook images are using https so unbale to fetch. In page_cp_pins.php, replace
with
$imgsrc = 'http' . str_replace('s://', '://', $_GET['imgsrc']);I am not technical. Please help. I erased this line first:
$imgsrc = ‘http’ . $_GET['imgsrc'];
then, I replaced with the one you told me:
$imgsrc = ‘http’ . str_replace(‘s://’, ‘://’, $_GET['imgsrc']);
Then, I logged in to Facebook and tried to fetch some pictures but nothing happened. I still get a blank page in return.Do I need to write some extra information on the second code like my url or something like that?
Thanks for all your help.
Are you adding the pins at Add Pin > From Web? Unfortunately that cannot work for Facebook. You have to use the bookmarklet to fetch the photos from Facebook.
I am using the bookmarklet tool but it does not work for facebook. It is working for every other website, but not for facebok.
Thanks for your help,
Sam.
I was able to pin from your website. What’s the facebook url that you are trying to pin from?
I am trying to pin from
https://www.facebook.com/motoristabrasileiroemnovayork
Can I pin from any Facebook page? or do I have to be the Facebook page’s owner?
Thanks for your help.
Sam.
I was able to pin from that page too. Are you trying to pin from the photos from https://www.facebook.com/motoristabrasileiroemnovayork/photos_stream? Those are background images so unable to pin. But if you click on the individual photos, you will be able to pin from the enlarged photos.
hi i thnk 125 dolars is very expensive for a theme, can you please consider make it cheaper? thanks
Would be better to compare this to other pinterest clone scripts instead of normal wordpress themes.
How do I change the page you are redirected to after you login / logout?
Thanks !
In page_cp_login.php, replace
<input type="hidden" name="redirect_to" id="redirect_to" value="<?php echo esc_attr('http://127.0.0.1/ipinpro/everything'); ?>" />with
<input type="hidden" name="redirect_to" id="redirect_to" value="<?php echo esc_attr('http://abc.com/landing/'); ?>" />In header.php, replace
with
<a href="<?php echo wp_logout_url('http://abc.com/landning/')); ?>">Hi Genkisan, I bought theme and it’s great. I want to ad ads spot on the frame page (page which is open when click on thumbnail on index page). I would like to put ads on the right side of the image below the buttons. Can you help me? Thanks in advance.
In single-pin.php, add your ad code after this line
<p><a id="post-report" class="btn btn-mini"><strong><i class="icon-flag"></i> <?php _e('Report', 'ipin'); ?></strong></a></p>hi, How can you disable the responsive feature of the theme for mobile devices. I want mobile devices to display the same layout as desktop layout…is there a way..thanks
The theme is designed from ground up to be responsive. Removing the responsive css may affect other things.
In /css/bootstrap.css, look for “@media (min-width: 768px) and (max-width: 979px) {”
and delete this line and everything below it.
In style.css, look for “/* Media Queries */”
and delete this line and everything below it.
Hello, great theme!!!
i was wondering how to add category or tags to pins. so its easier for users to search through content. thanks in advance!
The category actually belongs to the board, not the pin. When you add a board, you are given the choice to choose the category for the board. Tags is planned for in next version.
Extremely interesting theme! Great job!
Is it possible to charge a fee before they are able to register?
Cheers
Josef
Not out of box. Just an idea on using membership plugins like Membership, S2Member. You can allow them to register for free as subscriber and upgrade them to contributor/author.
Hi I am doing the autoblogging thing, I need to be able to hide the content that shows up in the pin single section.
Is there a way we can do this?
In single-pin.php, replace
echo '<div class="thecontent">' . apply_filters('the_content', get_the_content()) . '</div>';with
//echo '<div class="thecontent">' . apply_filters('the_content', get_the_content()) . '</div>';Thanks it worked a charm
Another request
A comment box right before you pin a post (Add Pin) would be beautiful.
It’s better to separate the heavy lifting of image processing from user input. Also this unifies the way users add photos thru computer, web or bookmarklet.
I have two questions before I purchase…I know tablet and phone users can bookmark a button to there tablet or phone. But one is there a way to add an “Add button” like to the phone or tablet versions so it has the appearance of an app. My second question is the orange ipin pro button to drag and drop to your bookmarks to pin websites works on my computer but I can of get it to work on my phone or tablet…is this possible?
Unfortunately phone and tablets have poor support for bookmarklets. You have to jump thru hoops and loops to add them. Google “bookmarklet mobile safari” or “bookmarklet android”. So it’s difficult to implement a one-click install bookmarklet button.
Hello,
Great theme! I have a few questions:
1. On the frontpage, the images shown are the original ones resized by css. Is it possible to have thumbnails generated at pinning and display those thumbnails on the front page instead of the original image? Clicking the thumbnail would then show the original image.
2. This one is a feature suggestion. When pinning a new item, it would be nice if there is a check to see if that item has already been pinned on the site and have a warning message such as “This item has already been pinned before”
Thanks!
1. Seems like the thumbnails were not generated when adding pins. Check with your host if GD or Imagemagick is installed.
2. I think this is beyond what the theme can do.
Thanks for the quick reply!
GD was indeed not installed on server.
i need to add google adsense code in this theme.
How can i do this please help
Go to Appearance > Theme Options > Advertisement tab on the top of the page and add your adsense code wherever you want to appear your ad/ads.
Has anybody tried iPin Pro with Buddypress?
Would like to know if there’s a way to add further community-building tools.
THX!
Have not tried BuddyPress before but I wouldn’t recommend installing together with iPin Pro as both deals with multiple users. So I can’t be sure if there will be conflicts.
Support for iPin Pro has been moved to
http://ericulous.com/support/
Verified buyers can login with
Username: Your Paypal Email (e.g [email protected])
Password: Your Domain Name (e.g example.com without http://)
If the password fails, you can reset with "Forgot Password".
For Pre-Sales questions, you can visit
http://ericulous.com/support/guest/ticket_add/