Pinterest has a ‘Pin It’ button available for websites in the ‘Goodies‘ section now. It’s much like the Twitter and Facebook buttons you see EVERYwhere. I added a bit so you can use it in your WordPress theme.
With the following code this button can go on your index, single or archive pages – anywhere the WordPress loop appears. It will automatically pull the first image from the post to be pinned and link to the post’s permalink. The title of the post along with the website url will appear in the description field but can be edited before it’s posted.
Place this code in your template where you want the ‘Pin It’ button to appear – it should be inside The Loop.
<a href="http://pinterest.com/pin/create/button/?url=<?php the_permalink() ?>&media=<?php echo pinterest_image() ?>&description=<?php the_title(); ?> on <?php bloginfo('url'); ?>" class="pin-it-button" count-layout="horizontal">Pin It</a>
<script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>
Put the following code in your functions.php file.
function pinterest_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];
if(empty($first_img)){ //Defines a default image
$first_img = "/images/default.jpg";
}
return $first_img;
}
You can change /images/default.jpg to whatever you’d like. This image will be pinned if there’s not an image in the post.
Be really careful in your functions.php file, it’s a little touchier than what you might be used to. The first thing I ever broke in one was putting a space after the closing ?> – it’ll break your whole site! Always back up your files before you start changing things.
Easy as that, happy pinning!
P.S. Before you ask a question about your WordPress theme please do a quick google or codex search – If you still can’t figure it out ask away and I’ll try my best to help when I can!
.
UPDATE!
Due to Pinterest’s huge popularity now, there are tons of plugins available that will do this for you. I just did a quick search and this one looks good. WP Beginner also shows a different method that doesn’t involve the function file.
A simple 4×6 index card folder tutorial to hold your monthly, weekly and meeting diy planner templates!
This folder is very similar to the DIY Cardboard Binder, just a little smaller with binder clips and velcro instead of binder rings and elastic.
Supplies
- Two sheets of heavy decorative scrapbook paper
- Sewing machine or glue
- Two binder clips
- Small piece of velcro
Plans
Directions
Because the length of the folder needs to be 17 inches, I sewed some cut up 12×12 scrapbook sheets together to get there. If you have a sheet of 17″ paper or cardboard skip the first 4 steps and just cut two pieces of 4×17 rectangles.
- Take the 12×12 scrap book paper and cut it into 2 strips of 4 by 12.
- Cut two more pieces to 4 x 6.
- Take one 4×12 and one 4×6 and lay it out so that it’s 4×17 – giving you an inch overlap for gluing or sewing. This will be the inside of your folder.
- Repeat for the outside.
- Attach the front and back with glue or by sewing around the edges. Sewing gives the paper a more flexible and sturdy feel, it’s also fun to use the stitches as part of the design.
- At this point, you should have a double sided 4×17 rectangle. Mark lightly where the folds will go – see the dimensions diagram above. Finish decorating by drawing, stitching, painting, adding stickers or sprinkling with fairy dust! Keep in mind that we still have to make the folds, so your decoration should hold up to this.
- Next, add the three folds – hold a ruler against the fold mark on your desk and push the flap up against it, this will give you a nice straight fold. My paper split on one side during folding so I went over the fold with a wide zig zag stitch to reinforce the edges.
- The last step is to add velcro. Stitch one piece onto the inside right flap, then close the folder and line up the other side on the outside flap.
Had so much fun during the process of making this painting, thought I’d share!
Preparing the Surface
- Start with a DIY Masonite Panel (or any hard surface) & stack of old leftover book pages (or any paper good for collaging).
- Mod Podge pages to the board – in a pattern or not, just cover the whole thing. Use the mod podge as a glue, putting it directly on the board then smoothing the pages over the top.
- Paint the board with white acrylic – use a big brush and not a lot of paint. You don’t want to cover the whole thing so the texture and color of the book pages come through.
- Once the paint is dry use your handy putty knife to scrape at it a while to give it a warn look. Don’t be afraid to dig into the pages and tear up small edges and corners.
- Paint over it again with the white acrylic if you’d like.
- Then you have a wonderful texture-y surface to draw or paint on!
Painting with Tissue Paper
- Sketch out the elephant or whatever shape/animal you’d like.
- Find a sheet of tissue paper that will cover the whole shape you want to fill in.
- Fill in the shape with a gluestick, it doesn’t have to be exact but it’s better to be a little out of the lines than inside.
- Carefully smooth the tissue paper over the glue’d areas – using a tissue works well for smoothing.
- Once it’s all covered and dry cut around the shape with an exacto and remove the extra tissue.
- At that point I drew over the elephant again with a dark pencil line but do whatchya want!
I made a smaller version on paper with a cute little elephant stamp I found at Jo-Ann’s too!
If you want to make a fast and easy binder this is it. You probably have all the parts to put it together just sitting around your house right now!
Supplies
- Gluestick and hot glue gun
- Flat Cardboard (not corrugated). Could be a cereal box, packaging or shoe box… get creative!
- Cheap 2-ring 3×5 notecard binder, or any old small planner or binder
- Pieces, parts, stickers, envelopes and scraps for collaging
- File folders or thicker paper for dividers, heavy scrapbooking paper works great
- ♥ DIY Planner Templates to fill the inside!
First, pull out the 2-ring binder clip from your 3×5 notebook. Directions for this and attaching the clip here. Decide what size paper you’d like, poke holes in it and hook it on the binder ring. Measure all the way around this – remember to measure for any tabs you’d like to include plus a little extra on the edges. This will be the width and height of Part A and Part C in the diagram above. The width of Part B should be as high as your binder clip plus a little extra. Part D can be whatever width you’d like really. It can be shorter and fold inside or outside, it can be wide as Part A and Part C or even a funky shape.
Once you figure out your sizes add the widths together and cut out one strip of cardboard. The cardboard I used was thinner than I would like so I cut out two pieces the same size and glued them together. Now make your folds, decorate and add the binder clip!
The pocket on Part A is optional. I cut out a piece of the same cardboard and attached it with hot glue on 3 sides. The closure is a piece of off-white elastic from Joann’s. Stretch it around the closed notebook to get the right length. Then cut two slits in the spine to feed it through. On the outside sew the ends together and you’re done.
Happy binding!
Hello, I'm Amanda Hawkins. Ahhh-Design is where I post art, projects, diy planner templates, tutorials and more.
