Notification texts go here Contact Us Buy Now!

Tips to Optimize Blog with Plus UI 2.7.* [Pre-Preparation]

This post is published in order to prepare your blog for Plus UI 2.7.*, so that you don't need to worry after upgrading.
Note that Plus UI 2.7 (major update) is not yet released, and expected to release in Q2 2024.
Sorry for too much delay, I am unable to work on the updates due to my studies. Please bear it.
Want to help to development? Contact me
#PlusUI

I am not good at English, if you find any mistake. Feel free to comment so that I can fix it and make Plus UI Documentations more readable and easier to understand.
#LetsMakePlusUIBetterTogether

Plus UI 2.7 is targeted for "Easy Customisation", "Material UI 3 Design", "Smooth Transitions", "Better Documentation", "Better License Management".

Media

Uploads

While uploading images or videos, make sure that the filename does not contain special characters i.e ', ", ( and ). Try to use only alphabets and numbers.

Why so?

If you are familiar with CSS (Cascading Style Sheets), you might have learnt about CSS property backgound-image, Plus UI uses this property in inline style of few elements in order to display images i.e. Related Posts images, Post Navigation images, etc., an HTML example has been shown below:

<div class='image' style='background-image: url("./my-image.webp");'></div>

If image url or filename contains ", i.e ./my-image"2.webp, I will look as below which is invalid:

<div class='image' style='background-image: url("./my-image".webp");'></div>

The latest update will handle this issue which was resulting in not displaying some images, but it is still recommended to keep your images or videos filename as described above.

Post Snippets

In your post, add a jump break after your first paragraph.

You can click on the icon show below in Compose Mode to add a jump break.

Insert Jump Break

Alternatively, you can add the following comment in HTML Mode to add a jump break:

<!--more-->

To display custom snippet for your post, add the following at the top of your post in HTML Mode:

<!--[ Post Snippet ]-->
<p class='hidden'>Post snippet goes here.</p>

<!--more-->
Support this project

About the Author

Hey! I'm Deo Kumar, a passionate web developer skilled in JavaScript, Node.js, Cloudflare Workers, KV stores, and Next.js. With a focus on dynamic web applications, I excel in JavaScript and Node.js, ensuring robust websites. As a front-end expe…

Post a Comment

🌟 Attention, Valued Community Members! 🌟

We're delighted to have you engage in our vibrant discussions. To ensure a respectful and inclusive environment for everyone, we kindly request your cooperation with the following guidelines:

1. Respect Privacy: Please refrain from sharing sensitive or private information in your comments.

2. Spread Positivity: We uphold a zero-tolerance policy towards hate speech or abusive language. Let's keep our conversations respectful and friendly.

3. Language of Choice: Feel free to express yourself in either English or Hindi. These two languages will help us maintain clear and coherent discussions.

4. Respect Diversity: To foster an inclusive atmosphere, we kindly request that you avoid discussing religious matters in your comments.

Remember, your contributions are valued, and we appreciate your commitment to making our community a welcoming place for everyone. Let's continue to learn and grow together through constructive and respectful discussions.

Thank you for being a part of our vibrant community! 🌟
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.