Buttons are helpful if you would like to create dynamic, visual links inside or outside of your Aportfolio. This tutorial will walk you through the process.
NOTE: Go to your favorite photo editor either online or using software. You could use Photoshop, Adobe Illustrator, or Pixlr. This tutorial is using Canva.com
If you would like a square button, 125 x 125 pixels is a good size. If you would like a rectangular button, 120 x 90 or 120 x 60 pixels is good.
NOTE: you should use pixels as your dimension measurement.
Choose a background for your button. Your background should be very simple with no distracting photos.
NOTE: This background features an ombre blue which is interesting, yet not overly distracting.
Download or save your button. If you are using a website, download your image as a PNG. If you are using software, you should also save as a PNG.
Now that your button is made, go to the Aportfolio page you made the button for.
Upload the PNG by either dragging it directly onto your page or clicking the blue button and choosing “upload file.”
Using the circles in the corner of the image, resize your button as you like.
Note: If you button looks blurry, it could be because it is stretched. Resizing the image should fix that problem.
Move the button to its desired location with the multidirectional arrow.
To make your image a clickable link, click on the design icon.
Under the file settings, turn on “make image clickable” and paste your URL.
Note: You can choose whether the link opens a new window in the browser or not. We suggest using open in new browser if you are linking to sites outside of your Aportfolio such as LinkedIn.
You may also try messing with the “best fit” and “full image” options as well.
Check that your link is working. To do this, first publish the page.
Click on the Published View. It’s located up and to the right of your menu.
Finally, click on your button.
If you have additional questions, email us at firstname.lastname@example.org