記事作成パーツ確認用ダミーページ

《このページの目次》

スタイル

テキスト

これは太字です。

これは赤字です。

これは大文字です。

これは小文字です

これはドット線です。

これは参照リンクです

参考これは参考マークです(例:参考という文字を記入してから使用)

必須これは必須マークです(例:必須という文字を記入してから使用)

これは打消しです。

これはcodeなどに使用します

アイコン

アイコンマークは「カスタマイザー」の「オプション」でカラーを設定できます。※通常エディタ上では表示されません

これは「はてな」マークです

これは「注意」マークです

これは「人物」マークです

これは「チェック」マークです

これは「メモ」マークです

これは「王冠」マークです

これは「初心者」マークです

見出し

カウント

カウントは設定したテキストや見出し(hタグ)などに自動で番号を振付けます。手動で番号を付けるよりも簡易であるのはもちろん、テキスト自体ではなくCSSで数字を付与するため目次などにも反映されないなどのメリットがあります。

クイックボタンの「CT」でも付与できます。

これはダミーのテキストです

これはダミーのテキストです

これはダミーのテキストです

記事タイトル

記事タイトル、h2〜h5風はPタグに見出しタグと同じデザインを設定します

まとめ

これは「まとめ」用の見出しです

通常の見出しタグとは別に「まとめ」用のデザインをカスタマイザーの「各テキストとhタグ(見出し)」で設定できます

マーカー

これは黄マーカーです。

これは黄マーカー(細)です。

これは赤マーカーです。

これは赤マーカー(細)です。

これは青マーカーです。

これは青マーカー(細)です。

これは鼠マーカーです。

これは鼠マーカー(細)です。

ボックス

黄色ボックスです

薄赤ボックスです

グレーボックスです

引用風のボックスです

チェック(ulタグ)

ulタグの番号なしリストを囲むとチェック風のデザインになります。「テキストモード」でするか、「チェック(ulタグ)」を適応してから「番号なしリスト」を適応すると便利です。

※カスタマイザーの「オプション」でカラー変更が可能です

  • これはダミーのリストです
  • これはダミーのリストです
  • これはダミーのリストです

ナンバリング(olタグ)

olタグの番号付きリストを囲むとチェック風のデザインになります。「テキストモード」でするか、「ナンバリング(olタグ)」を適応してから「番号付きリスト」を適応すると便利です。

※カスタマイザーの「オプション」でカラー変更が可能です

  1. これはダミーのリストです
  2. これはダミーのリストです
  3. これはダミーのリストです

レイアウト

PC(960px以上)Tab(955px〜600px)のレスポンシブ表示となります

※コンテンツ内容は「バナーショートコード」で作成しています

PCとTab3分割

PCとTab左右40:60%

PCとTab左右50%

PCとTab左右30:70%

全サイズ左右50%

均等横並び

回り込み解除

<div class="clearfix"> </div>で囲み、floatを解除します

センター寄せ

要素をセンター寄せにします。

下に余白

要素の下に「10px」の余白を付けます

カードスタイル

※記事ID2で設定されています(ない場合は適宜変更して下さい)

ブログカードに別のデザインを設定します(全サイズで縦型)

カードスタイルB

ブログカードに別のデザインを設定します(PC、タブレット閲覧時のみ縦型)

ランキングボックス(AFFINGER版のみ)

「ランキング一覧背景色」と同じスペースを設定します

width100%リセット

max-width: initial; display: inline;を設定してmax-widthをリセットします。

imgインラインボックス

display: inline;を指定します。

テーブル

テーブル(表の作成)には「TinyMCE Advanced」プラグインが便利です。

横スクロール

スマートフォン閲覧時など横幅がはみ出る場合にtableタグを<div class="scroll-box"></div>で囲むことで横スクロールに対応させます。

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです
これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

中央配置

table内のテキストを上下左右の中央に配置します。

テキストテキストテキストテキスト
テキストテキストテキストテキスト

装飾なし

テーマで用意されたデフォルトデザインを解除します。

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです
これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

