Tag: Coding

How To Overlay Text Onto An Image In WordPress

There are different ways of achieving this, but if you are looking to overlay text onto an image in your WordPress site one option is using an HTML code with inline CSS styles. To get started, copy the code listed here and paste it into your WordPress text editing window under the “text” tab. This will not work if you paste the code under the “visual” tab.

<div style="background-image:url(http://SAMPLE-
IMAGE.jpg);background-repeat:no-repeat;"><h1 style="text-align: 
left; color: white; line-height: 28px; padding: 200px 20px 4px 
40px; font-size: 48px;">SAMPLE HEADER</h1><p style="text-align: 
left; color: darkgrey; padding: 15px 20px 400px 40px; font- 
size: 20px;">SAMPLE TEXT</p></div>  

Continue reading

Module 5 Exercise 2: Visual Communication With Typography

Does Font Type Matter?

The purpose of this exercise is to help me understand the importance of text font in visual communication. Text, as well as the appearance of its words, both convey a message to the reader. Text font creates a mood and atmosphere, and gives the reader clues about how to understand the text. Fonts like Roman communicate strength, authority, and legitimacy in its bold and strong appearance. With that in mind, a font like this should not be used by a writer who is trying to convey a fun and informal message in their text. Understanding the role text font plays in visual communication helps the writer choose effective text styles for their documents and projects.

Continue reading

Git-It? Some GitHub Basics

What Is GitHub?

I started using GitHub for my Crafting Digital History course for the first time this year. At the time, I had never heard of GitHub, and I found its terminology and commands difficult to understand. However, once you download all the necessary software and begin coding, it is quite simple to use. It is also useful to learn, as social coding through GitHub has become increasing popular, and currently the site is home to more than 5 million open source projects.

Continue reading