Start The Adventure 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.
Start The Adventure Here Image #010
Xidipity Released

Welcome and thank you for visiting “Xidipity.com”. As a WordPress user, I 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. Please consider this page an introduction to the features and options available.

 

A common question on the mind of many is the level of support for the WordPress Gutenberg editor. The answer is Xidipity does not have any direct support for Gutenberg, but does offer an enhanced version of the classic editor. More on that below. 😀

 

 

 


key features

 

Editor

When I started this adventure about six months ago I asked myself the question why would I develop a theme that wasn’t Gutenberg enabled and release it in the same time period as the anticipated Gutenberg release?

 

At that time, as it is today, the adoption rate of Gutenberg is unknown. My early testing of the editor left me unsatisfied. This may have been it was too big of a change or I couldn’t see the benefits at the time. In any event the WordPress eco system has thrived on diversity and giving folks choices is a good thing. Hence the decision by WordPress to continue to offer the current editor rebranded as the “classic” editor.

 

Xidipity ships with an enhanced version of this editor. The goal of the enhancement is to bring the writing experience to a level where content can be visually created to greatest extent possible while providing the flexibility to craft the results to meet a particular needs. A short list of features include:

 

  • Greater control over text formatting
  • Standard & enhanced colors
  • Enhanced lists
  • Enhanced horizontal rule
  • Flexible spacing
  • Enhanced tables
  • Ability to embed html
  • Two column support
  • Custom excerpts
  • Adsense support

 

The following pages demonstrate how pages look in the editor. To see how they look on the web go to the similarly titled demonstration.

messageList Pages