※設定が上手くできない(tableタグを囲めない)場合は「テキストモード」での作業をお勧めします

タグ

デザイン

クリップメモ

ショートコードで作成するデザインです。以下はデフォルトで用意されているデザインですが、自分でカスタマイズすることも可能です。

(メモ)これはダミーです

(おしらせ)ダミーテキストです

(はてな)これはダミーです

(コメント)これはダミーです

(コード)これはダミーです

(ポイント)これはダミーです

(ユーザー)これはダミーです

(初心者)これはダミーです

(注意文)これはダミーです

ミニふきだし

ショートコードで作成するデザインです。以下はデフォルトで用意されているデザインですが、自分でカスタマイズすることも可能です。

(基本)これはダミーです

(オレンジ)これはダミーです

(ピンク)これはダミーです

(ブルー)これはダミーです

(グリーン)これはダミーです

(レッド)これはダミーです

複合

自由なテキスト

これはダミーのテキストですこれはダミーのテキストです

ココがポイント

これはダミーのテキストですこれはダミーのテキストです

ココがおすすめ

これはダミーのテキストですこれはダミーのテキストです

ココがダメ

これはダミーのテキストですこれはダミーのテキストです

ココに注意

これはダミーのテキストですこれはダミーのテキストです

さらに詳しく

これはダミーのテキストですこれはダミーのテキストです

◯才女性

これはダミーのテキストですこれはダミーのテキストです

◯才男性

これはダミーのテキストですこれはダミーのテキストです

複合(アイコンなし)

自由なテキスト

これはダミーのテキストですこれはダミーのテキストです

ココがポイント

これはダミーのテキストですこれはダミーのテキストです

ココがおすすめ

これはダミーのテキストですこれはダミーのテキストです

ココがダメ

これはダミーのテキストですこれはダミーのテキストです

ココに注意

これはダミーのテキストですこれはダミーのテキストです

つまづきポイント

これはダミーのテキストですこれはダミーのテキストです

まるもじ(小)

丸い背景の文字を作成します。見出しタグの前などに使用するとポイントになりお薦めです。以下はデフォルトで用意されているデザインですが、自分でカスタマイズすることも可能です。

(基本)これはダミーです (オレンジ)これはダミーです (ピンク)これはダミーです (ブルー)これはダミーです (うすい注意)これはダミーです (注意)これはダミーです

ポイントこれは見出しに使用したサンプル

まるもじ(大)

丸い背景の大きめの文字を作成します。以下はデフォルトで用意されているデザインですが、自分でカスタマイズすることも可能です。

基本:これはダミーです

(オレンジ)これはダミーです

(ピンク)これはダミーです

(ブルー)これはダミーです

(はてな)これはダミーです

(チェック)これはダミーです

(うすい注意)これはダミーです

(注意)これはダミーです

マイボックス

様々なボックスデザインを作成します。以下はデフォルトで用意されているデザインですが、自分でカスタマイズすることも可能です。

ポイント

(基本)これはダミーです

(しかく枠のみ)これはダミーです

(まるみ)これはダミーです

ポイント

(ポイント)これはダミーです

注意ポイント

(注意ポイント)これはダミーです

はてな

(はてな)これはダミーです

ステップ

「購入の流れ」などステップを使用したい場合のデザインに便利です。カラーなどがカスタマイザーの「オプション」で変更できます

step
1
お湯を入れる

これはダミーのテキストです

step
2
3分待つ

これはダミーのテキストです

step
3
完成です

これはダミーのテキストです

こんな方におすすめ

サイトで効果の高い「こんな方におすすめ」リストも簡単に作成できます。カスタマイザーの「オプション」でカラー変更も可能です。

こんな方におすすめ

  • これはダミーのテキストです
  • これはダミーのテキストです
  • これはダミーのテキストです
  • これはダミーのテキストです

<ul class="st-blackboard-list st-no-ck-off">st-no-ck-offst-no-ckとすることでアイコンを消せます

本日のメニュー

  • これはダミーのテキストです
  • これはダミーのテキストです
  • これはダミーのテキストです
  • これはダミーのテキストです

