The exact way to differentiate WordPress from competitors is to treat them differently. Moreover, if you have used a very familiar technology, there may be a win-win situation. Displaying WordPress posts as Facebook style timelines is one such case. This article describes how to use the recently launched timeline Pro plug-in to implement a timeline on the word press site. The Facebook style timeline is familiar with the post list, but it can bring interesting dynamics. No matter what you think of Facebook, Facebook’s interface and user interaction methods are understood by most potential customers and are immediately familiar with them. Using this sense of familiarity immediately, visitors can feel home like comfort through the obvious potential chain effect of deeper and continuous participation. The
The good news is that the implementation of Facebook style timeline for WordPress Posts mainly benefits from the timeline Pro plug-in of kento themes, which is a simple three-step process. The following is a screenshot of the test site that ran test data in Michael Novotny’s WP test. Use the timeline Pro plug-in to create a single page website. The value of the test is that in order to test the plug-ins in the article, installing WP test data on the test site does not mean that the plug-ins are bug free, so this is an unintentional main shot. Let’s see how to modify it. The
Plug in developers and anyone who actually builds a website should use comprehensive data such as wptest to test their creations. If you want to play with timeline pro, it is recommended to use the data in WP test. You must also install the slim jetpack plug-in and activate the tiled galleries. Step 31 of creating timeline – timeline Pro plug-in as mentioned above, there are several errors in version 1.0 of this plug-in. You can this version and update it in detail or the updated version later in the article. With a bit of luck, the kento theme will soon be updated to the official version. The
Step 2 – updating the preferences plug-in will create a new management menu item timeline Pro settings. Click this item to set preferences for how the timeline is displayed. Why look for something else instead of everything? The color and article type can actually be redefined by the shortcut code, but it is global to display thumbnails, only excerpts or complete content (this is shameful, and it is better to control all the options in the shortcut code). It is recommended that all contents be displayed. Because the annotation display and response are inlined using Ajax, the user experience will be more satisfactory without leaving the page to display the entire content. The
Select your preferences and click save changes. Step 3 – create a page for the timeline, create a WordPress page as usual (Page > New), and add the following shortcut code to the page body in the content: [timeline \u pro] this will create a timeline. In addition, fixed posts are respected and are actually displayed at the top of the timeline in full width. Step 4 (optional) – to specify the timeline page as the home page and use the timeline as the home page (there must be a page site effectively), set > read, set the previous page display as a static page, and then select the timeline page. The
The static page containing the timeline, several modifications of the home page settings, and most plug-ins work as expected, and are transferred with the message (online display and reply)
Excellent support for online loading of posts. However, there are several bugs that need to be fixed before they can be fully usable. As mentioned earlier, you have made changes to this version of the plug-in, but for completeness, we have recorded the changes here. Revision 1: to prevent line breaks in the number of posts, and to prevent line breaks in the number of CSS adjustment (MAC) Chrome posts, slightly adjust them. This only happens on chrome on OS X. The
Style Add the following statement to CSS: Comments count{blank: nowrap;} Modify 2:css adjust the way CSS is currently used to correctly display lists in posts, which means that all lists in actual Posts adopt the style of the timeline list itself, rather than the style we want. To prevent this from happening, style. At the top of CSS: Timeline lee{display: inline block; margin: 20px0! Important; down jacket: 0; position: relative; text alignment: Center! Important; vertical alignment: top; width: 50%;} The
Then change the previous line to Timeline li Stic Timeline li Odd Timeline li Yung{modify 3: when outputting the post content, the code for processing the shortcut code adjusts the post content to the word press function get_the_content() Use output. Unfortunately, this means that the shortcut code is not processed, but is displayed in the original format. To work with shortcut codes, use index. Open PHP and replace the following two instances:$ Timeline_pro= \
Meanwhile, if ($post->post\u type== \
This is a single page website that can access all posts through a mechanism familiar to most users. Can your website benefit from this method? Label: Facebook
