The user wants to create content that contains rich media and formatted text but does not have the knowledge or time to write HTML code. Design elements offered by PHPKB are the built-in snippets that help your knowledge base documents to be more than just big blocks of text; they present your knowledge in a meaningful way. PHPKB knowledge base software provides readymade design elements enabling content writers to add notes, warnings, notices, alerts, tips, quotations, and style their documents properly the way they want.
How to add design elements to your knowledge base documents?
Adding a design element is a single-click job. In the WYSIWYG editor, click on the first plugin icon in the custom toolbar (screenshot below). A dialog will open, choose the design element of your choice and click on the title of an element to insert it in the WYSIWYG editor.
Features
Design elements have an impact on how a piece of work is perceived and used. For instance, a component for calling extra attention to a certain piece of information. People’s attention is limited and readers are happy if useful information is available in front of their eyes, and design elements help here. They help in grabbing the user's attention by posting useful messages in beautiful components.
Multi-Colored Elements
PHPKB offers design elements in different colors to emphasize specific areas or actions.
For Example:
- Alerts are often displayed using a strong colour like Red.
- Yellow often indicates a warning that might need attention.
- Green often indicates something successful or positive.
- Blue often indicates a neutral informative change or action.
The design element "Notices" can be used to notify the user about something special: danger, success, information, or warning.
Status Elements
A knowledge base can be used by internal teams and you can utilize articles to assign tasks to employees. The Status elements help to mark the progress of the tasks assigned. For Instance, in progress, if the team member is working on an assigned task. Change the status to "complete" when it is finished.
Fully Responsive
These components are fully responsive and look equally good on both desktop and mobile devices.
Mobile View
Desktop View
