👉 We've just released PinPresso, a WordPress theme like Pinterest! View Theme

This is Pinpresso documentation (more on this product here). You can skip the documentation with our 24h theme installation service. Whether it’s your own website or a client's, we can take the burden of installation off your shoulders. Theme installation includes full setup of the theme, plugins, settings, and demo content. Your website will look just like the demo within a few hours!

🧙‍♂️ Ok, install my theme today →

Installing WordPress

Pinpresso is a Wordpress theme, so you must install Wordpress first. There are several ways to install WordPress but the easiest way would be to use one of the one-click autoinstallers available from you hosting company. Click here to learn how to install WordPress with the most popular autoinstallers, WordPress Toolkit, Cloudron, Fantastico, Installatron, and Softaculous.

Installing a Theme

There are two ways to install a WordPress Theme. We recommend you the first one.

1. Via WordPress Dashboard

To Install a Theme via WordPress Dashboard follow these steps:

  1. Go to your WordPress Admin Panel & Log in (wp-admin)
  2. Go to Appearance/Themes/Add New
  3. From top, Click on Upload Theme
  4. Choose the theme ZIP file you’ve downloaded & Click Install Now
  5. Click on Activate to active the theme

2. Via FTP

To install a WordPress Theme via FTP, follow these steps:

Use a FTP such as Filezilla.

  1. Open Filezilla
  2. Enter the FTP account details provided by your web host in Host, Username & Password field

    Host: Server hostname (ftp.mywebsite.com)
    Username: Username
    Password: Password
    
  3. Once connected, you’ll see two panels: left - shows the files on your computer & right - shows the files currently on the web server.
  4. Locate your root folder (Ex: public_html)
  5. Extract the theme file; drag & drop the unzipped theme folder to wp-content/themes directory.
  6. If you’re done uploading files, to disconnect just click the disconnect icon
  7. Activate the theme from Appearance/Themes

Import Demo

  1. Log into your site as an administrator. Make sure the theme and all required plugins are active before proceeding. Read the previous chapter to learn how to do that.
  2. Go to Tools → Import. Choose “WordPress” from the list.
  3. Upload this file (download it first to your computer).
  4. You will be asked to map the authors in this export file to users on the blog. Choose an existing user. You will then have the choice to import attachments, so click on the “Download and import file attachments” box. Wait while WordPress imports everything.

Before adding items to the menu, you must first define it.

theme docs

  1. Navigate to the WordPress Dashboard.
  2. From the ‘Appearance’, select the ‘Menus’ option.
  3. Choose Create a new menu at the top of the page
  4. Enter a random name in the Menu Name box
  5. Click the Create Menu button.

That’s it! You’ve just created a custom menu. Now let’s add some items to it!

theme docs

  1. Notice the pane entitled Pages.
  2. Within this pane, click the View All link to display a list of all the published Pages on your site.
  3. Choose the Pages that you want to add by clicking the checkbox.
  4. Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.
  5. Click the Save Menu button once you’ve added all the menu items you want.

Great! Now the final step, make the menu visible in site. “Pinpresso” theme has 1 menu locations: main menu.

  1. Scroll to the bottom of the menu editor window.
  2. In the section titled Theme locations, click the check box for the Main Menu box.
  3. Click Save menu once you’ve made your selection.

The menu should be now visible in website.

Customizer (Theme Options)

Navigate to Appearance/Customize/Pinpresso from your WordPress dashboard. You will be taken directly to the Customizer where you will be able to set all theme options:

pinpresso customizer

Home Layout

“Pinpresso” does not have a complicated layout. Basically, all you have to do is post. The post cards will nicely arrange in their order.

However, you have the option to set the number of columns per raw. To do this, navigate to Appearance/Customize/Layout - Masonry Layout.

Post Layouts

“Pinpresso” has 2 post layouts you can choose from:

  • Default
  • Boxed (no sidebar) - example

To assign a boxed layout, simply edit the post and check the boxed style from the right sidebar:

pinpresso boxed layout

Page Layouts

“Pinpresso” has 5 page layouts, each serving a different purpose:

  • Default
  • Boxed - example
  • Users Favorites (we’ll go into details later)
  • Display Author (assign it to a blank page where you want to display all website’s authors)
  • Wide

pinpresso page layout

Author Layout

“Pinpresso” has a special page profile for each author. You don’t have to do anything, these pages are created dynamically for each author. Example.

Authors Page

If you want to show a list of all website’s authors, create a page, name it “Authors” (or whatever you like), and assign it to Display Author template from Page Attributes, then publish.

pinpresso page layout

User Account

“Pinpresso” has a user account menu by default:

pinpresso user account

If you don’t need this option, you can disable it via Appearance/Customize/Pinpresso/Logo & Nav Area. Simply toggle off the user menu area.

If you decide to keep the User Account menu, read on. The Sign in & Create account links come from the free plugin Ajax Login & Register, so make sure first you have it installed and active. A detailed documentation about this plugin can be found here.

To set the Account Page, make sure you have the free plugin WP User Frontend installed and active first. A detailed documentation about this plugin can be found here.

Newsletter Alert Bar

Actually it’s not just a newsletter alert bar, since you can add anything you want to it. Pinpresso demo uses it as a newsletter area.

From Appearance/Customize/Pinpresso/Article Alert Bar simply edit the textarea (supports HTML):

pinpresso alert bar

The shortcode for the newsletter form can be obtained through your newsletter plugin. The example shown in screenshot is using Mailchimp for WordPress free plugin but you can, of course, use your own newsletter client. Contact us if you need help styling it.

Favorites

“Pinpresso” is integrated with the free plugin Favorites.

