Ideas People IdeasPeople.com.sg +65 6848 7030 hello@ideaspeople.com.sg

Basic WordPress Coding – Beginner

August 2nd, 2016 Posted by blog 3 comments

Basic WordPress Coding – Beginner

Image credit to : Elegant Themes Blog

Below is some Basic WordPress coding for Beginner, especially when you are new to WordPress or starting a new blog. Some of the function by default does make the interface unpleasant. Therefore you will need to have some basic knowledge of coding to make the website interface more appealing and functional.

We have started this article to help people who struggle (like us) just to get the website or blog look more appealing. Hope this Basic WordPress coding for the beginner article is useful to you. If you have any interesting code and is helpful to beginner, please let us know. We love to make life easy and share with everyone! Alternative, if you can’t find what you are looking for, do let us know. We will send your request to our “code writer” and publish here.

BASIC WORDPRESS CODING –

#1. How to change the font size in WordPress using HTML.

So, how can you change font size on WordPress without using plugins or adding extra code? To change the font size on WordPress, simply use HTML <span> tags with the style attribute, while utilizing the font-size property value element.

Here’s a quick example

<span style="font-size: small;">TEXT HERE</span>

Changing size attributes

The actual sizes of font can be changed from “XX Small” to “XX Large” by using the absolute size as detailed below. These are called size property values or font-size values. *In the example below we use the default size value small.

WordPress Font Example – xx-small
WordPress Font Example – x-small
WordPress Font Example – small (default size)
WordPress Font Example – medium
WordPress Font Example – large
WordPress Font Example – x-large
WordPress Font Example – xx-large

Note : To make the font size XX Large, do not type XX large, type xx-large.

Source by Botcrawl – Read more

BASIC WORDPRESS CODING –

#2. How to change line spacing in WordPress using HTML.

A simple code/text that change the line spacing in-between paragraph on WordPress. To change the line spacing on WordPress, simply use HTML <p with the style attribute, while utilizing the font-height percentage value element.

Here’s a quick example

<p style="line-height:130%;">CONTENT HERE</p>

Changing % attributes

By adding the % value can changed the line spacing in between paragraph. Below is some example :

Default line-height “The quick brown fox jumps over the lazy dog” is an English-language pangram—a phrase that contains all of the letters of the alphabet. It is commonly used for touch-typing practice. It is also used to test typewriters and computer keyboards, show fonts, and other applications involving all of the letters in the English alphabet. Owing to its brevity and coherence, it has become widely known.

150% line-height “The quick brown fox jumps over the lazy dog” is an English-language pangram—a phrase that contains all of the letters of the alphabet. It is commonly used for touch-typing practice. It is also used to test typewriters and computer keyboards, show fonts, and other applications involving all of the letters in the English alphabet. Owing to its brevity and coherence, it has become widely known.

200% line-height “The quick brown fox jumps over the lazy dog” is an English-language pangram—a phrase that contains all of the letters of the alphabet. It is commonly used for touch-typing practice. It is also used to test typewriters and computer keyboards, show fonts, and other applications involving all of the letters in the English alphabet. Owing to its brevity and coherence, it has become widely known.

BASIC WORDPRESS CODING –

#3. Insert an automatic subject line when created a mailto links on WordPress.

When the reader clicks on a link, the default e-mail application or Gmail will launch and a blank e-mail addressed to whatever address you put in the link will open up. By adding a simple code that will automatic fill up the text in the subject. The default mailto code look like this :

<a href="mailto:name@company.com">Link Text</a>

Now add in this code after the email address  ?subject=TEXT HERE”>

Here’s a quick example

<a href="mailto:name@company.com?subject=TEXT HERE">Link Text</a>

Here’s how it should look like

<a href="mailto:hello@ideaspeople.com.sg?subject=HELLO PEOPLE">Editor</a>

Click and try. Please feel free to contact our Editor if you have any question.
When we gets your friendly email, the subject: line in all the email will read, “HELLO PEOPLE”.

Tip 1 : This works for the cc: and bcc: fields as well, so you can address e-mails to multiple recipients all in one link.

<a href="mailto:namey@company.com&amp;cc=name2@company.com&amp;bbc=name3@company.com&amp;subject=TEXT HERE">

Note : When using these multiple field tricks in your mailto links, be sure to escape the ampersands with ‘&amp;’. Doing that will allow your code to render properly inside rich e-mail clients.

Tip 2 : You can also write a body text as well by adding this code after the subject text.

&body=Body Text Here"
<a href="mailto:name@company.com?subject=TEXT HERE?&body=Congratulations! You are awesome">Link Text</a>

We will consistently updates basic WordPress coding in HTML to help any beginner who is first time user and without any coding knowledge. If you have any interesting code and is helpful to beginner, please let us know. We love to make life easy and share witheveryone! Alternative, if you can’t find what you are looking for, do let us know. We will send your request to our “code writer” and publish here.

PRIVACY POLICY :-

This blog does not share personal information with third parties nor do we store any information about your visit to this blog other than to analyze and optimize your content and reading experience through the use of cookies. You can turn off the use of cookies at anytime by changing your specific browser settings. We are not responsible for republished content from this blog on other blogs or websites without our permission. This PRIVACY POLICY is subject to change without notice and was last updated on August 2016. If you have any questions feel free to contact us directly at: Privacy Policy matters

CREDIT + DISCLOSURE :-

All images posted on this blog are either taken by IDEAS PEOPLE PTE LTD, or otherwise credited with the source. Feel free to share images from our website or blog for non-commercial use, but please do credit Ideas People Pte Ltd, and other sources, appropriately. All information provided in this blog are original written by us, or otherwise credited with the original source. This CREDIT + DISCLOSURE are subject to change without notice and was last updated on August 2016. If you have any questions feel free to contact us directly at: Credit + Disclosure matters

CONTACT US (Blog) :-

Want to collaborate? We are interested! Kindly drop us an email to: Calvin, editor of Ideas People. Or you can give us a call at our main line +65 68487030.

3 comments

Rob Thomson says:

Wow. something simple to understand especially people like me who is the beginner in programming.
Please post more!!

GST Training says:

What you’re saying is completely true. I know that everybody must say the same thing, but I just think that you put it in a way that everyone can understand. I’m sure you’ll reach so many people with what you’ve got to say.

Great article, Thanks for your great information, the content is quiet interesting. I will be waiting for your next post.

Leave a Reply

Your email address will not be published.This is a required field!

You may use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>