The site opens with an ASCII font header.
Then there are some images. I especially like the globe and the other looks like a flying saucer hovering over the ground. (Put your own spin on it).
I like these because they are more than the line ASCII art I make. These are code, a programming language, as images. If you know the program you would be able to read the language.
At the bottom of the site, a footer created with an ASCII art photograph (colour added) and plain text used for links to social media and email. Then a logo in text and his name. I like it, a sophisticated site.
Adding ASCII art to the source code (the HTML files) may not interest people who don’t look at source code.
The source code is an easy place to add ASCII art because those files open in plain text, no formatting or fancy fonts. So, the ASCII art shows up without much extra work, almost none in fact.
If you access your HTML files you can add ASCII art yourself, without the plugins. (See above). But, not everyone wants to do that.
WP Figlet is all about adding text created in ASCII art fonts (figlets). It even lets you choose which figlet fonts you want to use. The auto suggestions creates a figlet in your source code like this (you choose your own words):
It does work.
Source Code (although not updated in 4 years, also works). If you are timid about mucking around in the HTML files then either of these plugins will work for you. Source Code lets you choose to have the ASCII art in your header or footer. However, I found it did need the extra HTML code for keeping the formatting after I saved my text image.
One thing I dislike about Source Code is the lack of artist credit (artist initials). I checked several of the ASCII images available with the plugin and none had artist credits. I used my own ASCII image with my initials.
In the end… DIY.
Don’t be bashful about getting into your own source code. Skip the plugins and just do it yourself. Once you access the file it’s very simple to add the ASCII art with the code for notes. (See the first image in this post, no reason you can’t do that yourself).
Now and then if you look at the source code (the HTML code) of websites you can find ASCII art. Its like a secret surprise for those who dig a little deeper. Have a look at – ASCII Art Signatures in the Wild.
You can add ASCII art to the source code for your own site or blog.
Choose the ASCII art you want to use. Make your own ASCII art or borrow art created by someone else. (Don’t forget to keep the artist credit/ initials with the work).
Open the source file in a text editor. Notepad (the software which comes with Windows) will work.
Pick the place you will add the ASCII art – make sure you don’t break the HTML code because that would mess up your site.
You need to add some simple HTML code before and after the ASCII art.
This code prevents your ASCII art from showing on the page – instead it is like a note you have left to yourself in the code. Only people looking at the actual HTML code can see what you place in this particular HTML code.
Then save the file and close it.
ASCII art found:
Welcome Mat.co shares the code for adding a “Welcome” to the HTML code of your site.