Martin A.

Welcome to the third video of our sneak peak series! Today, we're really excited to introduce you to the new Theme Editor!
Built entirely from scratch, the new editor provides an instant, live preview of your theme, as soon as you modify a setting. It's a zero-code approach to creating themes, and has been designed to ensure your theme adheres to your color scheme and looks great on every device, with very little effort. Let's take a closer look!
 
Paragraph 1.mp4
 
To the left of the editor, you’ll see a live preview of your community. You can navigate to any page, as if you were browsing your site normally. At the top left of the editor, you’ll find icons which change the theme between the light and dark color schemes. Below that are buttons which change the viewport size, from desktop, to tablet, to mobile. This is a really convenient way to ensure your theme looks great on every device, without needing to manually resize your browser window.
Lets take a closer look at the Color Palette.
Editing colors in version 4 was a fairly time consuming process. For example, modifying the color scheme from the default blue to another color meant that 26 theme settings needed to be changed. In contrast, the Version 5 theme is powered by just 3 colors: Primary colors are responsible for styling the main elements on your page, such as the Start new topic button. Secondary colors control minor elements, such as pagination links, while the Base color is responsible for controlling the overall tint on your site.
Clicking on these colors opens a color picker. Let’s change this blue color to yellow.
 
Video 2.mp4
 
You’ll notice two things have happened here. First, the preview window updated as soon as we modified the color. All elements which were previously blue, now use yellow, such as the Start new topic button. Secondly, the text color in our button has changed from white to black. This is our automatic contrast feature and it ensures our text is easy to read on our new yellow background, since white text may be more difficult to read for some viewers.
Below the color picker is a text box, with our color displayed in HSL. You can paste your own colors in this box, in any color format and that color will be applied to your elements.
 
Video 3.mp4
 
The Base color controls the tint of your backgrounds and text colors. Let's try a few examples to demonstrate how easy it is to recolor your theme.
 
Video 4.mp4
 
Next up are Logos! Invision Community 5 has three logo types: a text logo, an image logo for desktops and an image logo for mobiles. Let’s edit our text logo.
 
Video 5.mp4
 
After changing the text to “Theme Editor Demo”, we can see that the logo in our preview window updates instantly with our new text. Below that, we have multiple options to help us style the text logo, such as font-family These fonts are a combination of system fonts and web fonts. The web fonts are hosted locally on your site for optimal performance. Additionally, we can also change the font-weight and font-size. We might want a different font-size for mobile logos, so that can be edited too. We can see a live preview by changing our viewport to the mobile option.
If you’d prefer to use an image logo, you can assign it using the Image Logo options. Image logos are made up of 2 upload fields, one for the light theme and one for the dark theme. Below these upload fields, a slider lets you resize your logo so it fits neatly.
 
Video 6.mp4
 
Layout options let you assign the default layouts in your community. In our first sneak peak video, we showcased the new side panel layout, feed view for forum categories, and compact view for topics. These can all be enabled via the theme editor using a simple select menu.
 
Video 7.mp4
 
Lets explore some Color options! In the Header panel, we can see a list of elements we can customize. Clicking on an element opens the Swatch List, which is a list of 22 colors that are powered by the Base, Primary and Secondary colors from earlier. We have 6 "light" base colors, 6 "dark" base colors as well as various shades of our primary and secondary colors. Clicking on any of these swatches will apply that color to your element.
But what if none of these colors suit your requirement? That’s where the Color Picker comes in handy. Here, we can easily choose any color, or even paste in our own color like before.
 
Video 8.mp4
 
A major hurdle with themes in version 4 was customising the header. Depending on the complexity, this would typically involve modifications to both the CSS and HTML. That is a thing of the past with version 5! If we flick over to our Settings tab, you’ll see a brand new interface for customising the header. A new drag and drop feature allows you to easily reposition header elements without touching a single line of code.
 
