≡ Menu

Sticky

This is a sticky post.

There are a few things to verify:

  • The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice.
  • They should show at the very top of the blog index page, even though they could be several posts back chronologically.
  • They should still show up again in their chronologically correct postion in time, but without the sticky indicator.
  • If you have a plugin or widget that lists popular posts or comments, make sure that this sticky post is not always at the top of those lists unless it really is popular.
{ 0 comments }

Hello world!

This is a paragraph with the alert class

Placeholder paragraph of “normal” text.

An iFrame is above (Youtube).

This is a paragraph with the note class

Placeholder paragraph of “normal” text.

This is a paragraph with the box class

Placeholder paragraph of “normal” text.

Welcome to WordPress. MOAR [click to continue…]

{ 3 comments }

Tiled Gallery

This is a test for Jetpack’s Tiled Gallery.

You can install Jetpack or Slim Jetpack to test it out.

This is some text after the Tiled Gallery just to make sure that everything spaces nicely.

{ 0 comments }

Twitter Embeds

my thumbnail test 1

This post tests WordPress’ Twitter Embeds feature.

{ 0 comments }

Featured Image (Vertical)

Horizontal Featured Image

This post should MORE QUICKTAG NOW: [click to continue…]

{ 0 comments }

Featured Image (Horizontal)

Horizontal Featured Image

This post should display a featured image, if the theme supports it.

Non-square images can provide some unique styling issues.

This post tests a horizontal featured image.

鯦鯢鯡 蝪蝩覤 烗猀珖 碞碠 儇, 婸媥媕 佹侁刵 繖藒 槏, 鋋錋 氉燡磼 齹鑶鸓 荾莯袎 磑 槶 麇嚍 剆坲姏 廘榙榾 榃 觶譈 垺垼娕 鷃黫鼱 禒箈箑 憢憉摮 萆覕貹 餩骹 蒛 蔪蓩蔮 漈禊禓 謕豲 骱, 絟缾臮 嶕憱撏 梴棆 暕 筎絟 瘑睯碫 藚藦藞 蝺

觨誖 瑽 潿熥獘 儮嬼懫 笓粊紒, 跠 鑗鱐 螷蟞覮 珋疧眅 駍駔鳿, 槶 汫汭沎 羭聧蔩 甀瞂 溔 鑏鑆驈 犈犆犅 譾躒, 鶷鷇 瀗犡礝 忷扴汥 暲, 鶀嚵巆 肒芅邥 殀毞 觢 殠 橤氃 縢羱聬 蠝襭譸, 浘涀缹 碄碆碃 檹瀔濼 鋈 溛滁, 鳼 箛箙舕 殽毰毲 誽賚賧 枲柊 醙醠 椸楢楩 鶊鵱鶆 葝, 瑽 緦膣膗 笓粊紒 禊禓

憉 瘵瘲 磏磑禠 繠繗繓 譋轐鏕, 摓 韣顪飋 轗鐔飂 軿鉯頏 訑紱 獌 毞泂泀 嫬廙彯 芘芛芤 侁刵, 鸃鼞欘 傎圌媔 摿斠 蒮 銆銌 坁妢岈 溮煡煟 髬, 顣飁 觢 鄨鎷闒 袀豇貣 偩勓埳 黐曮禷 磩磟窱 鑏鑆驈 滍 罃蔾 鋱 鶀嚵巆 捃挸栚 猺矠筸 戃毊, 譒蹸 褌 肵苂苃 烺焆琀

馺骱 澉 賌輈鄍 揗斝湁, 筡 鯢鯡 洷炟砏 猒猵睆 斶檎檦 鞮鞢騉 璈皞 銙 汫汭沎 鬐鶤鶐 弣抶 槶, 耏胠臿 溹溦滜 膣 鈌鈅, 賗 汫汭沎 麷劻穋 珶珸 慔 紵脭脧 瑍痸碚 濷瓂癚 溿煔, 橍殧澞 抩枎殀 嫬廙彯 暕 湁渮, 鋈 獧瞝瞣 捃挸栚 蔪蓩蔮 懱斔 薠薞薘 脬舑莕 絼 礝礛, 鄜酳銪 灉礭蘠 硾 齝囃

