Start Here

The goal of the Xidipity WordPress theme is to blend a tasteful design with an appropriate balance of flexibility and ease of use. Xidipity uses advanced web technologies to ensure the user experience is snappy.
Post #257, image 010 is titled "Xidipity is Fun" and is presented in half width HD
Xidipity Released

Welcome and thank you for visiting “Xidipity.com”. The goal of the Xidipity WordPress theme is to blend a tasteful design with an appropriate balance of flexibility and ease of use. Xidipity uses advanced web technologies to ensure the user experience is snappy.

 

As WordPress users, we understand adopting a theme is more than clicking the activate button and the theme preview option may not adequately describe all the nuances and options available. Xidipity.com is your chance to see the Xidipity theme in action.

 

Key Features

Editor

Xidipity anticipates the TinyMCE editor will be used and the theme is closely integrated with it. To activate this integration requires the installation of the TinyMCE Advanced plugin. The plugin is very light and includes other benefits. Although the integration will not be there, other editors such as Elementor should work as designed.

 

The big news with WordPress editors is the anticipated launch of the Gutenberg editor. It is difficult to judge the level of compatibility at this stage of development but we will watching with the goal of providing some level of integration in the future.

 

CSS Flexbox

The Flexbox Layout is relatively new browser capability which supports flexible designs and scales well with different screen sizes. The Xidipity design can best be compared to note cards on a table which are sized to the available space. This is a common design language found on many websites. Development of this technology began in 2008, was published as a working draft by the W3C in 2013, and was adopted by most browsers (browser list) by 2015.

 

If your anticipated audience uses a browser not on the list,  Xidipity is not a good choice.

 

Design

Front Page

The design language of Xidipity follows a traditional approach which includes a full width header and  footer, content area left, and a sidebar right. The front page contains BLog post summary cards which optionally supports the display of a featured image.

 

Post #257 front page wireframe image numbered 010 presented in full width format
Wireframe

 

Standard Width

The standard format for a BLog post or page is a full width header and footer, content left, and the sidebar right. The content area in this case is a single card which scales to the available space. 

 

Post #257 blog page wireframe image numbered 030 presented in full width format
Wireframe

 

Full Width

In the circumstance when the sidebar is not desired, Xidipity supports an optional full width page. The full width format for this page includes a header, footer, and a content card which scales to the available space.

 

Wireframe

 

Responsive Design

Responsive design means the theme will adjust and reformat as required to offer the user a quality experience regardless of the device they are using. The tool we use to validate responsiveness is Screenfly.

 

Plugins

With more than 40,000 free plugins to choose from it is easy to just keep adding them on. So what is a plugin? A plugin is “php” code which extends the functionality of WordPress. The advantage of using plugins is they are theme independent although there are a few risks. The biggest risk is security. Unless you review the product, there is no way to know if there is malicious code buried inside. Other risks include compatibility between plugin and performance.

 

At Xidipity we suggest if you need a plugin do your research and choose wisely. We like the adage “less is more“. The following are the plugins we use.

 

 Akismet Anti-Spam

Experienced WordPress admins know WordPress is a spam magnetic. Unless you want to spend a lot of your time cleaning up the junk, a spam filter is an absolute requirement. Akismet, by Automattic, checks your comments and contact form submissions against their global database of spam to prevent your site from publishing malicious content. You can review the comment spam it catches on your blog’s “Comments” admin screen.

 

 

 Simple Social Buttons

If a visitor to your site likes what they see you certainly want them to share their enthusiasm through social media.

 

 

 Smart Slider 3

Smart Slider 3 is a powerful plugin used to create slideshows. Fully responsive, SEO optimized, let the images tell your story without any code.

 

 

 TinyMCE Advanced

This plugin will let you add, remove and arrange the buttons that are shown on the Visual Editor toolbar. You can configure up to four rows of buttons including Font Sizes, Font Family, text and background colors, tables, etc. The primary reason this plugin is required is it imports the CSS classes from the theme’s “editor-style.css”.

 

 

 Yoast SEO

Search Engine Optimization (SEO) is important to the successful operation of a BLog and Yoast has been providing this support since 2008.

 

 

Advanced Features

Snippet • Template • Short code

Xidipity is very functional without the use of advanced features but some will want to take it to the next level with their content. To do so will require the use of some combination of snippets, templates, and short codes.

 

Snippet

As the name implies, a snippet is a small amount of HTML code which may be inserted into content without modification. This is accomplished in all cases through cut and paste using the editor embed media function.

 

Template

The main difference between a template and a snippet is a template demands the HTML be modified for it to work property. The modification is usually simple and does not require extensive knowledge of HTML or CSS. The instructions presented with the template will walk you through the changes.

 

Shortcode

A shortcode calls native functionality of the theme and is activated using a command in parentheses. The “Smart Slider 3” plugin also uses a shortcode.  In most cases the command will be followed by one or more parameters and the instructions will walk you through what the parameters need to be.

 

Tailwind

For those who like to tinker under the hood, Xidipity is Tailwind enabled. According to its authors:

Tailwind is a utility-first CSS framework for rapidly building custom user interfaces.

In practice this means a robust CSS library is made available by using classes that closely map to the underlying CSS properties. For example, applying a class like “text-center” to an element means that we’re setting its text-align property to center. In addition, a broad range of colors are available through the Google material design palette.

 

 

Want to know more? Browse the posts on this site to see all of the features in action.

 

Leave a Reply

Your email address will not be published. Required fields are marked *