Video 9.mp4
It’s an incredibly fun tool to play with, and we’re really excited to hear what you think!
Below the drag and drop area, we can customise the header further by using sliders to adjust its height, or we can enable navigation icons with a single click. Body settings let you can customise global elements such as the body background color, text colors, the max-width of your site, the font-family, font-size and more.
Editing Content boxes has always required code modifications in the past. Using this new editor, we can adjust not only the colors of the boxes, but also the borders and shadows. Theme editing has honestly never been this easy!
 
Video 10.mp4
And there you have it! Our brand new theme editor. With a few simple clicks and drags, we've been able to create a customised theme that looks great on desktops and mobiles, with a new color scheme, new logos, a customised header, new page layouts and restyled content boxes - all without touching a single line of code.
Speaking of code, for those of you who want to apply more advanced customisations, we’ve added a really convenient way to access your custom CSS file, via a new dialog box.
Video 11.mp4
And last but not least - the new theme editor is fully responsive, so even if you’re away from the desk, so you’ll be able to change colours and settings, upload new logos, redesign your header and even add your own code!
 
Video 12.mp4
 
Developing this new editor has been a lot of fun, and it’s even more fun to use. Themes have never been easier to edit and we're really excited for you all to get your hands on it so you can have a play for yourself - but for now, let us know what you think the comments, and we’ll see you next time!

Twenty years ago today, Invision Community was founded and within months the first version of Invision Community was released. Little did we know, this would be the start of a remarkable journey spanning several decades.
Our first version appeared shortly after we founded the company. It might be hard to imagine a time before social media and YouTube, but when we started out, the web looked very different.

The first version of Invision Community was called Invision Board, reflecting the popular term for forums back in the early 2000s. It was full featured and you may recognise some elements that persist today.
Like today, it even had a separate control panel where you could create new areas of discussion and customise the theme.

Twenty years is a long time and we've continued to adapt with the ever-changing needs of community managers. We've seen the rise of social media impact how people consume content and found ways to compliment Twitter and Facebook by offering a place for long-form permanent discussion.
Several elements remain from those early days but the concepts behind the theme have change significantly. New workflows, UI elements and views have helped the platform stay fresh and we've certainly innovated a few features that have since become industry standard over that time.
I can't express how proud I am of what we've built together. From those humble beginnings working until 2am to growing a creative and talented team around our passion for community.
I'm still as excited today as I was back in 2002. This year will see us build and release new tools to help guide and inform community managers. Our community platform continues to go from strength to strength.
Of course, the platform is only one part of Invision Community. Over the last twenty years I've been grateful to get to know many of you and watch your lives unfold.
This is as pure as community can get and I'm privileged to be part of it.

We have a few other surprises to celebrate our twentieth anniversary. We can't wait to share them!

I'd love to hear your memories of Invision Community! When did you first use our products and what was your community for? Please let me know in the comments below.

We've been on a little journey together since we announced the first Invision Community 4.5 feature way back in November 2019.
The first feature we announced was a revamped Admin Control Panel interface which created more visual space and brightened it up. Actually, we made it so bright that the first feature request was to add a dark mode (which we did).
In the space of three short months, we had spoken about Club improvements, invites and referrals, RSS feed improvements, blog categories, the simple stock photo picker, search insights, security enhancements, user interface updates, new statistic views, and notification improvements.
Most will agree that March and April seemed to last months, thanks to a global pandemic. We used these extra days to talk about marking posts as a solution, topic view summary, Zapier integration, forum view updates, post-installation onboarding, private staff notes, page builder widgets, theme designer improvements, a new default theme, language system updates and everything else we missed.
We have also revamped the front end user interface to modernise the look and feel but also to introduce new CSS frameworks, variables and other time-saving features our design team have been eager to implement.