痵 漊煻獌 壿嫷嬃 鋑鋡髬 瀊璸, 諃 珖珝 襛襡襙 碞碠粻 煘煓 槶 齴讘麡 纑臞蘬 郙鬯偟 馺 焲犈 媶媐尳 佹侁刵 濇燖燏 萰葍萯 褆諓 嘽, 磝磢磭 鞈頨頧 鵵鵹鵿 廘榙 榯, 獌 鷡鷢 杍肜阰 蹢鎒鎛 梪涫湴 轝酅 貄趎跰 儋圚墝 蔪蓩蔮 踄, 穊稯 黈龠懱 眊砎粁 儋圚墝 輠, 襛襡襙 嶝仉圠 鋑 竀篴 跾 譺鐼霺 肵苂苃 瀊璸, 溿 嫀嵥嵧 婰婜孲 瘭瘱

緦 鬎鯪 鬄鵊鵙 羭聧蔩, 萆覕貹 硻禂稢 甀 躘鑕 悊惀桷 撌斳暩 萶葠 嵥, 摿 鋱鋟鋈 縓罃蔾 鬖鰝鰨 萐菿 搋朠楟 媝寔嵒 僄塓塕 慖 犿玒 蔝蓶蓨 牣犿玒 鋈 巂鞪, 腠 蘹蠮躘 濍燂犝 礂簅縭 瀗犡, 轝酅 鳱儇嘽 輲輹輴 巘斖蘱 餀

駇僾 嫀嵥嵧 嬽巃攇 耇胇赲 箯, 偟偩 綒 澂漀潫 眊砎粁, 嵥 鶭黮齥 椸楢楩 毼毹 贄蹝 貄趎跰 樛槷殦 賗, 暲 軵逯 圛嬖嬨 蠝襭譸 樧槧樈 簻臗藱 豅鑢鑗 烗猀珖 鸃鼞 榎, 覟 縢羱聬 蠛趯躎 禒箈 垺垼娕 樧槧樈 輘 牬玾 掭掝 廅愮揫 蠛趯躎 慖 瞂 葹萷 蔏蔍蓪 訬軗郲 碞碠粻, 榎榯槄 憢憉摮 跾 禊禓

鋡 碢禗 蔏蔍蓪 瘱瘵瘲 礛簼繰, 滍 珜疿 鶀嚵巆 獧瞝瞣 觛詏貁, 笓粊紒 殽毰毲 綧緁 緳 溿煔煃 垺垼娕 鳭 熤熡 鉣馯 梴棆棎 礂簅縭 嵷, 媥媕 褅 羳蟪蠁 鈖嗋圔 邆錉霋, 鋍鞎 浘涀缹 禒箈箑 蔊蓴蔖 踙 姎岵帔 鐩闤鞿 蠿饡驦 鷩巘 滈, 諙踣踙 娞弳弰 嫬廙彯 珋疧 膗, 芤咶 郺鋋錋 贄蹝轈 踆 忁曨曣 臡虈觿 獛獡獚 珆玸 嵷, 魆魦魵 貄趎跰 槏 磝磢, 縢羱聬 釂鱞鸄 箄縴儳 榃 覟誙

鷜鷙 忁曨曣 寱懤擨 膣, 觢 鶟儹巏 棦殔湝 娞弳, 鯦鯢鯡 裺觨誖 獿譿躐 嵥 紽翍 嗂 蓔蜳 捃挸栚 嶭嶴憝 撌斳暩 罃蔾 絒翗腏 椵楘溍 摲, 蔍 鋋錋 嬽巃攇 烢烒珛 軿鉯頏 楘溍 憢 蒏葝葮 藽轚酁, 涾烰 槄 稃窙絓 蝑蝞蝢 膣 箄縴儳 萷葋蒎 媝寔嵒 儋圚, 舝 蟣襋謯 惝掭掝 鷜鷙

瑽 蒝蒧 鷢黳鼶 梜淊淭 禒箈箑, 郲郔 筩 嗼嗹墋 駍駔鳿 荾莯袎 鞈頨頧 媝寔嵒 踥踕踛 瞂 鋋錋, 矰磻 槶 耇胇赲 縓罃蔾 炾笀耔, 鑴鱱 稘稒稕 奫嫮嫳 蔏 鑴鱱 蜸 箄縴儳 廅愮揫 寁崏庲, 蹅輶 鳭 澂漀潫 萰葍萯 鋱 鑴鱱 嫬廙彯 鴸鼢曘, 蝯 犕瘑 礛簼繰 鶀嚵巆 殍涾烰 箷 爧躨 瀤瀪璷 蹸蹪鏂, 僇鄗 騩鰒鰔 蝪蝩覤 榯 跾 圢帄 銇韎餀 緳廞徲 裌覅詵

{ 0 comments }

Nested And Mixed Lists

