I am proud to announce that Galaxie Blog 3 is finally released. While this blog does not yet have full fledged content management tools or e-commerce capabilities, it is intended to meet or exceed the out-of-the-box core blogging functionality of all of the major blog platforms such as WordPress and Wix. Unlike some other major blogging platforms, you own your data with Galaxie Blog, and Galaxie Blog only uses non-propreitory open-source libraries and is completely free.
Galaxie Blog was developed with a mobile-first priority. We have put great emphasis on perfecting your mobile experience where you can manage the blog and create a stunning blog post with just your phone. Galaxie Blog 3.0 is also an HTML5 web application. HTML5 is a modern web standard that supports the latest multimedia features and enhances user interaction.
Galaxie Blog has extensive media support and will take the media that you upload and create new media formatted to the major social media platforms like Facebook and Twitter. You may also edit the images that you upload in the browser- no Photoshop is necessary!
Galaxie Blog has scores of WYSIWYG editors. You don't need to know any HTML in order to create a beautiful blog post. These interfaces will allow you to upload images, videos, image galleries, and even create maps and map routes. Galaxie Blog is perfect for the travel blogger- it offers comprehensive tools to generate and share various types of maps that are free of charge.
The blog also allows the users to interact with your post and share your posts on various social media sites. The blog offers options to use other commenting systems, such as Disqus if you want to use them.
Galaxie Blog is eminently themeable. The blog has nearly 30 different pre-built themes and you can develop your own theme within a few minutes and unique fonts can be applied to any theme. All of your post content will take the characteristics of your selected theme. For example, the blog has branded emails that are sent to your subscriber base and the emails will be branded according to your theme.
Galaxie Blog supports more databases than any other major blog software and can be used with any modern database. You don't need to have an isolated database and can keep the current database system that you have. Galaxie Blog also will also automatically create the database objects and schemas as required. Galaxie Blog also has an automatic installer and allows you to import data from a prior version of Galaxie Blog or other blogs such as BlogCfc.
Galaxie Blog has extensive SEO features to improve your ranking with the search engines. It also automatically structures your blog data for the search engines using the most modern version of JSON-LD. Galaxie Blog also automatically generates RSS that allows other applications to access your blog posts and create real-time feeds.
Galaxie Blog supports multiple users and user capabilities. There are 9 different user roles and dozens of unique capabilities. You can create new custom roles with unique capabilities. For example, you may assign one user to moderate the blog comments, and another to edit the contents of a post.
There are many more Galaxie Blog features that I will blog about in the future.
This entry was posted on April 15, 2022 at 1:56 PM and has received 170 views.
Introducing the Galaxie Blog HTML5 Grids
Galaxie Blog uses a customized version of jsGrid, a lightweight client-side data grid to find and edit records when administrating the blog. These grids support grid operations like inserting, filtering, editing, deleting, paging, and sorting records, and it is fully customized to match the Galaxie Blog themes. JsGrid has no license restrictions and is fully open-sourced and uses the MIT license.
There are many integrated grids in the Galaxie Blog Administrative site. These grids manage:
- Users and user login history
This customized version of jsGrid is quite different than the official version and has been heavily customized to match the Galaxie Blog themes.
All of the grids can be sorted and most columns support search operations. To sort a column, simply click on the column header at the top of the grid.
The search capabilities are available by typing in a string right underneath the column header and clicking on the search icon in the grid control to the right. The search is case-insensitive and it will match any word that you type into the search field. For example 'Greg' will match 'Gregory'. This is quite useful to find records that you want to edit. Simply type in one or two words for the text that you want to find.
Opening up the detail interfaces from the grid
Most of the grids are used to display interfaces to edit the detail record. For example, to pull up a post that you want to edit. To open up the detail interface, click on the links within the cells to the left side of the grids. Not all grids have a link to the detail editor, for example, the category grid. Categories don't have enough metadata to support a dedicated detail interface, only the category and alias exist, and all of these editing tasks can be performed within the grid.
All of the grids support basic editing. While there are some things that require a dedicated interface, such as editing a post, there are some time-saving editing features built into the grids. For example, you may quickly delete records without having to click on a link to open up a separate interface just to delete something.
To quickly perform edits in an editable column in the grid, click on the edit button at the far right end of the row. After clicking the edit button the editable fields will be displayed. Change the value of one of the fields, and click on the checkmark button to save the record. This is a very fast process and you can immediately move the next record that you want to edit.
Most of the grids allow you to delete records. Don't be afraid of accidentally hitting the trash can icon which will delete something- you will always receive confirmations before Galaxie Blog deletes anything.
Galaxie Blog Administrative Grids
The Category Grid is used to create and manage existing categories. These categories are used to help categorize your posts.
Adding a new category is easy, click on the Add Category button, type in a category, and click submit.
The Category Grid contains the following categories: Category, Alias, Post Count, and Date. The category alias is the link that will be shown in the URL. All of the columns are sortable and searchable.
This grid does not have any links to pull up a category detail interface.
The Font Grid is used to manage and create new fonts. There are a lot of font properties and most of the time you will be either creating or finding a font to open the Font Detail Interface.
To create a new blog font, click on the Add New Font button and follow the directions on the screen, or see How to Create New Fonts below.
Currently, we are only supporting woff2 font uploads. This interface will be improved in upcoming versions to support more font types. We also intend on supporting google fonts in the future.
The font name, weight, italic, websafe and use font columns are editable. Other than the Use Font checkbox, all of the other fields are used for display purposes. We will explain the Use Font functionality below.
The Web Safe Font checkbox is used to determine if this font is web safe and available across all browsers. Clicking on this checkbox will activate the font in the Post Editor. Be sure that it really is a web-safe font however, if it is not there will be browser errors.
A font can be assigned to the page body, the title header, and the menu script at the top of the page. Fonts can also be used when making a post in the post editor. You can preview the font by opening up the Font Detail interface before assigning a font to a content block.
if you have assigned a font to a content block using the theme interface, you don't need to load the font in your code, it will be loaded automatically.
If you want a non-web-safe font that is not assigned to a content block to be available in the Post Editor, click on the 'Use Font' checkbox to load the font automatically. However, be aware that loading too many fonts will slow the page down as they consume resources to load.
The Post Grid is going to be the grid that you will most likely use the most while administrating your blog site.
To add a post, click on the Add New Post button within the grid, or on the Administrative site, select a date and time, choose the author, type in the title and description fields, and click submit.
The Post Grid contains the following columns: Author, Title, Post, Date Posted, and Released.
The search functionality will be used quite a bit here. Like all of the grids, typing in one or two words in the Title or Post search field will retrieve all records that match the search words. Searching the Post column for example will search the entire contents of the post.
You can edit the Released property by clicking on the checkbox. Releasing a post will release the post to the public.
To open up the Edit Post Interface, click on one of the links in the Post or Title columns.
The Subscriber Grid is used to display and edit your subscribers. There is no need for a detail interface here.
The email, token, and verified columns are editable.
When a user subscribes to your blog, they are sent an email asking for them to confirm their subscription. This is known as a 'double opt-in' and is recommended practice. Once the user confirms via email, the Verified checkbox will become checked.
However, the blog administrator can automatically verify the subscribers by clicking on the verified checkbox. This feature is available as sometimes the subscribers provide their email address in person, or ask the administrator to subscribe for them.
The Theme Grid is mainly used to edit the theme details using the Theme Settings Interface. Click on the link in the Theme Name column to open this interface.
To create a new theme click on the New Theme button at the top of the grid.
A new interface will be displayed asking you to enter a new theme name and select a theme that is the closest match to the theme that you want to create.
When selecting the theme that you want to start from, pay attention to the primary colors of the buttons, logos, and the color at the top of the blog post calendar icons when copying an existing theme. You will want to try to match these primary accent colors when choosing new backgrounds and Logos for your new theme.
Once you have entered the new theme name and have selected the current theme, click on the submit button to open the Edit Theme Setting interface. This interface will be covered in future posts.
The Modern Theme, Use Theme, and Selected Theme columns in the grid are editable.
The Modern Theme checkbox is used to set the theme type. The modern theme removes the sidebar to the right of the blog and condenses the content in the center of the page. If this is unchecked the theme is the classical theme type. Classic themes are useful when you want advertisements to be displayed on the right side of your page.
Use Theme will make the theme available to a blog post and be available in the menu. Unchecking this checkbox will remove the theme from the blog.
To make one of the themes your only default theme, click on the selected theme checkbox. Themes that are enabled with the Use Theme checkbox will still be available on the menu at the top of the page.
The users' grid is used to create and edit users.
To create a new user, click on the Create New Users button at the top of the grid.
You will need to enter in the user's information, such as their name and email address. The password that you set will not be the user's eventual password. It is only used to initially log the user in once they receive an automated email.
Once a new user has been made, a branded email will be sent to the user asking them to fill out their own user profile and select their own password. The new user will also have to fill out some secret questions like their favorite pet and place. These questions are only used if the user forgets their password. The user's password or their answers to the questions are not available to the blog administrators.
You will also set the intended role of the new user. There are various built-in Galaxie Blog roles that will be discussed in future blog posts.
You can use the grid to set the first and last names of the user.
To view or edit user details, click on the link in the user name to open up the Edit User Interface.
Login History Grid
Blog Administrators can view the user's login history. This grid will display the user's IP Address, User-Agent, and the date and time that they have logged in. This grid is mainly used to determine if there may have been a security intrusion. There are no editable fields or detail pages associated with this grid. Only the selected user and users with the blog administration role will be able to view this grid.
This entry was posted on May 13, 2022 at 10:29 PM and has received 32 views.
Introducing Galaxie Blogs Edit Post Interface
Galaxie Blogs' Post Interface is one of the most powerful out-of-the-box blog editors that you can find. There are countless number tools and productivity features to allow you to easily craft a beautiful blog post.
Galaxie Blog has integrated a customized version of TinyMCE in the Edit Post Interface. TinyMCE is free and open-source software and uses the MIT license which is known as the "gold standard" among the open-source community. There are no upcharges, restrictions, or limits on its usage and no requirement to share source code.
TinyMCE has numerous productivity features such as cleaning up pasted content from Word, Google Docs, Excel, and more. It is compliant with standards and this customized Galaxie Blog version has incorporated rich media support.
Nearly all of the TinyMCE core plugins are incorporated. Galaxie Blog has also included some of the functionality that is typically found in paid 'freemium' plugins. For example, many of the features in the paid 'TinyDrive' premium plugin to handle media upload capabilities are already built into Galaxie Blog. We have also incorporated functionality that is not available such as embedding Bing Maps, uploading local videos with closed caption and video covers, image gallery support, and more.
There are scores of different Galaxie Blog editors. Each editor has a certain purpose, such as editing a post or uploading an icon for your site. All of the editors are WYSIWYG and offer a real-time preview. Here we will cover two of the main Edit Post interfaces below.
Major Edit Post Interfaces
There are two different major interfaces for a given post:
- the Enclosure Media Editor
- the Post Editor, also known as the Tiny Post Editor
Note: don't confuse Edit Post Interface and the Tiny Post Editor. The Edit Post interface contains scores of interfaces to edit the post whereas the Tiny Post Editor is one of the interfaces within the Edit Post Interface.
Enclosure Media Editor Feature Summary
An enclosure is an oversized image or media that is placed at the top of a post. It is often called a hero image as it captures the attention of the user when viewing a post. The enclosure editor is different than the post editor and handles different types of media. This editor may be used to attach the following media:
- Drag and drop interface to upload videos from a local source.
- Embed videos from an external source, such as YouTube or Vimeo
- Videos may also have:
- A video cover poster (an image that covers the video when it is not being played)
- WebVtt Captions can be applied to uploaded videos using the WebVTT Galaxie Editor.
- Videos may also have:
- Drag and drop web-friendly images, such as .jpg, png, gif, webp, etc.
- You can upload or include images from an external source.
- If you upload an image, Galaxie Blog will try to automatically create the following images:
- Optimized image for Facebook sharing
- Optimized image for Twitter
- 3 different images optimized for the Google Search Engine (used to display images in Google search results)
- Creates thumbnail images for Galaxie Blog preview
- Upload images may be edited within the browser. The following actions may be taken: change image orientation, brightness, contrast, gamma, flip image horizontally or vertically, etc,
- If you upload an image, Galaxie Blog will try to automatically create the following images:
- You can upload or include images from an external source.
- Create static maps with various options
- Create map Routes showing the path of an intended travel route. A route can have two or more destinations (with a max limit of 12).
Summary of Tiny Post Editor features
The Tiny Post Editor handles the editing and authoring of blog post content. The post editor contains the following major features:
- Various paragraph formatting.
- Bold, italic
- Alignment tools (center, left justify, center, etc)
- Bulleting tools and indentation
- Link and anchor tools
- Special characters
- Source code
- HTML tables
- Code samples for the dozens of programming languages
- Image editing of current embedded images
- Insert Media (videos and images)
- Upload and create image galleries using a drag and drop interface.
- The Gallery upload interface allows you to use images saved locally or to use your camera on your device if available.
- Create static maps
- Generate map Routes containing two or more destinations
Other Edit Post interfaces and concepts
Along with the enclosure and inline post WYSIWYG editors that were just covered, there are a few other Edit Post interface concepts that we should cover:
- Release Post means that the post will be public. A post cannot be seen by non-administrators until it is released.
- The post date may include past or future dates. If a post date is in the future you will have the option to automatically schedule the release of a post.
- The JSON-LD button opens up the JSON-LD editor which can be used to manually set the JSON-LD. JSON-LD is automatically generated by Galaxie blog for SEO purposes.
- The Promote checkbox will highlight and promote a post to the top of the page.
- Change Alias will allow you to change the friendly name in the URL.
- Use the Related Posts dropdown to show the related posts underneath the blog post.
We will elaborate on the other features in future articles and posts.
- All editors will automatically create a preview of the media within the editor, even for videos and maps!
- Be careful when uploading large videos or images. The max file size generally is around 8MB. If you have larger images or videos, you can upload them manually with an FTP client and link to them using the Enclosure Editor.
This entry was posted on May 11, 2022 at 12:10 AM and has received 43 views.
Comprehensive Feature List of the Edit Post Interface
Galaxie Blog's Edit Post interface offers unparalleled out-of-the-box core blogging functionality and is one of the most powerful open sourced blog editors around. All of the blog functionality has also been carefully integrated into Galaxie Blog all of the interfaces and widgets match the Galaxie Blog look and feel and themes. Here is a comprehensive list of features that the edit post interface offers:
Allow users to comment on your posts. You can also turn off the ability for your users to interact with a post.
Add anchors and bookmark buttons.
Automatically create hyperlinks when a user inputs a valid and complete URL.
Resize the editor and the content within it.
Responsive emails will be sent every time you create a new post to your blog subscribers and the emails are branded according to your selected theme.
Use a ColdFusion cfinclude template to embed custom server-side logic into a post using Galaxie Blog Directives.
Add special characters that are not present on the keyboard. Special characters are organized by categories, such as currency, text, math, etc.
Allows users to add highlighted code to the content. Nearly every programming language is supported.
Select a color using a picker to highlight the selected content.
Add a large assortment of emojis to the post content.
HTML5 Interfaces with a Mobile-First Priority
All of Galaxie Blog interfaces are HTML5 with a mobile-first priority. For example, you can use your native phone interfaces to snap a picture and upload it as your enclosure image.
Image and Media Enclosures
Add images, videos, maps, or map routes to the top of your blog posts with a unique Galaxie blog interface.
Upload new fonts and apply them for use in the editors and blog body
Expand the editor to fill the entire page.
Add up to 15 images to create interactive galleries using the Galaxie Blog Gallery Interface.
Add a horizontal rule.
Host your own videos using a unique Galaxie Blog interface. You can add closed captions and a video cover on top of your video.
Enable the user to insert an image with multiple customization options.
Insert the current date and/or time.
Galaxie Blog automatically creates JSON-LD for SEO purposes. You can edit the JSON-LD to add new XML elements.
Create advanced bullet lists. Supports all of the number formats and bullet types.
Add static maps using a unique Galaxie Blog interface.
Add a map route between two or more points using a unique Galaxie Blog interface.
The editor supports all of the major markdown patterns. Markdown will be converted to HTML when the post is saved.
Add HTML5 video and audio elements and preview the videos within the editor.
Visually insert a non-breaking space.
Optimized Images for Social Media Sharing
Galaxie Blog will automatically optimize your enclosures for social media sharing.
Copy and paste content.
Display a read-only preview of the content.
Print editable blog content.
Highlight and place the post at the top of the home blog page.
Release post for public consumption. The post will only be available to administrators prior to it being released.
Remove a post from being displayed.
Search and Replace
Search/replace dialogs allowing you to isolate and replace content.
SEO Friendly Links
Change the way the URL links to make them SEO friendly.
Display hidden characters in the post editor.
Edit the source code directly from the editor.
Release Posts in the Future
You can create posts and release them at a pre-determined date in the future.
Incorporate fully responsive videos that will play at the top of the blog post with Galaxie Blog Directives.
Show the related posts at the bottom of the page.
Set Post Categories
Assign categories to a given post.
Social Media Sharing
Allow the users to share your posts to various social media platforms.
Table editing functionality with options to modify cells, rows, and columns.
Table of Contents
Automatically create a table of contents at the top of the blog post based on the headers contained in the post.
Customize the color of text using an intuitive color picker.
The word and character count are displayed in the footer.
This entry was posted on May 8, 2022 at 1:55 PM and has received 53 views.
It is trivial to add media to your blog posts using Galaxie Blog. Galaxie Blog can upload popular image formats such as .png, .gif, and .jpg and handles embedded media such as QuickTime, Flash, ShockWave, RealPlayer, and Windows Media Player.
All of the media are responsive and will look great on all devices.
You may insert media in both the Enclosure Image Editor and the Tiny Post Editor. The enclosure image editor is used to attach the media at the top of the post and is also known as the hero image as it captures the user's attention. You may also include media inline in a post using the post editor.
If you upload an enclosure using the Tiny Post Editor, Galaxie Blog will take the media and create optimized images/videos for social media sharing. Both editors will allow you to make minor image adjustments such as cropping or rotating the images.
This article will cover the following two interfaces to insert media.
- Insert/Edit Image
- Insert/Edit Media
These two interfaces are used numerous times throughout the Galaxie Blog application and you should become comfortable with them.
There are more interfaces to insert media, such as uploading a local video and inserting image galleries and maps, but we will cover these interfaces in later blog posts.
To open the insert edit interface, click on the square icon with the mountains. Alternatively, you can select Insert - Image.
The Insert/Edit image interface can be used to:
- Link to an image by entering the URL into the source field.
- You can enter the alternative description for each image.
- If the image exists, the interface should provide an automatic preview.
- The image height and width should auto-populate when the image is found.
- Upload an image located on your local device (both mobile and desktop clients).
- You can drag and drop the image to upload.
- You can also browse for an image, or use the camera when using a mobile device.
- For best social media sharing results, you should try to use an image having at least 1200 pixels wide by 675 in height- landscape images work best.
- Make sure that the image is compressed. The uploader may fail if the image is too large.
- Only valid HTML5 image files will be displayed when using the finder.
Any image that is placed can be edited by clicking on the image and clicking on the edit image icon. The available image editing tools are generally simple sliders or easily understood icons such as rotate left, right, etc. The following editing features are available:
- Color Levels
To open the insert edit interface, click on the square icon with an arrow pointing towards the right. Alternatively, you can select Insert - Media.
The Insert/Edit Media is used for media other than images such as HTML5 video.
This editor behaves similarly to the Insert/Edit Image interface with a few caveats:
- If you use a URL to a YouTube or Vimeo video, the video will preview inside of the editor using the vendor's native player.
- You may enter an alternate source that will be used as a fallback source.
- Image posters can be included that will cover the video until it is being played.
- Like the Insert/Edit image interface, if used as an enclosure, Galaxie Blog will prepare the video to share on Facebook1 and Twitter.
- You can include as many videos within a blog post as you would like.
- You may not upload local videos using this interface. However, you may use the upload video interface in the Enclosure editor which will be covered in another blog post.
Videos can be inserted from multiple external sources such as YouTube and Vimeo
1 Note: there is a relatively recent bug with Facebook that prevents YouTube and Vimeo video content from playing when shared. See https://developers.facebook.com/support/bugs/364444227315183/
This entry was posted on May 3, 2022 at 12:46 PM and has received 86 views.