Top

Posts

Creating a post

You're now ready to create your first post. Navigate to Posts ➝ Add New within your WordPress admin dashboard.

Here you can do WordPress' default actions such as enter the title, content, format and categories of your post, and click the Publish button to publish. However, with Float you can also insert shortcodes into your content by clicking the Insert Shortcode button above the editor (highlighted above), which opens the shortcode generator (see the Shortcodes section of this guide for more information). 


In the Post Options section at the bottom of the page (highlighted above), there are various options that allow you to further customise your post, such as configuring the banner, gallery, video and audio.

Adding a banner

A post banner appears as a thumbnail image on a blog index page, or a full width banner at the top of a post single banner. To add a banner to your post, scroll to the Featured Image section at the right of the Add New post page and click Set featured image

From the resulting media gallery popup, select an image thumbnail or upload an image and click the Set featured image button.

Banner image size

An image size of 1920 x 1280 pixels is sufficient to achieve a retina banner, and is the size used for all post banner images in the Float demo. However, You can adjust the size of your banner according to your requirements.

Banner options

There are several options available in the Post Options section that allow you to configure your banner. You can add a different image to the post thumbnail, vertically align the banner image on the post single page, modify the color of the banner's text and links, and change the logo color.

Video post

Float supports two types of video formats: YouTube and Vimeo. Videos from both of these popular platforms can be integrated seamlessly into your posts. To do so, first select Video in the Format section. 

YouTube

To create a YouTube video post, first locate the video you want to use on the YouTube website. Click on that video and on it's video page, copy the URL from the browser URL bar.

Go back to the Add New post page, scroll to the Video URL field in the Post Options section and paste the YouTube video URL that you just copied into the input. Click the Preview button to preview the video. 

Vimeo

For Vimeo videos, go through the exact same process as with YouTube videos. Visit the Vimeo website, locate the video you want to use, and copy the URL of that video page. Paste the copied URL in the same Video URL field in Post Options and click the Preview button to preview.

Modal or Background video

On the single page of video posts, you can choose to show a video background banner or a normal featured image banner with a link to a video modal. To do so, select either option in the Video single page display dropdown in the Post Options section.

Gallery post

A gallery post displays a slider in the post thumbnail of the blog index page. To create a gallery post, first select Gallery in the Format section. 

You'll then need to create a gallery shortcode. To do so, click the Add Media button above the editor.

This will bring up the media modal. Select Create Gallery from the menu on the left, then click on each thumbnail to include in the gallery (you'll need to upload images first if you haven't already. To do so, click the Upload Files tab). Your selection will appear at the bottom of the modal. Click the Create a new gallery button when you're finished.

You'll then see an Edit Gallery page in the modal. In the Gallery Settings section on the right, set the Link To dropdown to either Media File (to bring up a view modal when the plus icon on a gallery slide is clicked) or None for no modals.

To achieve a retina gallery, select Large from the Size dropdown.

Click Insert gallery to generate the shortcode. The shortcode will then appear in the editor. If your editor is in Visual mode, click the Text tab and copy the gallery shortcode (as hightlighed below).

Paste the copied shortcode in the Gallery Shortcode field in the Post Options section, and click Publish.

Audio post

Float supports two types of audio formats: a SoundCloud embed and an MP3 file. Each audio format can be integrated seamlessly into your posts. To do so, first select Audio in the Format section. 

SoundCloud

To create a SoundCloud audio post, first locate the audio you wish to use on the SoundCloud website. Click the share icon of your audio selection, as highlighted below.

This will bring up a popup. Click the Embed tab at the top, click the standard embed thumbnail (on the right) and copy the embed code from the Code and preview section. 

Go back to the Add New post page, scroll to the Soundcloud embed code field in the Post Options section and paste the embed code that you just copied into the input. Click Publish.

MP3

To create an MP3 audio post, scroll to the Upload MP3 file field in the Post Options section and click select. From the resulting media gallery popup, select or upload an .mp3 file and click the Select button. 

You'll then see the path of your .mp3 file appear in the input field.

Click Publish.

Lightboxes

Lightboxes can be created within posts in the following ways:

  • Gallery images (set to Link to Media File)
  • Images with captions

To activate the lightbox for gallery images, the images will have to link to their media file. You can set this in Gallery Settings within the model via Add Media ➝ Create Gallery.


Powered by Pixelsmile