• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
Yoko Design Kitchen
  • Home
  • About
    • お問い合わせ
  • Recipes
  • 料理教室
    • おうち de Yoko’s Cooking
      • 無料の料理教室(日本・北米向け)
      • 日本向け料理教室
      • 北米向け料理教室
      • アメリカ生活情報イベント
    • 過去のYoko Design Kitchen クラス(スタジオにて)
  • 食スペシャリスト資格
  • Youtube
    • Yoko’s Youtube KIDS
  • BLOG
    • 全ブログテーマ
    • FROM JAPAN 日本生活
      • 陸前高田郷土料理プロジェクト
      • 雑誌「Ginger」ウェブ連載記事
    • FROM US アメリカ生活
      • アメリカの祝日関係の話
      • トレーダーショーズのおすすめ商品
      • TJ’sクッキング
      • 子育て
      • 気になる物&トレンド
      • その他
    • 旅
    • ニューヨーク
    • ボストン周辺
    • レストラン(ボストン、ニューヨーク、etc.)

Sample Post to Explore Foodie’s Style

January 1, 2012 by YokoDesign Leave a Comment

Above this paragraph should be the H1 heading for your web page. Do not use H1 within your blog post area.

Inside of this test data section, you’ll find most of the basic HTML and XHTML and CSS styles that you might use within your WordPress Theme.

This is the H2 Heading

H2 headings should be used to separate chunks of your post text.  It also helps search engines to scan your content easily and serve up keyword-rich content to people searching for you.  Always start with H2 and then if you need to divide up a chunk of content further, use your H3.

This is the H3 Heading

H3 headings aren’t used as often, but can be helpful in breaking down your post content further.  People, and search engines, tend to scan information first and then, if they deem the content to be something they’re interested in, they’ll go back and read the body text.  For more information, check out this Copyblogger article about SEO copywriting techniques that readers love.

Also notice how the links in that paragraph are styled so you can style links within your post content area. Links have three styles. There is the link color. You can also change the link color, along with dozens of other color and typography options, in the Foodie Pro Customizer.

This is the H4 Heading

In this section under the H4 heading, we’re going to look at what the post content, the meat and potatoes of your site looks like. In general, you will have multiple paragraphs, so we will add another paragraph so you can adjust the spacing in between them to the look you want.

Paragraphs are not just for typing your blog babble, they can also hold frame and hold other information within your content area to help make the point you want to make in your writing. For instance, you will commonly have three types of lists.

  • General Lists using the <ul> tag
  • Ordered Lists using the <ol> tag
  • Definition Lists using the <dl> tag
    • Definition Lists use two other tags to generate the list:
      • <dt> sets up the word or phrase to be “defined”, usually set in bold, and
      • <dd> sets up the definition, which is usually in a normal or slightly smaller font and indented under the definition.
  • And that’s the end of the lists

And we’ve just tested a paragraph before and after a general list along with a nested list to help you see what at least three levels of the list will look like. Make sure that each level of the list is styled to match your specific needs. You might want to use the default disc or circle, or you might want to add graphic bullets to your list, too.

This is the H5 Heading

While the H5 heading is not always used, maybe you might find a need for it if your H1 and H2 and H3 headings are used. You might need one to two levels of subheadings in your post content, so this one gives you another option.

We also need to look at the other two lists and then add some images and other styles to flesh out your WordPress site.

  1. You need to do this first.
  2. You need to do this second.
    • You could do this in between.
    • Or give this a try, too.
  3. But this is the third and last thing to do.

And here is another paragraph to show the relationship between the various parts and pieces.

This is another H3 Heading

Let’s take a look at how images work in the theme. Typically, most food bloggers are going to use full-width centered images within the body of a post, but we’ll explore the right and left alignment options here just in case. This photo is using the medium image size and is aligned to the right. In order to clear the space below this image, I’m going to use the “clear” div class in the text editor for this post. Otherwise, things would look very misaligned.

This image is also using the medium image size option, but is aligned to the left. Notice the appropriate amount of padding surrounding the images? That’s Foodie Pro at work for you!

A centered image is a little different. It is centered in the middle and the text is pushed above and below it. This is the way we prefer food bloggers to use images: full-width and centered.

How to add the CSS styles for images is discussed in the Codex article, Using Images.

Testing Font Looks – H3 Heading

You will need to test the looks of the different font styles, too. This is bold and THIS IS BOLD. This is italic and THIS IS ITALIC. This is bold and italic and THIS IS BOLD AND ITALIC. This is code and THIS IS CODE. And now let’s look at what the PRE tag, also known as the preformatted tag, looks like:

This is the pre tag.
It should be formatted as written
     so if you add spaces to the front of the line
  it will show the spaces and the <code> as written

This should be back to the normal paragraph style and we hope you have been paying attention to the margins and padding around each element, including the paragraph, so you can position things appropriately to the rest of the content.

Your CSS Here – H3 Heading