On the subject of modernisation, we've deprecated some legacy functionality. We've given up trying to make anything look good with IE11 which last saw an update in 2013. We've also deprecated older caching engines like Memcache, APC and Wincache and recommend using Redis instead. The web hosting and domain management features of Commerce are also deprecated as is BBCode. BBCode has its roots in the earliest bulletin-board systems long before rich text editors were common use. It's 2020; we should no longer be asked to type in special codes in square brackets to format text. BBCode is still functional in Invision Community 4.5, but it is likely to be removed in a future version.
Now that primary development has finished, we move onto the beta testing stage. This is where you get to try it out and evaluate the new features before scheduling your own upgrades.
As always, we do recommend that you only test early betas on staging sites or simple test sites. Many a weekend has been ruined by over-enthusiastic upgrading of live sites; so we don't recommend that.
You'll also notice that we're running Invision Community 4.5 on our own site. If you do spot an issue, please let us know in the bug tracker.
I've been creating and releasing products for close to twenty years now, and I still get a real buzz out of hitting the release button. It's always a pleasure to see the result of hundreds of hours of coding, dozens of meetings and numerous passionate exchanges among the team.

You can access the beta in your client area.
We hope you enjoy Invision Community 4.5!

Security should never be an afterthought. Don't wait until an attack has compromised your site before you take action.
All too often, site owners consider increasing their security only when it's too late, and their community has already been compromised.
Taking some time now to check and improve the security of your community and server will pay dividends.
In this blog, we run down 8 ways that you can protect your community with Invision Community. We go through the security features you may not know about to best practices all communities should be following.
1. Set up Two Factor Authentication
Invision Community supports Two Factor Authentication (2FA for short), and we highly recommend making use of this feature for your users, but especially for your administrative staff.
2FA is a system that requires both a user's password and a special code (displayed by a phone app) that changes every few seconds. The idea is simple: if a user's password is somehow compromised, a hacker still wouldn't be able to log in to the account without the current code number.
You may already be familiar with 2FA from other services you use. Apple's iCloud, Facebook and Google all offer it, as do thousands of banks and other security-conscious businesses.
Invision Community supports 2FA via the Google Authenticator app (available for iOS and Android) or the Authy service, which can send codes to users via text message or phone call. You can also fall back to security questions instead of codes.
You can configure which members groups can use 2FA, as well as requiring certain groups to use it. 
Recommendation: Require any staff with access to the Admin Control Panel or moderation functions to use 2FA. This will ensure that no damage will occur should their account passwords be discovered. Allow members to use 2FA at their discretion.
2. Configure password requirements
The password strength feature displays a strength meter to users as they type a new password. The meter shows them approximately how secure it is, as well as some tips for choosing a good password.
While you can leave this feature as a simple recommendation for users, it's also possible to require them to choose a password that reaches a certain strength on the meter. 
Recommendation: Require users to choose at least a 'Strong' password.

3. Be selective when adding administrators
Administrator permissions can be extremely damaging in the wrong hands, and granting administrator powers should only be done with great consideration. Giving access to the AdminCP is like handing someone the keys to your house. Before doing so, be sure you trust the person and that their role requires access to the AdminCP (for example, would moderator permissions be sufficient for the new staff member?).
Recommendation: Don't forget to remove administrator access promptly when necessary too, such as the member of staff leaving your organization. Always be aware of exactly who has administrator access at any given time, and review regularly. You can list all accounts that have Administrative access by clicking the Administrators button under staff on the Members tab.
4. Utilize Admin Restrictions
In many organizations, staff roles within the community reflect real-world roles - designers need access to templates, accounting needs access to billing, and so forth. 
Invision Community allows you to limit administrator access to particular areas of the AdminCP with the Admin Restrictions feature, and even limit what can is done within those areas.
This is a great approach for limiting risk to your data; by giving staff members access to only the areas they need to perform their duties, you reduce the potential impact should their account become compromised in future.
Recommendation: Review the restrictions your admins currently have. 
5. Choose good passwords
This seems like an obvious suggestion, but surveys regularly show that people choose passwords that are too easy to guess or brute force. Your password is naturally the most basic protection of your AdminCP there is, so making sure you're using a good password is essential.
We recommend using a password manager application, such as 1password or LastPass. These applications generate strong, random passwords for each site you use, and store them so that you don't have to remember them.
Even if you don't use a password manager, make sure the passwords you use for your community are unique and never used for other sites too.
Recommendation: Reset your password regularly and ensure you do not use the same password elsewhere.

