Hardeep Asrani

WordPress Developer, Kanpur

An Array Of Font Awesome Icons In PHP

I’m a huge fan of Font Awesome and I use it in all of my projects. So recently I was building something where I needed an array of Font Awesome icons. I made some searches and found an array, but it was pretty outdated, so I tried to use some regex to generate an array of Font Awesome icons in PHP and it made it really easy.

So in case anyone wants an array of Font Awesome, you can run the following regex:

<?php
$pattern = '/\.(fa-(?:\w+(?:-)?)+):before\s+{\s*content:\s*"\\\\(.+)";\s+}/';
$subject =  file_get_contents('font-awesome/css/font-awesome.css');
preg_match_all($pattern, $subject, $matches, PREG_SET_ORDER);
?>

And if you put the following code after it, you can print that array in a more organized way:

foreach($matches as $match) {
    $icons[$match[1]] = $match[2];
}

ksort($icons);  

echo '<pre>';
print_r($icons);
echo '</pre>';

It will generate an array list which will look like this:

Array
(
    [fa-500px] => f26e
    [fa-adjust] => f042
    [fa-adn] => f170
    [fa-align-center] => f037
    [fa-align-justify] => f039
    [fa-align-left] => f036
    [fa-align-right] => f038
    ...

Hope it will help you all! πŸ™‚

Selling Latte On Fiverr, And Why It Was A Bad Idea

For years, I’ve worked as a freelancer but recently I’ve started working on starting my own business. In last year or two, I’ve created several themes for WordPress.org and clients, but never actually thought of selling WordPress themes, but that changed this year.

Latte is a free theme available at WordPress.org, which also has a paid Pro version available. Creating this theme wasn’t an easy task and it took a lot of time, given I’ve a busy schedule.Β  It took me few weeks to design the theme and completing the HTML version, but then I took a long break and didn’t finish the WordPress conversion in months. I finished it in late 2015, wrote some documentation and thought the hard task was done.

Guess what? IT WAS JUST THE BEGINNING!

After the theme was done and ready to ship, I uploaded Latte at WordPress.org for the review and thought of making an online store for Latte Pro. With a permanent job and contributing back to WordPress, I had little to no time to work and setup an online store. It wasn’t just “install WooCommerce/EDD and it’s good to go.” No, if I’m doing this then I’m going to design and develop it from the scratch. In short, I needed to find a way to sell the theme until I could get enough time to finish the store.

Long story short, I thought of using Fiverr to sell Latte Pro. If you ever did the same thing then you know how HARD and TERRIBLE that is. Let me tell you why:

  • You have to deliver the product to your customers manually, which takes time and people don’t like to wait after paying.
  • It takes 14 days before you actually get paid.
  • Fiverr takes 20% of your income. 20%!!

I sold few copies of the theme in last couple of weeks and started to get more and more frustrated with Fiverr. Don’t get me wrong, Fiverr has been nothing but help for me. It’s an awesome website, but it’s not a place to sell your stuff.

After some Google search, I found a website which allows you to sell your stuff online easily and quickly. I didn’t want to make a store, I just wanted a payment gateway which delivered the product to the buyers instantly. Sellfy.com was just what I was looking for.

You just need to sign up and upload your products. It is that easy. I wanted to try the free version first before buying the professional pack, but due to some PayPal limitations in India with Sellfy, I had to pick the professional pack. And well, it is worth the price. Now, here are some reasons why I really love this service:

  • You just have to set things up and everything else is automated. Customers get the product as soon as they pay and you don’t have to do anything.
  • It pays you within minutes.
  • It charges only 2% per transaction + PayPal/Stripe fee, which is way less than 20%.
  • It also generates invoice for the customers and charges taxes in EU, which is what you have to do if you want to sell legally in Europe.

So yes, Sellfy is the reason why I had a good night’s sleep without worrying about people not getting what they paid for in time.

Just to clarify, I’m not affiliated with Sellfy.com in any way or manner. However, if you work at Sellfy and want to send me a big fat check of a million billion dollars then feel free to do so.

I’m beginning to figure out that doing everything alone is a hard task. I’m my entire company and it’s not as easy as I thought it would be.

Hope I will get better at managing a business and will have a team as it gets bigger. So – are you running an online store? If so then any advice will be really helpful.

β€œNeighbors bring food with death and flowers with sickness and little things in between. Boo was our neighbor. He gave us two soap dolls, a broken watch and chain, a pair of good-luck pennies, and our lives. But neighbors give in return. We never put back into the tree what we took out of it: we had given him nothing, and it made me sad.”

– Harper Lee (April 28, 1926 – February 19, 2016)

Using postMessage Transport Method For Header Image

So right now I’m making some major changes in all my themes and was stuck at header images. First I tried to use the following code to set the transport to postMessage but it didn’t work:

$wp_customize->get_setting( 'header_image' )->transport = 'postMessage';

It was still refreshing the page in the Customizer. I tried to search for a solution but it looks like no one ever posted a solution (not on the first page at least), so I tried to resolve it myself.

So I tried to look in the header image control’s file in the core, which is /wp-includes/customize/class-wp-customize-header-image-control.php

And then I tried few things to see what works out and here’s what worked out for me. In the customizer.php file of my theme, I used the following code:

function theme_customize_register($wp_customize) {
    $wp_customize->get_setting( 'header_image'  )->transport = 'postMessage';
    $wp_customize->get_setting( 'header_image_data'  )->transport = 'postMessage';
}
add_action('customize_register', 'theme_customize_register');

And in the JS file, I used this:

( function( $ ) {

    // Style > Background > Background Image
    wp.customize( 'header_image', function( value ) {
        value.bind( function( newval ) {
            $('.site-header').css( 'background-image', 'url(' +newval+')' );
        } );
    } );
    
} )( jQuery );

And it worked for me. I don’t know if it’s the best way to do this or not but it worked for me. Hope it helps you. πŸ™‚

Star Wars!!! And Some Other Stuff

Star Wars: The Force Awakens (oh boi!) is just few days away from hitting the theaters!!! Unfortunately for me, it will hit theaters here in India on 25th December, so basically I will have to avoid all the spoilers for an entire week!!

My pal created a plugin, similar to Holly Dolly, called The Force. It displays random Star Wars quotes so download it if you’re a fan. It’sA pretty cool.

Now let’s talk about what I’m up to now. Right now I’m trying to improve my programming skills and working on theme development. In last month, I released Latte (free/Pro) and redesigned DocPress theme.

And let me put this honestly, Latte theme is theme worth every penny, but with bad promotion from me. The theme is great, with bad bad bad marketing. So right now I’m giving more time to building more things and hoping to start a theme store in 2016, and I’ll focus on marketing after that.

I do everything, from designing to writing documentation, so if you’re interested in being a part of this then feel free to contact me. It’s pretty hard to manage at this point. I work for ThemeIsle, create my own themes, study, manage my new apartment and also do a little bit of blogging.

TheBlogCode.com is really slow because I don’t get much time to blog, while TricksPanda.com is pretty much dead, so if you wanna buy TricksPanda then it’s up for sale! TheBlogCode.com is a project which I’m doing just to fulfill my passion for writing, regardless of views.

So yes, my schedule is pretty much packed! Anyway, if you have any suggestions for me then feel free to contact me, or if you just wanna talk about Star Wars. Let’s wrap this blog post too! May the force be with you all! πŸ™‚

Everything Has Changed

If you look around you’ll find out that my website’s theme is completely different from what it was few hours ago. And if you dig deep, you’ll find out that this design isn’t complete. For example, there’s no comments section as I speak. So let me tell you what happened.

I was using Chun by Justin Tadlock, along side his portfolio plugin. When I logged in to my site earlier tonight I found a new update for the portfolio plugin. And that was a real mistake. As it got updated, I found out that it wasn’t compatible with Chun’s design and it ruined my entire portfolio. I tried different solution and nothing worked so I had to change the theme.

The new theme is called Latte, designed by me. I was designing it for my site it wasn’t ready to use. But I had no other options so I had to activate it. I’ll try to finish this theme as soon as possible.

Man, last few hours were terrible due to all this. Anyways, enjoy the new design. It looks great on iPad. πŸ™‚

WWE Live, We’re Coming!

WWE is coming to India after 13 years, next year in January, and I’ve booked my tickets for the event!

My friend Rubai & I are going to attend this event. This is the first time we will even meet each other, too, so I’m really looking forward to this day. It’s still two months away.

Are you going? Feel free to stop by and say hello! πŸ™‚

I’m Moving

This came as a surprise to a lot of friends (all of them, literally), but I have decided to leave Kanpur and move out to Hyderabad. I’ve a stable job, and I work from the home, so why the hell am I leaving the city where I have my everything?

There are many reasons, and I can’t write all of them here but one of the biggest reason is that I’m not going anywhere here. And I’m bored of my everyday life which has no excitement left, for now. So I’ve decided to do a little (okay, it’s not little) experiment with my life to see where it takes me. And yes, I’m scared. I have no idea what’s going to happen, but at the same time I’m excited. And if you live in Hyderabad then feel free to drop a line so we could grab a cup of coffee. πŸ™‚

Well, that’s pretty much what’s going on in my personal life. I’m moving in the first half of the November, so I’ll keep you updated.

And speaking of updates, I’ve started TheBlogCode.com – and I’m not going to write down what I’m going to do with this website, because I’ve already posted about it here. And I’m also working on an update for DocPress theme, which will pretty much change the entire look of the theme. I wasn’t satisfied with the work quality of the DocPress theme, so I decided to redesign it from the scratch.

Well that’s pretty much it. Things are going pretty slow, eh. Have a great Dusherra, if you celebrate this festival. πŸ™‚