「番号付きリスト(olタグ)」にも対応

今日のやることリスト

  1. これはダミーのテキストです
  2. これはダミーのテキストです
  3. これはダミーのテキストです
  4. これはダミーのテキストです

見出し付きフリーボックス

見出し(全角15文字)

これはダミーのテキストです

メモボックス

メモ

ここに本文を記述

スライドボックス

+ クリックして下さい

クリックで開かれる内容です

バナーボックス

バナー風デザインを作成するショートコード

flexボックスを使用した様々なデザインを作成できます。背景画像を指定することでバナーのようなボタンを作成することも可能です。

タイトル

これはダミーのテキストです

サンプル例

詳しい御案内はこちら

料金プランやサービスについて

泣ける!
漫画ランキング

本屋さんが選んだ泣けるマンガランキング1位は?

今すぐCHECK

ラベル

おすすめ

レイアウト

その他パーツ

カスタムボタン

自由なボタンを作成します。幅や色、アイコンなどボタンごとに自由なカスタマイズが可能です。

基本

ボタン

詳しくはコチラ(オレンジ)

詳しくはコチラ

詳しくはコチラ(レッド)

詳しくはコチラ

詳しくはコチラ(グリーン)

詳しくはコチラ

詳しくはコチラ(ブルー)

詳しくはコチラ

お問合せ

お問合せ

もっと詳しく(オレンジ)

もっと詳しく

もっと詳しく(ピンク)

もっと詳しく

もっと詳しく(ブルー)

もっと詳しく

人気ランキング

人気ランキング

スター

アドセンス

ウィジェット「広告・Googleアドセンスのスマホ用300px」で設定した内容を挿入します

オリジナルショートコード

ウィジェット「オリジナルのショートコード作成ウィジェット」で設定した内容を挿入します

YouTube

YouTube動画の貼り付けは直接URLを貼り付ける方法と、IDを指定して「サムネイル画像」リンクとして表示する方法があります。

URL貼り付け

自動でレスポンシブな動画として表示されます。

IDによるサムネイルリンク

サムネイルリンクとして表示することで複数でも表示が遅くなるのを軽減できます。クリックするとYouTubeに飛んでしまうのが欠点です。

三角(下矢印)

カラーを変更できる三角矢印のショートコードです。

記事一覧

任意の記事の一覧の記事中の好きな位置に表示できます(EX版ではスライドショーにすることも可能)

カテゴリ一覧

任意のカテゴリの一覧を所定内であれば好きな位置に表示できます。表示する記事数やカテゴリの除外、閲覧サイズによる列数の指定(3~1)などが可能です。

都市伝説

コラム

近視の人が老眼になりにくいという話は都市伝説?

目の不調を感じるようになって初めて、目の健康がありがたいと感じるものです。 近視の場合は遺伝的なものもありますし、日常生活の中で目に必要以上の負荷がかかったことで近視になることもあります。 将来的に近 ...

老眼サプリを飲むタイミングと正しい飲み方

老眼サプリの選び方

老眼サプリを飲むタイミングと正しい飲み方

健康補助食品として私たちの心強い味方となっているサプリですが、飲むタイミングは守る必要があるのでしょうか? 医薬品ではないものの、有効成分が含まれているのは薬もサプリも同じです。 少しでも有効成分の働 ...

ハッキリくっきり視界に戻すため始めたロート製薬の「ロートV5粒」

おすすめ老眼サプリ

ロート製薬「ロートV5粒」ハッキリくっきり視界に製薬会社のサプリの口コミと評判

物が見えにくくなる年代になったんだなあと痛感し始めた40代。 視力が悪くなったわけでもないのに視界がボンヤリするのは生活するにも仕事をするにも困ることが増えて、ほとほと参りました。 とりあえず疲れ目用 ...

光がつらいのはルテイン不足?「メラックスeye(アイ)」で目の悩み解決!

おすすめ老眼サプリ

メラックスeye(アイ)光がつらいのはルテイン不足?メラックスアイで目の悩み解決する口コミと評判

