How to Add Icons to Planbook.com
share this timesaver:
Did you know you can embed icons right into your Planbook.com planner?
And it’s SO easy to do!
This tutorial will show you all the quick steps on how to add icons to Planbook.com…
Though they make a planner “pretty” I really love icons more for the visual they offer.
Like when I’m frantically looking up a lesson plan while my students are waiting in the background and another teacher is waiting at the door with a question…when my eyes scanning my planner it is SO much easier to find things with a visual!
I designed these icons to make my planbook more visual:
But you can use this tutorial with any images you would like!
How to Add Icons to Planbook.com
First, click on one of your lesson boxes in your planner:
Click on the Attachment tab, then click the paperclip icon:
Click on Upload New File:
Navigate to the icon you want to use and upload it:
The clipart will appear in your lesson box (and might be a large size!):
To adjust the size, head to the Source Code (the < > symbols):
Once you click on this, you will see the html code for the image. Find the image size…in this example the image is 500 pixels:
Highlight this number to type over it. I like my icons to appear in a smaller size so they provide a visual, but not too large to distract from the lesson plan.
I use 70 pixels for mine. Once you choose your size, click OK at the bottom:
Now you can see your little icon at a nice size!
Next, we will center your icon.
Head to the Source Code again:
We will add some code to the beginning and end of the code you see on this screen.
Add <center> to the beginning.
Then add </center> to the end.
Now your icon is centered!
Click enter next to the icon and you can type the class name and time right below it:
Once you have your lesson formatted the way you would like, you can copy and paste it into other lessons (or create a template, which we will talk about in the next post!):
Select all to copy the entire design:
Copy the selection, then paste it in the other classes for the week:
And in a few simple steps, you have visuals to help navigate your lesson plans!
I hope this post on how to add icons to Planbook.com is of help to you!
If you would like to see more of the Digital Planning Icons, please click below:
Looking to add custom colors to your Planbook.com as well? Click below to check out my other posts:
Adding Custom Colors to Planbook
Adding Custom Fonts to Planbook
Thanks so much for reading…I hope this helps with your planning this year!
Kristen Beakey
I’m an elementary math coach with a passion for sharing beautiful, streamlined solutions to save teachers time. Ladybug’s Teacher Files has been a work of love since 2010. Filled with tech tutorials, math ideas, and organization…I strive to save you time in all aspects of your teaching!
Is there a way to get the lesson title to not appear? Thanks.
Hi Samantha,
I know Planbook has been updated since I last used it, so there may be an easier way to do this than previously. I used to set the font name and lesson color to the same shade so the lesson title would be hidden…I hope that makes sense!
How do you get the class name not to appear in the solid color bar in the planbook? I know how to remove time but not name, similar to yours.
Please advise. Thanks!
Hi Elle!
I made the text a dot (rather than a phrase) and set it to the same color as the colored bar. The steps are in this post (I’m sorry, I think I linked the wrong post last time!):
https://ladybugsteacherfiles.com/2021/07/adding-custom-colors-to-planbook.html
Thank you so much! I love this! I have been using Planbook for years and loved it, but was bummed that I couldn’t make it cute. Now it’s super cute!! I purchased and put all of your icons on my templates. How do I get the lesson after the picture to go back to left justified? Or can’t I do that? Thank you!
Hi Patty! Thank you so much for your purchase and lovely message…I’m so glad you are happy with the icons!
To get it back to left-justified, click back on the Source Code button (< >).
Go to the end of the last code you entered (the tag) and click enter after it to start a new line. Now start typing a word or two. Head back to the regular view mode and your text will be on the left.
I’m sorry I didn’t make that clear, I will add it to this post. Please let me know if I can explain that further and thank you again!
Kristen
NM…I figured it out. I clicked attach instead of embed. 🙂
Hi Terri!
I’m glad you saw the embed part! Thanks so much, I hope the icons work well for you!
Kristen
Hi! I am adding png files, but am seeing backpack2.PNG instead of the image when I uploaded.
Thank you for these amazing tips! I tried adding a clipart to my lesson plan, however, it doesn’t show up in the lesson plan. I can see it in the attachments but I don’t see the actual clipart. Help!!
Hi Denise!
Did you embed the clipart? If you upload and embed, you should see the image in your lesson box. Please let me know, I’m happy to help if I can. Thank you!
Kristen