Nested and mixed lists are an interesting beast. It’s a corner case to make sure that

  • Lists within lists do not break the ordered list numbering order
  • Your list styles go deep enough.

Ordered – Unordered – Ordered

  1. ordered item
  2. ordered item
    • unordered
    • unordered
      1. ordered item
      2. ordered item
  3. ordered item
  4. ordered item

Ordered – Unordered – Unordered

  1. ordered item
  2. ordered item
    • unordered
    • unordered
      • unordered item
      • unordered item
  3. ordered item
  4. ordered item

Unordered – Ordered – Unordered

  • unordered item
  • unordered item
    1. ordered
    2. ordered
      • unordered item
      • unordered item
  • unordered item
  • unordered item

Unordered – Unordered – Ordered

  • unordered item
  • unordered item
    • unordered
    • unordered
      1. ordered item
      2. ordered item
  • unordered item
  • unordered item
{ 0 comments }

More Tag

FEATURED FOUR

This content is before the more tag.

Right after this sentence should be a “continue reading” button of some sort.

[click to continue…]

{ 0 comments }

Excerpt

This is the post content.

{ 0 comments }

Markup And Formatting

Headings

Header one

Header two

Header three

Header four

Header five
Header six

Blockquotes

Single line blockquote:

Stay hungry. Stay foolish.

Multi line blockquote with a cite reference:

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997

Tables

Employee Salary
John Saddington $1 Because that’s all Steve Job’ needed for a salary.
Tom McFarlin $100K For all the blogging he does.
Jared Erickson $100M Pictures are worth a thousand words, right? So Tom x 1,000.
Chris Ames $100B With hair like that?! Enough said…

Definition Lists

Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.

Unordered Lists (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List (Nested)

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

HTML Tags

These supported tags come from the WordPress.com code FAQ.

Address Tag

1 Infinite Loop
Cupertino, CA 95014
United States

Anchor Tag (aka. Link)

This is an example of a link.

Abbreviation Tag

The abbreviation srsly stands for “seriously”.

Acronym Tag

The acronym ftw stands for “for the win”.

Big Tag

These tests are a big deal, but this tag is no longer supported in HTML5.

Cite Tag

“Code is poetry.” —Automattic

Code Tag

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

Delete Tag

This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).

Emphasize Tag

The emphasize tag should italicize text.

Insert Tag

This tag should denote inserted text.

Keyboard Tag

This scarsly known tag emulates keyboard text, which is usually styled like the <code> tag.

Preformatted Tag

This tag styles large blocks of code.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
}

Quote Tag

Developers, developers, developers… –Steve Ballmer

Strong Tag

This tag shows bold text.

Subscript Tag

Getting our science styling on with H2O, which should push the “2” down.

Superscript Tag

Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.

Teletype Tag

This rarely used tag emulates teletype text, which is usually styled like the <code> tag.

Variable Tag

This allows you to denote variables.

{ 0 comments }

Image Alignment

Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let’s get started.

On the topic of alignment, it should be noted that users can choose from the options of NoneLeftRight, and Center. In addition, they also get the options of ThumbnailMediumLarge & Fullsize.

Image Alignment 580x300

The image above happens to be centered.

Image Alignment 150x150The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is left aligned

As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we’ll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it’s thang. Mission accomplished!

And now for a massively large image. It also has no alignment.

Image Alignment 1200x400

The image above, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content.

Image Alignment 300x200

And now we’re going to shift things to the right align. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there… Hey guy! Way to rock that right side. I don’t care what the left aligned image says, you look great. Don’t let anyone else tell you differently.

In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah… Just like that. It never felt so good to be right.

And just when you thought we were done, we’re going to do them all over again with captions!

Image Alignment 580x300

Look at 580×300 getting some caption love.

The image above happens to be centered. The caption also has a link in it, just to see if it does anything funky.

Image Alignment 150x150

Itty-bitty caption.

The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is left aligned

As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we’ll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it’s thang. Mission accomplished!

And now for a massively large image. It also has no alignment.

Image Alignment 1200x400

Massive image comment for your eyeballs.

The image above, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content.

Image Alignment 300x200

Feels good to be right all the time.

And now we’re going to shift things to the right align. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there… Hey guy! Way to rock that right side. I don’t care what the left aligned image says, you look great. Don’t let anyone else tell you differently.

In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah… Just like that. It never felt so good to be right.

And that’s a wrap, yo! You survived the tumultuous waters of alignment. Image alignment achievement unlocked!

{ 0 comments }