6. Stay up to date
It's a fact of software development that from time to time, new security issues are reported and promptly fixed.
But if you're running several versions behind, once security issues are made public through responsible disclosure, malicious users can exploit those weaknesses in your community.
When we release new updates - especially if they're marked as a security release in our release notes - be sure to update promptly.
Invision Community allows you to update to the latest version via the AdminCP. You no longer need to download a thing!
Recommendation: Update to the latest version whenever possible. Remember, with Invision Community's theme and hook systems, upgrades to minor point releases should be very straight forward.
7. Restrict your AdminCP to an IP range where possible
If your organization has a static IP or requires staff members to use a VPN, you can add an additional layer of security to your community by prohibiting access to the AdminCP unless the user's IP matches your whitelist.
This is a server-level feature, so consult your IT team or host to find out how to set it up in your particular environment.
Recommendation: Consider IP restriction as an additional security layer when you are not able or willing to use 2FA.
8. Properly secure your PHP installation
Many of PHP's built-in functions can leave a server vulnerable to high-impact exploits, and yet many of these functions aren't needed by the vast majority of PHP applications you might run. We, therefore, recommend that you explicitly disable these functions using PHP's disable_functions configuration setting. Here's our recommended configuration, although you or your host may need to tweak the list depending on your exact needs:
disable_functions = escapeshellarg,escapeshellcmd,exec,ini_alter,parse_ini_file,passthru,pcntl_exec,popen,proc_close,proc_get_status,proc_nice,proc_open,proc_terminate,show_source,shell_exec,symlink,system Another critical PHP configuration setting you need to check is that open_basedir is enabled. Especially if you're hosted on a server that also hosts other websites (known as shared hosting), if another account on the server is comprised and open_basedir is disabled, the attacker can potentially gain access to your files too.
Naturally, Cloud customers needn't worry about this, we've already ensured our cloud infrastructure is impervious to this kind of attack.
Recommendation: Review your PHP version and settings, or choose one of our cloud plans where we take care of this for you.
So there we go - a brief overview of 8 common-sense ways you can better protect your community and its users.
As software developers, we're constantly working to improve the behind-the-scenes security of our software. As an administrator, there's also a number of steps you should take to keep your community safe on the web.
If you have any tips related to security, be sure to share them in the comments!
 

I really enjoy writing about the new features the development team have been slaving over for weeks (and sometimes months.)
It's a real joy to be able to share the finished product after we've seen it through inception, discussion, planning, assigning to a developer, coding, peer reviewing and final group testing.
Although sometimes, the features can be explained in a few screenshots, which makes for a pretty thin blog entry.
With that in mind, I've grouped together 6 of the best new micro-features for Invision Community 4.4.
Browser notifications
We introduced browser notifications in a previous version of Invision Community.
Once you've opted in to receive them, you'll get a fancy browser notification when new content is posted while you're off browsing other sites.
However, the browser prompt to ask for permission to push notifications isn't subtle, and it attacks you the second you log in for the first time.
In Invision Community 4.4, we've made it, so you're only asked to opt-in once you open the notification drop down.

No more being attacked by a permission dialog
Widget display settings
One of the most popular features we've added to the front end in recent times is the drag and drop widgets.
We see these used on almost every site we visit.
A popular request, though, was to be able to hide them from specific devices. By default, the sidebars appear under the main content when viewed on a smaller device such as a phone.
There may be times where you wish to show a block for those on tablets and desktops, but remove it for phones, so it doesn't take up precious retail space.
Happily, you can now do this on each block with 4.4.

