1. Home
  2. /
  3. Uncategorized
  4. /
  5. The Ultimate style Guide...

The Ultimate style Guide to my themes

This is a completely irrelevant post but the only post that will finalize the design to use in my theme this is like a work shop which will be implemented in iksa.Need to add more text to this so that I will have a nice front page with out H2.

Block Quotes

This is an example of a blockquote nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam.

Tabular Data

And then… Finally, users can insert a WordPress Table

Table Head Column One Table Head Column Two Table Head Column Three
Table Footer Column One Table Footer Column Two Table Footer Column Three
Table Row Column One Short Text Testing a table cell with a longer amount of text to see what happens, you’re not using tables for site layouts are you?
Table Row Column One Table Row Column Two Table Row Column Three
Table Row Column One Table Row Column Two Table Row Column Three
Table Row Column One Table Row Column Two Table Row Column Three
Table Row Column One Table Row Column Two Table Row Column Three

 Lists, Both Ordered And Chaotic

  1. Ordered list item one.
  2. Ordered list item two.
  3. Ordered list item three.
  4. Ordered list item four.
  5. By the way, WordPress does not let you create nested lists through the visual editor.
  • Unordered list item one.
  • Unordered list item two.
  • Unordered list item three.
  • Unordered list item four.
  • By the way, WordPress does not let you create nested lists through the visual editor.

Citations

HTML5 comes to our rescue with the footer element, allowing us to add semantically separate information about the quote.

Headers

Level One Heading

Level Two Heading

Level Three Heading

Level Four Heading

Level Five Heading
Level Six Heading

Paragraphs

This is a standard paragraph created using the WordPress TinyMCE text editor. It has astrong tag, an em tag and a strikethrough which is actually just the del element. There are a few more inline elements which are not in the WordPress admin but we should check for incase your users get busy with the copy and paste. These include citations, abbr, bits of code and variables, inline quotations,inserted text, text that is no longer accurate or something so important you might want to mark it.

We can also style subscript and superscript characters like C02, here is our 2ndexample. If they are feeling non-semantic they might even use bold, italic, big orsmall elements too. Incidentally, these HTML4.01 tags have been given new life and semantic meaning in HTML5, you may be interested in reading this article by Harry Roberts which gives a nice excuse to test a link.  It is also worth noting in the “kitchen sink” view you can also add underline styling and set text color with pesky inline CSS.

Black hole

A black hole is a place in space where gravity pulls so much that even light can not get out. The gravity is so strong because matter has been squeezed into a tiny space.

Gravitational waves are created when two black holes orbit each other and merge.

Laser Interferometer Gravitational Wave Observatory:

LIGO is the world’s largest gravitational wave observatory.

LIGO consists of two widely separated interferometers within the United States – one in Hanford, Washington and the other in Livingston, Louisiana – operated in unison to detect gravitational waves.

Though its mission is to detect gravitational waves from some of the most violent and energetic processes in the Universe, the data LIGO collects may have effects on many areas of physics including gravitation, relativity, astrophysics, cosmology, particle physics, and nuclear physics.

 

Additionally, WordPress also sets text alignment with inline styles, like this left aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

This is a right aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

This is a justified paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

Finally, you also have the option of an indented paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

And last, and by no means least, users can also apply the Address tag to text like this:

Addresses

Here is an example of an address.

123 Example Street,
Testville,
West Madeupsburg,
CSSland,
1234Climate change

Colored Content Boxes

This is an example of a Content Box blue for “important note”, which is easy to implement and can be used to put emphasis on a particular thought or sentiment.This is a testing Link Dont click

This is an example of a Content Box gray for “follow” , which is easy to implement and can be used to put emphasis on a particular thought or sentiment.This is a testing Link Dont click

This is an example of a Content Box green for “reference”, which is easy to implement and can be used to put emphasis on a particular thought or sentiment.This is a testing Link Dont click

This is an example of a Content Box yellow for””Attention”, which is easy to implement and can be used to put emphasis on a particular thought or sentiment.This is a testing Link Dont click

This is an example of a Content red for “questions”, which is easy to implement and can be used to put emphasis on a particular thought or sentiment.This is a testing Link Dont click

Leave a Reply