Super charged Google Blogger would kill WordPress


I made great effort to put a post on wheel these days. First I write and correct my article with Typora markdown editor. Then paste to a classic WP editor because of the incapability of WP Code block editor to save my draft ( work only once).

Then I found missing some element, when I back from classic to block editor, it can’t edit some part of it.

Today a is a doom day, when I tried to access WordPress , the site didn’t show up as many site. I just take a look at Google and eventually look at blogger.

Blogger load faster and even I tried to create blog with few post, the draft also work faster, the interface has been much better than before. Few thing I should miss, [short code] , programmable sidebars etc.

Above all the Blogger.com let me copy markdown content directly yo the editor and almost with Zero change required !

Conditionally place a widget in WordPress


This post is only for beginners, may be you already learn how to customize the widget. We have learned [post-display] short code and tricks to place post list on the sidebar , if you miss you those here it is.

Controlling the widget Visibility

Every widget in WordPress blog carry a visibility option, which allow us to place some condition for where it should be or should not be appear

Visibility of Widgets

From the select you can place element such as Category, tag, Page etc for matching the is box condition. It will run all the conditions and make the widget visible/hide only if a single condition is succeed.

For example , we can avoid showing a post widget being placed on front page and can place only with particular category post or in a static page.

Here is our WP Post widget which is only visible in WordPress Category Posts and in Front Page. It also hidden to other Pages, Category posts

Our WordPress Category Post Widget

Optionally you can suggest widgets to match all the condition by ticking Match all condition which will make all the conditions are mandatory for the widget

You can customize all widgets from the https://wordpress.com/customize/<blogaddress&gt;

Ultimate Tools for blissful writing


One of my favorite writing tool is WordPress classic post editor ( distraction free mode) , it lend me a hand to write something in a peaceful state of mind. Later WP introduced a much modern Block editor, I am font of it. WP is online and it will not enough for all of us, we need a simple offline tool. Yes there is editors like MS Doc or Open Office Doc and plenty of other premium quality Apple Write like tool. Is all these need for you ?. I don’t think so.

Block Editor annoyance

Recently I have some bitter taste with WP Block, the first thing happened few months back ,figure out my Drafts are disappeared and as a premium customer I have right to talk to them and they fix the issue, I already lost my long post, which I should reproduce. At the mean time everything is super fine with classic editor, nothing wrong.

The second issue keep happening during the composing and previewing of a post. When the first first draft was saved it was ok. Then second or third it will not save the post and says “Update failed” in read line . I reported the error several time and they don’t have a solution for this moment. It is hard to believe that they succeeded to fail! Continue reading Ultimate Tools for blissful writing

Create a author post widget in WordPress


We have learned how to create category post widget, how about a author post widget ? In case you missing previous WordPress posts here is the list

Author posts

We can quickly build author based posts by quarrying posts collections with magic short code , which can be place on content area or sidebar. Here is the short code

Query
display-posts author="bill"
[above query here]

Wanna list by published date ?  use the order and orderby and our display-posts query will look like  

Query
display-posts author="bill" order = "ASC" orderby="date"
[above query here]

Author Post Widget

So we are ready for Author Widget , go head add a sidebar ,Text Widget by using Customize button under Design [Block Editor] or Appearance – Customize [ Classic Editor/WP-Admin panel] and name the Text Widget  (eg: Post by Bill) and the add the display-posts Query to the content area as follow

Query
display-posts author="bill" order = "ASC" orderby="date"
[above query here]

Now you know how to build a Author Post widget without messy code.

Create category post widget in WordPress


We have learned ho to manipulate WordPress posts using short code and display-posts, if you miss any, following list will help you

Widgets

Widgets are the objects or controls that can be place in side bars, you can customize them using the Customize button under Design [Block Editor] or Appearance – Customize [ Classic Editor/WP-Admin panel].

Our aim is to create a Text Widget  for side bar and place some category post inside.

  1. Create Text Widget using Customize Widget
  2. add the following Short code in the content section
display-posts category="WordPress"
[above code her]

That’s all , you can see live view of widget example at the top right sidebar titled as WordPress Tips

List category posts in WordPress


I have went through a beautiful Jetpack plugin, display-posts, in case you miss them here is the  posts I recommend.

Category Post

What is category post ? Post that are composed in specific category is called category posts. All posts are category posts. 

