How to make an advanced custom post on Quick Stare.
In this tutorial we will cover a few of the features that you can add to a custom post to create an exceptional and superior article for your content. We will only be using a small fraction of the block types that are available. Many of the block types are common website functions, so there is plenty of information online if you need to find more information about them.
Custom and advanced posts along with videos submitted to Quick Stare will be indexed in search engines, where as status updates most likely will not. This can give your content a far reaching advantage on a powerful organic publishing platform that many other social networks do not offer. Posts on Quick Stare will be published with all the correct structured data markup and open graph data that search engines and social networks use the understand and display content correctly. New and updated posts will also be submitted for indexing by Google search, instantly via an API. The post also creates an accelerated mobile page version (AMP Page), that may be cached by Google for super fast loading speeds on mobile devices. You may have noticed in Google’s mobile search results, AMP listings have a bolt icon ⚡ and load instantly. Visit the QUICK STARE AMP website here.
You can also check out the basic Custom Post Tutorial for how to write good titles and create higher quality content. So let’s get started.
Document -- Block and SEO Options.
The custom post panel on the right is where you can switch between editing the Document, Block and SEO options. To switch between the options simply press the gear icon next to the publish / update button to edit the document or block options. To edit the SEO options press the chart 0/100 button next to the gear icon.
Let’s start with the document. Here you can choose a category and add some tags and featured thumbnail image. There is also more options here that include making the post public or private, publish immediately or schedule along with the excerpt and comment/discussion options.
To edit the block options, simply select the block you want to edit and choose the block tab in the menu. This will allow you to change the available settings based on the block type.
To edit the SEO options simply press the chart 0/100 button next to the gear icon in the menu. The 0/100 represents the SEO score from 0 out of 100. To edit the meta title and description, press the edit snippet button. Here you can also edit the link along with the facebook and twitter meta and featured image, encase you would like the post to be displayed differently when shared on the different networks. When you scroll further down the SEO menu, you will see recommendations to improve the SEO score and post findability in the search engines. Simply enter your focus keyword and click on the question mark for SEO tips and then fix any errors listed.
SEO Search Engine Optimization Performance:
Search engine optimization is the key to reaching a target audience organically. Define a focus word or phrase that summarizes the post and enter it into the Focus Keyword input box. The SEO score is based on where the words are located and by improving this it will really help to show search engines what the primary focus of the content is.
Enter a Focus Keyword.
Adding New Block Types.
After you have entered a title, simply press Enter on the keyboard to exit the title or the current block, you can also press the + button to open the block menu. If you cannot see the + button, it may be because you are editing a video submitted using the video submission page, simply click on the 3 dot menu and select Convert to Blocks. After you press the + button, you can either search for a block or choose one from the menu. At the top of the menu you will see your most used blocks and if you scroll down there are many sub menus that contain a vast variety of block types. Simply click the arrows in the block menu to expand the sub menus.
Common Block Types.
Adding common block types such as headings, text paragraphs and images is easy. Simply press the + button to add a new block and choose or search for heading, paragraph or image and then select that block from the menu. Now let’s get started with some more advanced blocks.
How to Embed a Video, Image, Song + More.
Embed means to display and utilize content from another website without leaving the page you are currently on. It is easy to embed any of the content types from various websites listed below. Simply copy and paste the link into a new empty block or you can search for the embed block.
Website and Content type.
- YouTube -- Videos.
- Facebook -- post, activity, photo, video, media, question, note.
- Spotify -- Music.
- Instagram -- Images.
- Twitter -- Tweet, profile, list, collection, likes, Moment.
- Giphy -- Animated GIFs.
- Reddit -- Posts & Comments.
- Photobucket -- Images.
- ReverbNation -- Music.
- Scribd -- Documents.
- SlideShare -- Presentation slideshows.
- SmugMug -- Various.
- SoundCloud -- Music.
- Amazon Kindle -- Videos.
- Animoto -- Videos.
- Vine -- Videos.
- WordPress.tv -- Videos.
- Blip -- Videos.
- Cloudup -- Videos, Galleries, Images.
- CollegeHumor -- Videos.
- Crowdsignal -- Polls & Surveys.
- DailyMotion -- Videos.
- Flickr -- Videos & Images.
- FunnyOrDie -- Videos.
- Hulu -- Videos.
- Imgur -- Images.
- Issuu -- Documents.
- Kickstarter -- Projects.
- Meetup -- Various.
- Mixcloud -- Music.
- Speaker Deck -- Presentation slideshows.
- TED -- Videos.
- Tumblr -- Various.
- VideoPress -- Videos.
- Vimeo -- Videos.
Video Tutorial: How to Create Custom Posts
How to add an image slider.
Add new block> Ultimate blocks> Image Slider or simply search for Image Slider. Next you can upload or select images to add to the slider. Simply edit the block options for the way you want the slider to display and function. You may want to remove the dots and enable the auto start etc.
How to add Accordion.
Accordions allow you to expand a title to show more text. Simply choose the accordion block then give it a title. Then press the arrow to expand it and fill in the text you want to show after expansion. You can change the color and other options by visiting the block options.
This is where you place the text that you want to display after the accordion has been clicked.
How to add Expanding Text.
Add the Expand/Show more block. Give it a title and then fill in the text you want visible and also the text that you want displayed after it has expanded. Select the block options for more colors and settings.
How to add Social Icons.
You can also add social icons to your custom post. Simply add the social icons block and choose the social networks you want to add by clicking on the network icon. Enter the link to your social network and then press enter or use the enter button to confirm.
Social Icons Example:
How to add columns.
Adding columns is a great way to display content on different devices. Instead of having one large image that is hard to view on a mobile device you can create 3 small images in columns. This way they will be viewed alongside each other on larger screens, but on a mobile device they will be one on top of the other. Simply add or search for columns and choose the amount of columns to display and proportions. Next press the + button inside each column to add new blocks in each column. See in the example below, three equal columns and then it shows the + buttons to add new blocks within the columns.
How to add a spacer.
Spacers can be used to space things out when content items are too close together. Simply add a spacer blocks and then adjust it to the size of space you want to create.
You can drop and drag blocks or use the arrows to move them up and down in location. Simply select the block to bring up the block menu which also has a few other options, say for example if you want to delete a block or convert it to HTML.
When you have finished creating your custom post you can preview it by pressing the preview button located next to the Publish/Update button in the top right. You can also view and edit your posts via the main menu.
That will do for this tutorial. There is a lot more powerful functionalities when creating custom posts, but now that you know some of the advanced features and how to use them, everything else will be easy to work out. You could also add a suggestion for a tutorial in the Quick Stare Feedback Group. For more information on how to use Quick Stare and tutorials please see the FAQ.