Desktop only?
Club Navigation
Clubs are relatively new to Invision Community but they incredibly popular as they allow you to run micro-communities within your main community.
You're not limited to just forums either; you can add gallery albums and more to each club.
We've added the ability to re-arrange the club tabs allowing you to prioritise what you members see first.

Rearranging club tabs
Announcement URLS
Announcements have been a core feature for a long time now. We use them whenever we have a holiday so we can notify our customers about reduced support on those days.
We've made it so you can now link to an item, rather than have to provide new copy for each announcement.

We may have overdone it a bit
Time Frame selector
We noticed that in numerous areas around the Admin CP we had time input boxes. These would sometimes be used for seconds, minutes, hours and even days.
We've seen customers forced to enter things like 86400 seconds when they want the time frame to last a day. The lack of consistency wasn't great either.
In Invision Community 4.4, we've added a new Time Frame selector which is used as standard on all areas we ask for a time frame to be entered.
No more taking your socks off to work out how many seconds in a month.

Time is no longer relative
Group Name Styling
For about as long as I can remember (and as I get older, this is not an impressive amount of time), we've allowed group names to be stylized when shown in the online user list.
A very popular request is to extend that same group highlighting throughout the suite.
Finally, Invision Community 4.4 brings this to the suite.

If the group name is visible, that gets the styling, otherwise the name does
These features may be micro in nature, but we hope they make a significant improvement to your community.
Which are you most looking forward to? Drop a comment below and let us know.

Did you know that the most magical community in the world runs on Invision Community?
For close to 12 years, Invision client @Michael R  has been spreading joy through the Santa Claus Network (ClausNet.com), the world’s largest community for Santa and his followers.
He started building the site in November 2006 and went live in the beginning of 2007, using Invision Community as his platform of choice since the beginning. Michael also founded the James D. Rielly Foundation in honor of his grandfather – a non-profit organization that provides charitable and emotional support to military and first responder families.

 

As a tribute to the holidays, Mike was gracious enough to be interviewed by Joel on behalf of Invision Community on how he uses Invision Community and engages with his unique community.  

J:  This is such a wonderful community of passion.  How did you get started?
Back in October 2005, I attended the world-famous Charles W. Howard Santa Claus School. It was a Christmas present I received from my wife. At that time, I had already been portraying Santa for 34 years but was a bit skeptical of what I would get out of attending a “Santa School.” 
 
He’s already nailed the Santa look.

At the school I got to meet Santas from all over the World!
It was a wonderful experience and I am still friends with many of the folks, but what I enjoyed most of all was the camaraderie I felt with my fellow brothers and sisters in red. This was the catalyst in creating ClausNet – to recreate the same feeling of fellowship I felt at the school. 

J:  Your membership must be very unique. 

ClausNet is the world's largest online community dedicated to the faithful portrayal of Santa Claus.  Our membership also includes Mrs. Claus, Elves, Reindeer Handlers, and all others who devote their time to bringing the magic of Christmas to children and adults throughout the world!
In comparison to other sites, 2,900 isn’t a lot of members. But based on some estimates it’s about two thirds of all the Santas and Mrs. Clauses on the planet!

We are very selective who of we approve for membership. In addition to Invision’s validation process, I personally email each person who registers for an account. I do this to help eliminate trolls and other Grinchy people, but mostly to keep out the prying eyes of children to preserve the Secret of Santa and keep the magic alive for children of all ages!

J:  What Invision apps do you use, and how do you use them?  
We have all the Invision Community apps and rely upon them for many purposes.
  