Let’s look at the blockquote, one of the most common tags used in most blogs. It is designed to “frame” a quote from another blog, website, or reference that you are “quoting” from. For the most part, there are three examples of usage:

This is a simple quote. It is either preceded or followed by a link within the text to the credited source. A blockquote must be designed to stand out from the rest of the text content, but it does not have to “really” stand out, just separate itself from the content so we know it’s not your words.

Each website is unique with it’s own look and feel for the various parts and pieces. This cut and paste section looks only at what you might have within your content section. So if you will have boxes for lists or little aside information, you will need to add them so you can see how they will look in the overall page layout.

Some elements in a WordPress Theme are controlled by the style sheet, while others are controlled by the Template files. Try to work on as much as you can from the style sheet first, then you can mess with the template files.

Remember, any changes you make to the style sheet and template files will be not available if you change themes. If you want them carried over, you will need to copy and paste them into the new Theme folder.

Filed Under: その他 Tagged With: Ordered Lists

Previous Post: « Sample Post With Headlines
Next Post: Sample Post With an Unordered List »

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

  • Facebook
  • Instagram
  • YouTube

新規登録で「日々役立つソースレシピ集」プレゼント!レシピ通信にて無料レシピ配布

NEW! 無料のオンライン料理教室

おもてなし・美容・健康などをテーマにしたレシピ満載

「グローバルガストロノミスト®」資格コース

Blog Themes

オンライン料理教室スケジュール

  1. WEEK 14(日本 2/10)私流栄養学:内面から健康になるためにできること

    February 9
  2. WEEK 15(日本 3/10)毎日食べたい簡単で美味しいスープ

    March 9
  3. WEEK 16(日本 4/7)料理の幅が広がるナンプラーのとっておきの使い方

    April 6

View All Events

プラントベース栄養学コース認定

yokobryden

Add a dash of bitters to any drinks; tea, coffee, Add a dash of bitters to any drinks; tea, coffee, sparkling water.., you will love the new flavors!

数滴でおうちドリンクがワンランクアップする“ビターズ”とは?

お酒にハーブやスパイスを漬け込んだもので、主にカクテルの隠し味として知られていますが、最近はリラックスや免疫力アップ、消化促進などの目的のために使用する人が増えています。

炭酸水やホットドリンクに数的入れて使ってみてください。落ち着いた気分になれますよ。

 #bitters #おうち時間 #ライフスタイル #ブライデン 陽子 #リラックス効果 #セルフケア #レシピ #海外生活 #免疫力アップ #ビターズ #消化促進 #トニックウォーター #料理研究家 #料理研究家 #tonicwater #foodphotography #sparklingwater #relaxation #リラックス #大人のドリンク #カクテル #寝る前に #冬 #好きな時間 #セルフメンテナンス #インスタドリンク #フードコーディネート #フーディー
Sunday prep for the week. 

日曜日、今日は朝から買い出しして、1週間の準備。これがしっかりできてると明日からが楽ちん(なかなかできないけど…)!

#prep #sundayprep #roastedredpeppers #cookingpreparation #sundaynight #つくりおき #パプリカ #ライフスタイル #海外生活 #料理研究家 #料理写真 #キッチン #料理中 #料理勉強中 #クッキングラム #インスタフード #フードコーディネート #フードスタグラム #1週間 #日曜日のすごし方 #買い出し #料理撮影 #週末のすごし方 #赤ピーマン #グリル料理 #台所 #Canon
We eat rice porridge with seven herbs on January 7 We eat rice porridge with seven herbs on January 7th to give our stomachs, have been weakened during the holidays, a rest.  So I made 7 grains porridge with seven herbs. Felt so good!

七草がゆを7種の雑穀を使って作ってみたら、とても美味しい!

圧力鍋で40分ほど煮るだけと、とても簡単だから、これから時々作ってみようかな。

子供達がもっと喜んで食べるには、何かの工夫が必要だけど・・。

#七草がゆ #七草粥 #人日 #節句 #おかゆ #新年 #春の七草 #健康食 #精進料理 #朝粥 #フードコーディネート #フードコーディネート #料理研究家 #ライフスタイル #japanesefood #traditionalfood #料理写真 #ごちそうさま #いただきます #shojinryori #jinjitsu #poridge #healthyfood #veganfood #phonephotography #インスタ映え #野菜料理 #新年 #2021年 #健康的な食生活
Eating mochi, rice cake, is one of my favorite Jap Eating mochi, rice cake, is one of my favorite Japanese New Year's traditions. Happy New Year! 

もち米をミキサーで砕いて作るお餅。ついた餅ほどではないけど、こうして焼いたらなかなかのもの。3日間食べ続け大満足したから、次回はまた来年。

改めて、明けましておめでとうございます!