How do we list them ? 

Using display-posts we can make a list of posts. So let’s build a list with short code

display-posts category="Python"
[above lines here]

The above short code can place any where in the content area which list Category posts lies under Python

 

Display post inside another post/Page in WordPress


We have learned so far how to use listing projects with short codes , with content, excerpts, image and lots of customization. If you ever miss them here it is

Post inside a Post

Place a post inside another post or page.  Sound crazy ? You can do this with Display-posts plugin which can be used as short code .

Do you know that you can place short code  not only in  short code block but also a paragraph block or in classic editor  as [ short code here].

First we have to find the post ID ( each WP post comes with unique post id, you can find them in posts by pointing the post title, in the status bars it will show as post=2005)  , since we need a single post and use it in short code as follows.

As we all know short code appear inside of opening( [ ) and closing (]) square brackets.

Short code
display-posts id=2419 include_content=true
[ short code here ]
display-posts
display-posts – Example

Using the id  we can specify the post ids, in case of multiple post separate with comma (,) , also want to show content after the title , so used the include_content option which is by default set to false.  

 

Display random projects using short code block in WordPress


We have seen how to use short code to play with portfolio projects, I have few more posts in this category.

How about a random wise project list , in a page or post, which changes the order each time load. A customization of short code will make it possible

portfolio showposts=3 orderby=rand

You can specify number columns using columns parameter and number of posts using showposts parameter

  • display_types: display Project Types – displayed by default. (true/false)
  • display_tags: display Project Tag – displayed by default. (true/false)
  • display_content: display project content – displayed by default. (true/false)
  • display_author: display project author name – hidden by default. (true/false)
  • include_type: display specific Project Types. Defaults to all. (comma-separated list of Project Type slugs)
  • include_tag: display specific Project Tags. Defaults to all. (comma-separated list of Project Tag slugs)
  • columns: number of columns in shortcode. Defaults to 2. (number, 1-6)
  • showposts: number of projects to display. Defaults to all. (number)
  • order: display projects in ascending or descending order. Defaults to ASC for sorting in ascending order, but you can reverse the order by using DESC to display projects in descending order instead. (ASC/DESC)
  • orderby: sort projects by different criteria, including author name, project title, and even rand to display in a random order. Defaults to sorting by date. (author, date, title, rand)

How to add to post/page

  • Add a short code block
  • Add the customized portfolio code [Above]
  • Preview and Publish changes

More on WordPress and Short Code

Display specific type of portfolios using Short Code in WordPress


How to display only specific portfolio projects in a page/posts using short code block in your WordPress website ?

Portfolio short code can be customized. Following are the list of attributed you can use

  • display_types: display Project Types – displayed by default. (true/false)
  • display_tags: display Project Tag – displayed by default. (true/false)
  • display_content: display project content – displayed by default. (true/false)
  • display_author: display project author name – hidden by default. (true/false)
  • include_type: display specific Project Types. Defaults to all. (comma-separated list of Project Type slugs)
  • include_tag: display specific Project Tags. Defaults to all. (comma-separated list of Project Tag slugs)
  • columns: number of columns in shortcode. Defaults to 2. (number, 1-6)
  • showposts: number of projects to display. Defaults to all. (number)
  • order: display projects in ascending or descending order. Defaults to ASC for sorting in ascending order, but you can reverse the order by using DESC to display projects in descending order instead. (ASC/DESC)
  • orderby: sort projects by different criteria, including author name, project title, and even rand to display in a random order. Defaults to sorting by date. (author, date, title, rand)

Display only specific post types

You can specify post types as include_type and it will look like

portfolio include_type="Flutter"

You can also hide showing display type by using display_types=false false

Organize Portfolio projects in WordPress as Page


Portfolios area great ways to show case your projects in a blog. You can include them into separate menu [Projects].

How about organize the whole projects into a static page. Every time you add a project, it should update automatically, sound good ,isn’t it?

  • Create Static Page whatever block you want to use, go head. Have a clear design and description of your page with skills set.
  • Add a Short Code block after the details section and add the following short code into the block

portfolio

The page will be automatically added to the Menu section or you can add the page menu using Customize design option from your admin menu.

Now every time you add a project it will added to the portfolio project page by short code.

Here is example of portfolio page , my projects