We don’t sell products on the site but we do use Commerce for donations. Members can purchase Supporter Level Memberships at varying prices. We use Pages and Blogs for posting short stories, opinion pieces, and even business advice. We use Downloads for sharing files such as example contracts and business card templates. The Calendar app is a great resource in notifying and scheduling regional get-togethers, workshops, schools, and training sessions. 
Articles and short stories written in Pages.
J: What are some of the most innovative features of Invision Community that your members have embraced?

I believe Invision Community is the most robust platform for building online communities. Our members really like the new Clubs feature.  We use Clubs for regional and local groups as well as specific topics such as prop making and costuming.  


From the Long Leaf Pines to the Northern Pacific, ClausNet uses regional clubs all over the world to foster closer relationship.
J:  There must be seasonality with your niche. How do you keep your members engaged throughout the year and what are some special events that you host?

Throughout the year we run several activities designed to keep up engagement.
Member of the Month - Each month, I select a different member of our community to featured. We interview the candidate and post the interview on the site.  ClausNet Gazette Monthly Newsletter - We send out a monthly newsletter of content from the website. Surprisingly, it’s the first time many of the members see the content. It is a great way to keep members coming back to the site. Christmas Card and Ornament Exchange – These are two of the most anticipated events we hold.  Members sign up and are randomly paired with another, so they can exchange cards or ornaments.  It’s very exciting to receive Christmas ornaments from another part of the world! We also run several other programs such as an Annual Raffle, Countdown to Christmas, Picture Contests, and Latest News.

J: As a longtime Invision client whose passion is the holidays, what are your holiday wishes to other Invision clients and clients-to-be?

As many of you know, Christmas is my favorite holiday – a holiday that lives in my heart year-round! May this holiday season be one of health and happiness for you and your loved ones. Happy Holidays, Happy Hanukkah, Joyous Kwanzaa, Festive Festivas, Fröhliche Weihnachten, Nollaig Shona, Boas Festas, Buon Natale, Feliz Navidad, Merry Christmas!

J:  Thank you Mike for graciously spending your time with me and other Invision clients to learn how you engage with members using Invision Community.  Hopefully this interview has helped inspire and motivate other clients with some extra cheer during the holiday season!

Matt was recently invited onto the Community Signal Podcast, where he spoke with host Patrick O'Keefe.
Everything from how Matt got started with online communities right up to the possibility of a post Facebook era was covered in their 45 minute chat. Matt also gives a little insight into how Invision Community works behind the scenes.
From Community Signal:
Check out the podcast now!

Many of the regular visitors to our community won't have failed to notice the new look we launched last week. Now that the dust has settled, I thought it was a good time to explain why we've made the change.
Streamlined access to everything we offer
Ever since IPS was founded in 2002, our community has been distinct from our website. The community is also where we kept all kinds of resources, from guides to the Marketplace. For those customers who know us well and enjoy hanging out in our community (and we have many who have been with us since that day in 2002!), this is no problem. Unfortunately, the downside is many new and potential customers didn't see everything we have to offer: all the wonderful addons our contributors offer, additional support resources, plentiful advice from other community administrators, and more.
In addition, we've always used the default theme that our software ships with, but with our self-service demo system now being the primary way new customers get to try out our software, this has become less important.
So, we took the decision to move some parts of the community to the website for more exposure and easier discovery by new visitors. We made some tweaks to our navigation so that finding these areas is easier than before. And, of course, we've brought the website header over to the community, giving it a fresher look and more consistent navigation, wherever you happen to be on our website.
Of course, all of our website is built in IPS4, as you would expect. Whereas before our website existed on a separate installation, as part of the update we merged our community and website together. This means you can sign in from anywhere, see your notifications and so on.
This is just the first step we've taken on improving what we offer and how we offer it. We have many plans in progress. You may have seen the theme tip we posted this week, which is the first in a series of regular tips we'll be sharing to help you get the most out of the IPS Community Suite. We'll also be highlighting some of the incredible work our customers do, whether it's a unique use of our software, or something in our Marketplace that adds a great feature.
Stay tuned!