Shortcode Options

  • class = “dbl-spaced”
  • before_item = ” “
  • after_item = ” “
  • depth = 0
  • pid = 1949
  • xclude = 0

     

    CSS Flexbox

    One of the technologies found in Xidipity is support for the relatively new web page flexbox feature. The result of using a flexbox layout is the display is responsive. In today’s world, your site must display well on a variety of devices. Visualize the technology as note cards on a table which are sized and arranged to the available space. This is a common design language found on many websites and it is supported by most browsers (browser list). 

     

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

     

    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. The big advantage of Tailwind over the style tag is Tailwind classes can target specific display sizes.

     

    In my experience, Tailwind is most useful for screen enhancements. At the moment, Xidipity only has partial printer support.

     

     


    design

     

     

    The general design language of Xidipity takes a traditional approach which includes a full width header and footer, content area left, and sidebar right. The blog post summary card optionally supports the inclusion of a featured image.

     

    Front Page

    Common to Xidipity as with all WordPress themes is the ability to have visitors land on a static front page or a page which scrolls blog posts by date. Xidipity supports and Xidipity.com uses an enhanced static front page which includes dynamic links to posts and pages. Dynamic means posts and pages are added automatically. The static front page is a very popular WordPress trend as it can be whatever it needs to be.

     

    By clicking the Xidipity “Blog” menu selection, the scrolling blog summary page becomes visible and this is the page displayed if the choice is selected.

     

    Standard Width

    A standard width blog post or page has a full width header and footer, content left, and the sidebar right. The content area scales to the available space. 

     

    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 panel which scales to the available space.

     

    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 I 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 being security. Unless you review the product, there is no way to know if malicious code is buried inside. Other risks include compatibility between plugin and performance.

     

    I suggest if you need a plugin do your research and choose wisely. I like the adage “less is more“. With that said, the following are the plugins recommended by Xidipity.com.

     

    Classic Editor

    Using the classic editor is highly recommended as it is the number one feature of Xidipity.

     

    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.

     

    Yoast SEO

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

     

    Lazy Load

    Lazy Load of images is a technique where images are loaded just in time to be viewed. It will improve the performance of your site but it is not a perfect solution.

     

    • Content which has not been fully viewed may not contain all of the images when printed.
    • Folks who are quick to scroll through pages may experience some lag as images are loaded.

     

    For these reasons I have given the technology a honorable mention on my short list of plugins.

     

     


    advanced features

     

     

    The following is a list of the advanced features supported by Xidipity. All of these features are displayed on “Xidipity.com“.

     

    • Font Awesome Icons
    • Google Icons
    • Two Columns
    • Google Adsense
    • Google Fonts
    • Horizontal rule with icons and/or text
    • Excerpts
    • Customizations
      • Colors
      • Fonts
      • Headers
      • Templates
    • Video Support
      • YouTube
      • Vimeo
      • Facebook
      • HTML5 
    • Menus
      • Standard drop down
      • Enhanced hamburger
    • Galleries

     

     


    templates

     

     

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

     

    Template

    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. Instructions are provided with each template to walk you through the changes.

     

     

     


    other stuff

     

    Categories

    The traditional use of categories is to apply them to blog posts. Xidipity expands this to include media library resources. This functionality is required by the photo and recipe galleries. Although creating and assigning media library images to a category is not required, it does provide organization. As a starting point, review the following structure.

     

    Media Library
    • Media
      • Exhibits
      • Images
        • 1×1 Image
        • 4×3 Image
        • 6×4 Image
        • 7×5 Image
        • 16×9 Image
        • 16×10 Image
        • 21×9 Image
        • Featured Image
        • GIF Image
        • Custom Image
      • Videos

     

    Blog Posts
    • Post
      • Category 1
      • Category 2
      • Category etc

     

    When creating categories for blog posts remember categories are broad and tags are specific.

     

    Important Theme Specific Categories

    There are three important theme specific categories to keep in mind.

    Archive

    The archive (slug=”archive“) category is how the theme knows which posts are displayed on the archive page.

     

    Featured Post

    There may be a circumstance where some blog posts are displayed in a slider (see My Google Site) and do not need to be displayed in the blog summary. To exclude these posts, create and assign them to a category with the category  slug “post-featured“.

     

    Spotlight Post

    The spotlight category works exactly the same as the featured post. Having a second category which removes posts from the blog page permits the creation of a static front page which contains a slider and blog posts using the blog post template and have all of this work correctly with the blog page.

     

    The slug for this category is  “post-spotlight“.

     

    These categories do not exist out of the box and must be created.

     

    Sticky Posts

    Xidipity supports the traditional “sticky post” which displays posts marked as sticky first on the blog page. The page banner for sticky posts is “featured”. This functionality is not available for archived posts.

     

    Sandbox Editor

    In support of templates Xidipity.com includes a Sandbox Editor based on codemirror. The intent is to provide a work space to apply changes to a template before it is applied. Another choice is to apply the changes in the embed tool.

     

    Gotchu’s

    Here are my lessons learned as the Xidipity theme was being developed.

     

    Editor

    Toolbar

    Plugins which attempt to modify the TinyMCE editor toolbar may not work. The toolbar is filled with features and is not accommodating to additional changes. If you are a TinyMCE Advanced plugin user, there is no need to add it as this functionality has been incorporated into the theme. Plugins which do not depend on adding a button to the editor toolbar should function as designed.

     

    Full Screen Mode

    The editor supports full screen editing and the content scales but it is not responsive. That is to say the layout may adjust in unexpected ways in full screen. The assumption is most folks will perform final edits in the standard mode and full screen mode will be used for creative writing. This can be addressed in future releases if desired.

     

    Syntax Highlighter Plugins

    If you have the desire to display code snippets with highlighted syntax and line numbers, there is an issue with plugins designed to do so and the TinyMCE editor visual mode. This is not unique to Xidipity.

     

    This includes the javascript plugins like SyntaxHighlighter Evolved and PHP plugins like WP-GeSHi-Highlight. The general consensus is to install the plugin but do not use the visual editor mode to edit pages where the plugin shortcodes are used. 

     

    Printing
    Xidipity assumes print means monochrome. There are some challenges to printing which are difficult to manage. The page break being the most notorious.  Xidipity includes a template to embed a print hard page break and it is available on the Page Break Template. As Xidipity will not split images, in the event an image lands on a page break it will be printed on the next page. Xidipity or any WordPress theme will not manage plugins. If a plugin adds content to the page, it prints however the plugin intends. Other challenges include videos, ads, and galleries. With all of that said, Xidipity does a reasonably good job printing.

     

    Performance

    Performance is important to achieve a satisfying user experience. To assist in reaching this goal Xidipity compresses the “CSS” and “Javascript” files. It is suggested images be compressed as well.

     

    Trailwind and font awesome libraries are loaded from a content delivery network and fonts from Google. Font libraries are imported and not linked which places a small burden on performance but allows for customization. By default Xidipity loads all font weights.

     

    Crib Notes

    The crib notes page contains all the information you need provided in a condensed and concise format. This is the page I have bookmarked and refer to when creating new blog content.

     

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

     

    Enjoy 🙂

     

     

    Leave a Reply

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