Search

Posts Tagged ‘WordPress’

Top 50 Best Responsive WordPress Portfolio Themes

If you’re looking for a portfolio template to showcase your art, photography, or web design Singapore work, the wide selection of quality themes makes WordPress a great option. While there have been many…



Click through to read the rest of the story on the Vandelay Design Blog.

Showcase of the Best WordPress Magazine Themes

If you run a news-style blog that publishes high volumes of content, a magazine-style design or theme may be the most appropriate. WordPress users have loads of great magazine and news themes to…



Click through to read the rest of the story on the Vandelay Design Blog.

Who Offers the Best WordPress Hosting?

For any business or website, choosing the right host is an important decision. However, when you’re using WordPress to power your website there are some additional decisions that need to be made,…



Click through to read the rest of the story on the Vandelay Design Blog.

How To Display Icons In WordPress Menu [WordPress Plugin]

The icon is a great complement to any type of web design Singapore. Many icons are universally recognized. Take a public toilet signage at the airport. Without the need to know the local language, if it is foreign to you, you can immediately grasp which toilet is for the ladies, and which is for the gents from the icon used at the front of the door.

The same thing could also be applied for a Website; displaying an icon could help the users to navigate through your website. This helps with user experience, and will also make a website look prettier.

But displaying such an icon in a CMS like WordPress could be a challenge. If your website is built on top WordPress, here we will show you the easiest way to show an icon in WordPress menu.

Getting Started

Adding an icon in WordPress is made easy with a WordPress plugin called Menu Icons. First, install and activate this plugin.

Now we are ready to add the icons.

Adding Icon

For this example, I would like to use TwentyTwelve, a nice and clean WordPress theme. I also created a few pages that I will include in the menu.

Create a new menu through Appearance > Menus. Don’t forget to assign the menu location, unless it won’t appear anywhere in the website.

Then we will add an icon for each item. To begin, let’s expand one of the menu items. You will find a link that says Icon: Select icon. Click on the “Select icon” to start selecting. Here you will be presented with a window similar to the WordPress media library.

At the time of this writing, this plugin comes with 3 font icon libraries namely Dashicons, Genericons, and FontAwesome.

However, even though we are freely to use any icons, it is better to derive the icons from one library, since each of them has their own traits such as the size and the curve. In other words, if you use FontAwesome, use it throughout the website. Doing so would maintain the the icon consistency and make it look more unified.

When you select the icon, you will see the preview on the right panel. In the right panel make some adjustments. You can place the icon before or after the menu, control the font size, and set the vertical alignment. When the setting is done click on the Select, and proceed to add an icon for the other items in the menu.

Final Thought

Menu Icons is a very handy plugin to add icon in menu. It integrates well with the WordPress UI pattern which it very intuitive to use. In addition, the developer has planned a few new features for the next versions, including adding more icon libraries, and the ability to upload custom icon.

I hope you enjoy and find this tip useful. Go ahead and give the plugin a try.








Utilizing Version Control Management in WordPress

It used to be that I was very reluctant to use Git during my development; I though thtat I don’t need Git and can find no convincing reason to use it — that is, until the codes went haywire causing me to have to revert to the previous version. In cases like this, Git is extremely useful.

Git is a Version Control Management system that records revisions. Git can also be used as a backup plan, as you can revert files in case of a major screw up.

(Image source)

If you work on WordPress, you know that changes made within WordPress are irreversible. Once you have clicked the Save, Install, and Update buttons, it is hard to revert back to the previous state. Git would be real handy in a case like this.

Now there is a WordPress plugin called VersionPress, which combines Git with the familiar interface of WordPress. This plugin archives the changes and updates made in a WordPress website with Git, allowing you to undo a change or undo them back to the initial state. Let’s take a look how this plugin works.

Getting Started

VersionPress ships in the form of a WordPress plugin; so you can switch the functionality on and off immediately with a click. Upon activating the plugin, you will find a new menu named VersionPress. This is where VersionPress records historical activities that happened in the website.

But, before it is fully functional, we need to initiate VersionPress to create the Git repository for the website.

Press the Initialize button.

VersionPress runs silently behind the scenes recording website activities such as creating a new post or page, installing a new plugin, posting comments, and configuring the website settings in the plugin screen, as shown below.

The recorded item shows the date when the activity occurs, the Git ID number of the record, the message or description of the activity.

Undo the Changes

As mentioned, VersionPress does not only record activities. Since VersionPression utilizes Git, it is also possible for you to revert back at some previous points.

Shown in the screenshot above, we already have several recorded items. On each of the recorded activites you will see two links, Undo This and Revert to This. Now, just in case, we want to revert back to the very beginning of the website state, we simply click the Revert to This at the last recorded item. VersionPress will bring you back there.

Backup Tool

In addition, you can utilize VersionPress as a backup tool as well. What makes VersionPress backup different is that the backup file size could be much smaller compared to the traditional methods. A traditional backup tool will backup all the database in a particular timeframe – monthly, weekly, daily – and it will backup all the things even the same data that already has been backed up previously.

Git works by creating the backup only in logical change, not within a fixed timeframe. VersionPress is able to produce smaller backup sizes.

Conclusion

Overall, VersionPress is a really creative way of Git use. From a developer’s point of view, VersionPress could be a very handy tool for website testing. At the time of the writing, however, VersionPress is in Alpha stage – in other word, it’s not ready for public testing yet (so, stay tuned!). The plugin will be released under GPL license, which is the same license used for WordPress.