pinpresso favorites

What does this mean exactly? Whenever a visitor/logged in user clicks the Favorite button, that specific posts is added for them in a special page where they can access it and read later.

To create the “Favorites” page, add a new page, name it Favorites or Bookmarks (or whatever you like) and assign it to Users Favorites template from Page Attributes, then publish.

pinpresso page layout

Demo Example. Remember to click “Favorite” on a post first.

Here are the settings for “Favorites” plugin. Navigate to Appearance/Settings/Favorites and follow the screenshots:

pinpresso favorites

pinpresso favorites

pinpresso favorites

Ratings

“Pinpresso” is integrated with Rate my Post free plugin. This means users can rate your post/product.

Here are the settings for “Rate my post” plugin. Navigate to Appearance/Rate my post and follow the screenshots:

pinpresso rating

Make sure you paste {{avgrating}} ({{votecount}}) in Custom results text:

pinpresso rating

Share

“Pinpresso” is integrated to Add to Any free plugin. This means users can share your posts from the post cards or from the post itself.

Here are the settings for “Add to Any” plugin. Navigate to Appearance/Settings/AddtoAny and follow the screenshot:

pinpresso share

pinpresso share

Login & Register Modals

The reason behind this approach is making the publishing experience for your guest/users as smooth as possible. Your visitors can post as a guest or as registered users. We wanted to provide a quick ajax sign up in order to keep your potential publishers on the website.

The login/register user menu is already set by default, but you must have Ajax Login & Register plugin installed and active. The user menu looks like this:

pinpresso login

On Sign in click, the modal should be active:

pinpresso sign in modal

You can set the options of the plugin by navigating to Appearance/Settings/Login/Register modal:

ajax login

ajax login

ajax login

This is a great feature for your website. You have the option to

  • show a menu link to guests only
  • show a menu link to logged in users only
  • hide a menu link from guests only
  • hide a menu link from logged in users only

How can we do that?

Add the corresponding class to your menu:

  • hide a menu link from logged in only: lrm-hide-if-logged-in
  • show to guests only: lrm-hide-if-logged-in
  • hide from guests only: lrm-show-if-logged-in
  • show a menu link to logged in only: lrm-show-if-logged-in

add class to menu

Guest/User Publishing

Activating the required plugin

“Pinpresso” is compatible with the free plugin WP User Frontend to serve your possibility of allowing guests/users to publish posts on your website. Make sure you have the plugin installed and active. Follow the set up process, let the plugin create the necessary pages.

Notes

The plugin usually installs the necessary pages on activation. However if you missed that part, create them yourself. You will only need these pages:

  • A page named My Account with the shortcode: [wpuf_account]. This is where the users can edit their profile and publish/edit posts:

pinpresso account

  • A page named Edit with the shortcode [wpuf_edit].

  • A page named Login with the shortcode [wpuf-login].

  • a page named Registration with shortcode [wpuf-registration]

Set your publishing options

Next, navigate to Appearance/User Frontend and set the options. Here are the screenshots of the options set in our demo to make your work easier:

mundana uf general

mundana uf posting

mundana uf dashboard

mundana uf account

mundana uf login registration

mundana uf paymentss

mundana uf emails

Create “Publish a story” page

Now that you have completed the settings, let’s create a the “Publish a story” page, where your guests/users will actually publish their posts.

Navigate to Appearance/Frontend/Forms. Create a form as shown in the screeenshot below and copy the generated shortcode. Paste the shortcode in a newly created page called Publish a story (or whatever name you wish). That’s it!

mundana publish story

Recommended Post Form Settings

mundana publish story

mundana publish story

mundana publish story

WordPress not sending emails?

This happens. Post SMTP plugin will help you fix this issue. It has a powerful Setup Wizard for perfect configuration to send e-mails through your WordPress website.

Contact Form

“Pinpresso” uses Contact Form 7 plugin to showcase the contact form in demo, but you can, of course, use any plugin you wish. For Contact Form 7 here is the form content:

[text* your-name placeholder="Name"]
[email* your-email placeholder="E-mail"]
[textarea* your-message placeholder="Message"]
[submit "Send"]

pinpresso contact

Easy Digital Downloads

“Pinpresso” is compatible with the free plugin Easy Digital Downloads. To enable the digital shop on your website, make sure you have this plugin installed and active.

To add your products, navigate to Appearance/Downloads - Add new download.

Your shop with the newly created products will be at: www.mywpwebsite.com/downloads.

Add a custom link in your menu with the appropriate link so that your users can access the shop:

pinpresso edd menu

EDD is a great, simple yet fully featured plugin. A special extended documentation of the EDD plugin can be found here.

Create Child Theme

If you want to use a child theme, we recommend you to easily create a child theme with this Child Theme Configurator plugin.

Pinpresso

If you’d rather create it manually, please, read our detailed article: “Protect Your WordPress Customizations with a Child Theme”.

Translate Theme

"Pinpresso" theme is translatable. All you have to do is to install a specific plugin so you can easily translate the theme in your own language. We recommend you Loco Translate plugin.

loco-translate

Icons

"Pinpresso" theme has Font Awesome integrated. This means you can use any icon from this list anywehere in your site with a simple code: <i class="fa fa-telegram"></i>. Of course, you will replace telegram with the keyword corresponding to the icon you wish to use. More examples:

<i class="fa fa-envelope-open"></i>
<i class="fa fa-commenting"></i>
<i class="fa fa-flag"></i>

Images

You can get free images for your website at Unsplash.com.

Get Support

"Pinpresso" documentation is always evolving. If you have questions, please, submit a ticket here. Also, don't forget to subscribe for news, updates & releases!

Share