#newyear #newyeartradition #japanesenewyearfood #japanesefood #happynewyear #餅 #焼き餅 #ライフスタイル #料理研究家 #正月 #新年 #クッキングラム #料理写真 #インスタフード #スタイリング #フーディーテーブル #castironcooking #lodge #キャストアイロン #スキレット #スキレット料理  #海外生活 #海外暮らし #和食 #フードコーディネート #テーブルコーディネート #フーディー #フーディーテーブル #ごちそうさま
Christmas is over, but luckily my favorite mother- Christmas is over, but luckily my favorite mother-In-Law's panettone is still here! So tasty! 

クリスマスは終わりましたが、義理母のパネトーネはまだたっぷり残っているので、少しずつ食べてながらお茶の時間を楽しんでいます。フルーツ入りとヘーゼルナッツチョコ入り。どちらも美味しく交互に食べてます(笑)

#panettone #christmascake #christmasdesert #christmasbaking #baking #favorite #パネトーネ #クリスマスケーキ #イタリア料理 #スイーツ #クッキングラム #デザート #お茶の時間 #クリスマス #ライフスタイル  #アメリカ生活 #海外生活 #料理写真 #baking #holidaydesserts
Merry Christmas! It was quiet but very nice family Merry Christmas! It was quiet but very nice family Christmas. 

家族とのんびりすごしたクリスマス。コロナ自粛のため時間に余裕ができれ、まて違った良さがありました。
メリークリスマス!

#merrychristmas #familychristmas #cozychristmas #pandemicchristmas #christmastree #クリスマス #家族と #クリスマス #海外生活 #ボストン生活 #クリスマスのお祝い #クリスマスツリー #家族の時間  #おうちで過ごそう#おうち時間 #メリークリスマス #子供と一緒に #コロナ自粛 #おやすみ
Lucky to have such a talented foodie neighbor! Oni Lucky to have such a talented foodie neighbor! Onion marmalade and chicken liver mousse. Delicious!

クリスマスにご近所さんから頂いたオニオンマーマレードとチキンレバームース。ワインにピッタリで最高に美味しい!お返しにジンジャーブレッドウーピーパイをプレゼントしました。

こういうご近所さんとの関係が嬉しい。

#onionmarmalade #chickenliverpate #chickenliver #christmasappetizers #christmas #happyhour #クリスマス #クリスマスの食卓 #おもてなし料理 #ライフスタイル #世界のクリスマス #料理好き #料理記録 #料理部 #料理写真 #料理勉強中  #おうちで過ごそう#おうち時間 #家庭料理 #おうちごはん #クッキング #クッキングラム #おうちですごそう  #クッキングラム  #ごちそうさまでした #ハッピーアワー #おつまみ #merrychristmas #メリークリスマス
Toasted homemade babka for late breakfast on Chris Toasted homemade babka for late breakfast on Christmas Eve. 

昨日作ったバブカを焼いてクリスマスイブの朝ごはんに。いっぱい寝て久しぶりにのんびりすごした。幸せな朝…

#babka #breakfast #christmasbreakfast #christmas #christmasbaking #christmascake #クリスマス #クリスマスケーキ #手作りスイーツ #ライフスタイル #世界のクリスマス #料理好き #料理記録 #料理部 #料理写真 #料理勉強中  #バブカ #おうち時間 #家庭料理 #朝ごはん #クッキング #クッキングラム #おうちですごそう  #クッキングラム  #ごちそうさまでした #スイーツ #ベーキング #baking #手作りパン #カフェごはん
Made my favorite Christmas cake, Genoa cake (pando Made my favorite Christmas cake, Genoa cake (pandolce genovese) . Very dense orange scented cake almost like a scone.

クリスマスに欠かせないジェノヴァのケーキを作りました。
ジェノヴァを旅行してた時にたまたま入ったベーカリー D. Villa で見つけて以来のお気に入りで、オレンジとフェンネルの香りがたまりません。お茶にもお酒にも合うのが嬉しい!
#pandolce #pandolcegenovese #villaprofumo #genoacake #christmasbaking #christmascake #クリスマス #クリスマスケーキ #手作りケーキ #ライフスタイル #世界のクリスマス #料理好き #料理記録 #料理部 #料理写真 #料理勉強中  #おうちで過ごそう#おうち時間 #家庭料理 #おうちごはん  #クッキング #クッキングラム #おうちですごそう  #クッキングラム  #ごちそうさまでした #スイーツ #ベーキング #baking #dvilla
Load More... Follow on Instagram

Yoko Design Kitchen

About ブライデン 陽子 Read More…

Footer

Archives

About Yoko

1991年に渡米し、ニューヨーク市立大学をスタジオアート専攻で卒業後、シカゴの大学でインテリアデザインを学ぶ。
インテリアデザイナーとしてオフィスや企業スペースを手がけた後、フリーランスでキッチンやバスを中心にしたレジデンスのデザインを始める。 Read More…

Categories

Search

Copyright © 2021 Yoko Design Kitchen on the Foodie Pro Theme