Skip to content

Screenshots

Glen Mazza edited this page Oct 12, 2018 · 6 revisions

Below are the screenshots for the TightBlog UI. Note TightBlog is a blog server as opposed to a single-blog editing tool, so there are administration pages for handling users and setting rules for all blogs which are accessible only by those defined as blog server admins. There are also the normal blog-specific editing and administration pages handled by each individual blogger.

New User Registration

Shown the very first time TightBlog starts. The first user created is automatically the blog server admin, additional admins may also be declared on the User Administration page (shown later). This page is also used for regular new bloggers thereafter when the "Register" link is clicked.

New User Registration

Scan QR Code

By default, Google Authenticator (i.e., 6-number entry from one's smartphone) is required for all logins. This feature can be disabled by setting mfa.use=OFF in your tightblog-custom.properties override file.

Scan QR Code

Login Window

Note the third field for Google Authenticator code entry will not appear if mfa.use=OFF as discussed above. In cases where the Admin deletes a user's QR code on the User Administration page (to obtain a new one for the user), this field can be left blank for the user's next login, however they will be immediately sent to the Scan QR Code page above to obtain a new QR code.

Login

Blog Server Administration

This screen is accessible only to blog server admins. It appears after initial registration of the admin as well as by selecting "Global Admin" in the upper right menu. It is here where you define the runtime rules for all blogs in the system, whether or not new users may register manually, size limits for media file uploads, etc. Global Admin - One Global Admin - Two Global Admin - Three Global Admin - Four

User Administration

Again only for blog server admins. Can reset passwords and QR codes for bloggers needing it. It is here also where you approve or reject new blogger registration requests, deactivate users, etc. TB presently does not have "delete user" functionality, that would have to be done through the database, however deactivation alone prevents further logins by the user.

User Admin

User Profile

A similar tab but for individual bloggers to change their screen name, email address, and/or password without needing the Blog Admin to do the same for them on the User Administration page.

User Profile

Cache Statistics

Provides information on how efficiently TightBlog is returning 304 (Not Modified) codes to client requests, or failing that, cached data, reducing the amount of database and other work needed to generate blog pages.

Cache Statistics

Blogger Home Page

This is the page bloggers normally see upon login. It lists all the blogs the blogger has created as well as providing an option to create additional blogs. Should the admin wish to limit bloggers to just one blog and/or create the blogs for the blogger, the admin on the Global Settings page can provide just the BLOGGER (instead of BLOGCREATOR) role for new registrants and change to this role for already existing users on the User Admin page. Then, create new blogs and assign the user "OWNER" role for them on the blog Members page (shown below).

Home Page

Create New (or configure already existing) Weblog

Pressing the "Create New Blog" button on the previous page takes the blogger here, where he or she can specify desired parameters for the new blog (within the permissions set by the Blog Server Admin on the Global Settings page). Items such as desired theme, whether or not to allow comments, blog entries per page, desired blogging language (HTML/CommonMark/WYSIWYG) etc.

Weblog Settings 1 Weblog Settings 2

Blog Entry Edit Page

This is where blog entries are created and updated. There's a preview button to see final results prior to publishing. Nothing is sent to the server without hitting the "Save" button (indeed, that is needed even for Preview). There is a summary field, that if set, appears by default along with a "Read More" button for multi-entry blog pages (it is not used with the blog entry's permalink), also a Notes page not meant for publishing but just a place for the Blogger to write things down for future reference.

Edit Entry 1 Edit Entry 2

Entries Page

Paginated list of all blog entries in the weblog, their publication status, search option as well as buttons for convenient maintenance of them.

Entries

Comments Page

Likewise, list of comments for maintenance. Spam-detected comments are in pink, those not yet approved for display are in yellow. Bloggers have the ability to edit the commentor's message (be nice!) to fix typos, etc., prior to display.

Comments

Categories Page

Blogs must have at least one category (even if not displayed on the blog). Here you can maintain, add, delete categories as well as see how frequently you are using them. If you choose to delete a category that has blog entries the ensuing popup will have you specify another category to move those entries to.

Categories

Tags page

Similar to the Categories Page, with slightly different functionality. Here you have the ability to add a new tag for all articles having a given tag, delete a tag, or rename a tag. If you rename a tag to a tag that already exists, all articles not already having that latter tag will have it added, e.g., if 5 articles have a Programming tag, 3 have a Java tag, and 2 have both Java and Programming, renaming Java to Programming will result in ten articles having just the Programming tag.

Tags

Blogroll page

Called by blog themes for determining the items to place in the blog's blogroll. Blogrolls can also be manually coded within the theme template and this screen disregarded.

Blogroll

Media File Uploads

Allows the blogger to load images and MP3's for subsequent inclusion within blog entries. (The Blog Entry Edit page has a popup for choosing media files uploaded here for inclusion into the blog entry text.) Anything uploaded is immediately publicly accessible via its URL given on the Media File Edit page (below). The blog server admin on the Global Settings page has the ability to specify upload size limits and allowed/prohibited file extensions and MIME types, as well as whether or not to allow Media File uploads at all (it may be desired to store images and the like external to TightBlog.).

Media File List

Media File Add/Edit

Used for uploading individual media files as well as specifying HTML attributes that will be provided in the anchor tags generated for selected Media Files (where relevant). Specifying attributes here is optional, they can also be manually placed in the anchors inserted in the blog text. Note attributes specified here hold only for subsequent inclusion of the media file in blog entries, if changed after including in a blog entry the anchor tags within those entries may also need manual updating.

Media File Edit

Template Maintenance

Please see this page for a detailed discussion of this screen.

Templates

Template Add/Edit

Overriding or creating new templates for your theme on the previous page brings you to the Template Edit page.

Template Edit

Change Theme

A blog theme is a collection of templates used to render your blog's pages, a collection that is easily modifiable via the Template editing pages above. However, for a wholesale change in the blog theme, or for a customized theme that you would want all bloggers to use, you can change to a different theme here. Three are provided by default, with additional themes loadable by creating and adding them into the TightBlog distribution. However note that when switching themes, template overrides created from the previous theme that would collide with the new theme will get deleted, so you may wish to back up your custom templates offline before doing a theme switch.

Change Theme

Members Tab

This is where the blogger may invite other bloggers in the system to share in the blog's maintenance with the specified blog roles. It is here also when a blog server admin, if desired to create the blogs for incoming users, would assign the "owner" or other role to the blogger. Note the "owner" role confers all rights as the original blog owner, including the right to delete the blog. Contributors may not directly publish blog entries, but can create and edit them and are provided a "Submit as Draft" button that emails blog owners and publishers to review and publish the blog entry if desired.

Members

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.