アラフォー世代に突入して、体に出てくる不調が気になる年代になりました。 サラリーマンとして責任のある立場になったことも体調を見直すきっかけになったかもしれません。 普段はデスクワークが多いのでパソコン ...

老眼対策サプリならポリフェノール豊富な「ブルーベリーは実より葉」

おすすめ老眼サプリ

「ブルーベリーは実より葉」ポリフェノールが豊富な口コミと評判

30代後半に入ったころ、なんとなく視界がぼやけることが多くなりました。 視力検査は悪い数字ではないので、疲れ目が原因だと思いつつも夜になると見えにくさも感じるようになったため不安になりました。 眼科で ...

カテゴリ一覧スライドショー

上記の一覧を簡易にスライドショーに変えることが可能です。

都市伝説

コラム

2019/3/17

近視の人が老眼になりにくいという話は都市伝説?

目の不調を感じるようになって初めて、目の健康がありがたいと感じるものです。 近視の場合は遺伝的なものもありますし、日常生活の中で目に必要以上の負荷がかかったことで近視になることもあります。 将来的に近視の人は老眼になりにくいという話がありますが、これは本当の話なのか都市伝説なのか、正しい情報を知らない人はまだまだいるようです。 近視と老眼の関係についてお話していくことにしましょう。 《このページの目次》1 近視で悩む人は老眼になりにくいって本当の話?2 なぜ近視になると老眼に気づきにくいのか3 もしも近視 ...

ReadMore

老眼サプリを飲むタイミングと正しい飲み方

老眼サプリの選び方

2019/3/6

老眼サプリを飲むタイミングと正しい飲み方

健康補助食品として私たちの心強い味方となっているサプリですが、飲むタイミングは守る必要があるのでしょうか? 医薬品ではないものの、有効成分が含まれているのは薬もサプリも同じです。 少しでも有効成分の働きを良くするために、飲み方やタイミングを知ることは大切なことかもしれません。 こちらでは老眼サプリの一日の摂取量や、飲むタイミングについてお話していきます。 《このページの目次》1 老眼サプリは1日どのぐらいまでならOK?2 老眼サプリを効率よく飲むタイミングは? 老眼サプリは1日どのぐらいまでならOK? サ ...

ReadMore

ハッキリくっきり視界に戻すため始めたロート製薬の「ロートV5粒」

おすすめ老眼サプリ

2019/3/5

ロート製薬「ロートV5粒」ハッキリくっきり視界に製薬会社のサプリの口コミと評判

物が見えにくくなる年代になったんだなあと痛感し始めた40代。 視力が悪くなったわけでもないのに視界がボンヤリするのは生活するにも仕事をするにも困ることが増えて、ほとほと参りました。 とりあえず疲れ目用の目薬を毎日刺してみたものの、一瞬だけスッキリ感があるだけで視界が良好になる様子はありません。 そこで、いつも通っている料理教室で主婦に聞いてみると、ロート製薬の「ロートV5粒」を教えてくれたのです。 ▼網膜にアプローチする目のサプリメント▼>>ロートV5粒(ロート製薬)の詳細はこちら<< 《このページの目次 ...

ReadMore

光がつらいのはルテイン不足?「メラックスeye(アイ)」で目の悩み解決!

おすすめ老眼サプリ

2018/10/11

メラックスeye(アイ)光がつらいのはルテイン不足?メラックスアイで目の悩み解決する口コミと評判

アラフォー世代に突入して、体に出てくる不調が気になる年代になりました。 サラリーマンとして責任のある立場になったことも体調を見直すきっかけになったかもしれません。 普段はデスクワークが多いのでパソコン作業が主になりますが、なんとなくパソコンの光が刺激になってしまい、ブルーライト用の眼鏡を購入しました。 しかし、これだけでは解決せず、さらに目のかすみが気になったのをきっかけにブルーベリーのサプリを飲み始めたものの、なかなか効果が発揮されません。 悩みに悩んで職場の飲み会の席で話したところ、同僚が「メラックス ...

ReadMore

老眼対策サプリならポリフェノール豊富な「ブルーベリーは実より葉」

おすすめ老眼サプリ

