• Skip to primary navigation
  • Skip to content
  • Skip to primary sidebar
  • Skip to footer

Pixelita Designs

Where Creative Things Happen

  • Email
  • Facebook
  • Linkedin
  • Pinterest
  • RSS
  • Twitter
  • Home
  • About Us
    • The Design Process
    • Recommended Reading
  • Our Work
    • Branding & Identity
    • CMS Made Simple
    • Mobile Apps
    • Other
    • WordPress
  • Our Services
    • Add-On Services
    • Free Website Evaluation
    • SEO Evaluation
      • SEO Request
    • Our Packages
      • Genesis Framework
      • Website Maintenance
      • WordPress
    • Hosting Recommendations
    • WordPress Theme Recommendations
    • Service Credits
  • Forms
    • Client Survey
    • e-Commerce Planner
    • Logo Design Planner
    • Web Design Planner
  • News
    • News Archives
    • Bizness
    • Blogging
    • CMS Made Simple
    • Design
    • Design Resources
    • Spotlight
    • Tutorials
    • Web Design
    • WordPress
  • Contact Us
    • Request a Quote
You are here: Home / Archives for Tutorials

Tutorials

Moving Your WordPress Site to HTTPS

April 22, 2018 by Joni Leave a Comment

Moving Your WordPress Site to HTTPS
This entry is part 5 in the series DIY Code

Now that a lot of hosts are offering Let’s Encrypt as part of their hosting package and Google is punishing non-https sites, there’s no better time to convert your site to HTTPS. What Is the HTTPS Protocol? HTTPS (HTTP Secure) is an extension of the Hypertext Transfer Protocol (HTTP) for secure communication over a computer […]

Filed Under: Hosting, Technology, Tutorials, WordPress Tagged With: Best Practices, DIY, HTTP, HTTPS, SSL, WordPress

Creating Info Boxes With CSS

January 18, 2018 by Joni Leave a Comment

Creating Info Boxes With CSS
This entry is part 3 in the series DIY Code

A great feedback for online forms is the info box. There can be several kinds. The green success box lets you know the form was successfully submitted. There are other kinds of info boxes as well, that indicate, variously, warnings, information, or errors. Create your own custom info boxes using css. Here’s the CSS: Here […]

Filed Under: Tutorials Tagged With: CSS, info boxes

Rukovoditel: Creating a Project-Independent Ticketing System

January 13, 2018 by Joni Leave a Comment

Rukovoditel: Creating a Project-Independent Ticketing System

One of the things on my wishlist when hunting for a new project management system was the ability to create project-independent tickets. There was something similar available in activeCollab but it was a bit cumbersome. And other PM systems I tried (e.g., Collabtive, PHP Collab) did not have the capability to create tickets that were […]

Filed Under: Bizness, Tutorials Tagged With: Project Management, Rukovoditel, Tutorials

Using Breadcrumbs with GeneratePress

December 17, 2017 by Joni Leave a Comment

Using Breadcrumbs with GeneratePress
This entry is part 4 in the series DIY Code

GeneratePress doesn’t natively support breadcrumbs. The GP forums suggest using the Yoast SEO plugin for that. But I have found a solution I like better which includes using the FontAweome icons. Here is what my breadcrumbs look like now: To achieve this, I used a plugin called BreadcrumbNavXT. There are code snippets in the settings […]

Filed Under: Tutorials, WordPress Tagged With: breadcrumbs, GeneratePress

Creating a Gallery and Albums Without a Gallery Plugin

December 1, 2013 by Joni Leave a Comment

Creating a Gallery and Albums Without a Gallery Plugin

A few months ago, I wrote about our experience in porting a site from CMS Made Simple to WordPress and the difficulty in finding similar plugins to replace the CMSMS modules the site was using. Turns out that the popular WordPress plugin Next Generation Gallery conflicted with the one plugin we found that worked well […]

Filed Under: CMS Made Simple, Tutorials, WordPress Tagged With: album, Code Sample, Cookbook, DIY, gallery, photo album, WordPress

Adding Document Icons to Links

July 22, 2013 by Joni Leave a Comment

Adding Document Icons to Links
This entry is part 1 in the series DIY Code

I’m a firm believer in knowing where that link is going to take me before I click on it. That’s why I like to use document icons to indicate what kind of document is behind a download link. For client sites, it’s a matter of creating a paragraph style that inserts an icon when that […]

Filed Under: Tutorials, Web Design Tagged With: Code Sample, Cookbook, CSS, HTML

  • Page 1
  • Page 2
  • Next Page »

Primary Sidebar

Recent Projects

Idylwood Civic Club

MAS Rabbitry

JoeMelson.com

RHDefense.com

RZ Landscaping & Home Improvement

Through the Years

Sorted, Sort Of…

Roar of the Crowd

  • Sajeed on Website Audit Checklist

Series

RSS WordPress News

  • Celebrate the WordPress 15th Anniversary on May 27 April 20, 2018
  • GDPR Compliance Tools in WordPress April 12, 2018
  • WordPress 4.9.5 Security and Maintenance Release April 3, 2018
  • The Month in WordPress: March 2018 April 2, 2018

Footer

Grab Our Newsletter

Want design & development tips and tricks in your mailbox each month? Sign up below! Don't forget to read our Legal Notices and Privacy Policy

What Our Clients Are Saying…

The site looks great! As I said before, you took something that looked good and worked well enough before and then made it so much better…. I appreciate all that you did with the site and what has turned out to be an extremely eye-appealing end result.

~~ Robert Downs, Writer

What clients are really interested in is honesty, plus a baseline of competence.

~~ Patrick Lencioni

Latest Articles

  • Moving Your WordPress Site to HTTPS

    Moving Your WordPress Site to HTTPS

    24 hours ago
  • We’ve Updated Our Privacy Policy

    We’ve Updated Our Privacy Policy

    3 days ago
  • Website Audit Checklist

    Website Audit Checklist

    4 weeks ago
  • SEO Checklist

    SEO Checklist

    4 weeks ago
  • Contact
  • Client Login
  • Support Ticket
  • Legal
  • Privacy
  • TOS
  • Login/Logout

Copyright © 2006 & beyond by Pixelita Designs, all rights reserved.