2018/10/11

「ブルーベリーは実より葉」ポリフェノールが豊富な口コミと評判

30代後半に入ったころ、なんとなく視界がぼやけることが多くなりました。 視力検査は悪い数字ではないので、疲れ目が原因だと思いつつも夜になると見えにくさも感じるようになったため不安になりました。 眼科で相談したところ老眼の進行が始まっていると言われました。 まだ30代なのに老眼?と驚きましたが、考えてみれば仕事柄パソコンを使う時間が多いので、目を酷使しすぎたのだと思います。 仕事の帰り道、駅まで歩いていると以前に比べて街灯や車のライトが滲んで見えるのも気になりました。 これも老眼の症状のひとつでした。 今は ...

ReadMore

会話ふきだし

「会話ふきだし」は最大8つまで設定でき、1クリックで呼び出すことが可能です

これはダミーのテキストですこれはダミーのテキストです
これはダミーのテキストですこれはダミーのテキストです
これはダミーのテキストですこれはダミーのテキストです
これはダミーのテキストですこれはダミーのテキストです
これはダミーのテキストですこれはダミーのテキストです
これはダミーのテキストですこれはダミーのテキストです
これはダミーのテキストですこれはダミーのテキストです
これはダミーのテキストですこれはダミーのテキストです

Webアイコン

ショートコードに挿入するためのWebアイコンです(アイコンが直接表示されるわけではございません。ショートコードの引数に使用して下さい)

HTMLカラーモード

ショートコードに挿入するHTMLカラーコードです(カラーが直接表示されるわけではございません。ショートコードの引数に使用して下さい)

#e53935

#f44336

#ffebee

#03A9F4

#03A9F4

#E1F5FE

#43A047

#4CAF50

#E8F5E9

#FFC107

#FFF3E0

#212121

#424242

#FAFAFA

#FFFDE7

クイックボタン

エディタの上に表示されているボタンです。クリックするだけでデザインが適応されるので使用頻度の高いものなどを設定しています。

太字

選択したテキストに太字を適応します。テキスト全体の場合は「スタイル」の「太字」をご利用下さい

太赤

選択したテキストに太赤字を適応します。テキスト全体の場合は「スタイル」の「太字」をご利用下さい

黄細マ

選択したテキストに黄マーカー(細)を適応します

CT

選択したテキストや見出しに自動カウントを設定します

写真枠

写真に枠線をつけます

角丸背景

角丸のマイボックスを設定します。

ボタンA

HTMLでボタンデザインAを挿入します(AFFINGERの場合「ランキング管理」>「CSS」でカラーを変更できます)

ボタンB

HTMLでボタンデザインBを挿入します(AFFINGERの場合「ランキング管理」>「CSS」でカラーを変更できます)

カード

記事IDを設定することで内部リンクをブログカード化します

❏こちらの記事も人気があります♪

老眼サプリランキング 1

老眼というと40代以上の方のお悩みというイメージがありますが、現在ではスマートフォンの普及で10代、20代のスマホ老眼も問題になっています。 どちらも老眼用目薬で一時的にスッキリはするのですが、根本的 ...

老眼サプリ 2

スマホを使い始めたころから急に老眼が気になり始めました。 年齢的にはまだ30代になったばかりなので、さすがに老眼ではないだろうと思っていたものの、スマホを少し離して見たところ見やすいと感じました。 実 ...

3

とうとう自分にもやってきたか、とスマホを見るときに離さないと見えにくくなった現状に大きなショックを受けました。 まだ30歳になったばかりでしたが、スマホ老眼がテレビで話題になっていたので、もしかしたら ...

ピント調節をサポートしてくれる「えんきん(ファンケル)」 4

目のかすみはピンボケで物が見えにくくなるのは年のせいだけでなく、日ごろから目を酷使している人なら悩んでいることではないでしょうか。 私もその一人で、仕事でパソコンを使うことが多いため、目の不調を感じる ...

投稿日:

Copyright© 老眼予防サプリメントおすすめランキングベスト10|効果と価格で徹底比較 , 2019 All Rights Reserved.