投稿記事デザイン 確認

WordPressテーマのCocoonで投稿した記事は、ヘッダなどがどういうデザインになるのかテストしてみました。本当に表現方法がたくさんあって驚いています。マークダウン風の表記(##など)も使えて便利です。

ヘッダのデザイン

ヘッダ内容<h2>

ヘッダ内容<h3>

ヘッダ内容<h4>

ヘッダ内容<h5>
ヘッダ内容<h6>

区切り


引用文・プルクォート

引用文の表記

いろはにほへと
ちりぬるを
わかよたれそ
つねならむ

50音の和歌

プルクォートの表記

引用元の表記

リスト

  • リスト1
  • リスト2
  • リスト3
  1. リスト1
  2. リスト2
  3. リスト3

画像ギャラリー

ActiveNote STAR のロゴ画像

その他文字装飾

キー表記

CtrlShiftAlt

アンダーライン表記

 アンダーライン  アンダーライン  アンダーライン

 アンダーライン  アンダーライン  アンダーライン 

タグ

 この記事 NEW は 新しいニュースです

ショートカット集

誕生日から歳を表記

 西暦2000年クリスマス生まれだと 24歳 です。

投稿者プロフィール

趣味はプログラミングとサイクリング
最近は Python と JavaScript を勉強中
茨城県つくば市在住です

hiro.gataをフォローする

スター評価

 3.7

過去日時表記

 ミレニアム1月1日から 25年 が経過

カバー

タイトル・背景カバー

ファイルのダウンロード

表組・テーブル

No氏名メール
1星野ほしの 太郎hoshino@activenote.jp
2青空あおぞら ゆうきaozora@activenote.jp
3能登のと けんとnoto@activenote.jp
上記は「参加者のメール一覧表」です

コード表記

print( "辞書型オブジェクトの初期化" )
dict1={"dog":1, "cat":2, "rabbit":"a"}
print( dict1 )
 
print( "辞書型オブジェクトの要素にアクセス" )
print( dict1["dog"])
 
print( "辞書型オブジェクトに要素を追加" )
dict1["horse"]=5
print( dict1["horse"])

詩の表記

わが救いは いずこより来るか

わが救いは 山の向こう

わが神よりのみ 来る

ボックス・付箋風・吹き出し風など

アイコンボックス。ここに案内文を記入 注目!

付箋風の案内文を記入

案内人
案内人

吹き出しによる案内文を入力

白抜きボックスに案内文を記入

案内ボックス。ここに文章を記入

タブボックス。ここに文章を記入

引用の表記

引用元の表記

白抜きボックスの中に
タブボックスをいれて案内文を記入することも可能

見出し

見出しボックスに案内文を記入

見出し

見出しボックスに案内文を記入

トグルボックスに記入

ラベル

ラベルボックスに記入

ブログカード

ボタン・囲みボタン

タイムライン

アプリ開発のタイムライン
  • 初期段階
    アイデアの整理

    インターフェースや入力に対する出力を整理
    画面の大まかな概念を整理

  • モック作成
    ウェブデザイン
    • ログイン画面
    • メニュー画面
    • 入力画面
    • 出力画面

    実際の画面を大まかにデザインし
    遷移も軽く実現させる

  • 機能実装
    エンジンとなる機能の実装

    入力画面から実際の機能を実装し出力画面に結果を表示するところまで本格実装

  • テスト
    第三者による評価テスト
    1. UIデザインの評価(使いやすいか)
    2. 機能にバグはないかをテスト

マイクロバルーン・マイクロテキスト

ちょっとコーヒータイム
ここにマイクロテキストを記入

アイコンリスト

アイコンリスト
  • 色々なアイコンを
  • リストのヘッダに

段組み(2段・3段)

いろはにほへと
ちりぬるを
わかよてれそ
つねならむ

ういのおくやま
けふこえて
あさきゆめみし
えひもせすん

Python

print(“こんにちは”)

JavaScript

cosole.log(“こんにちは”);

Bash

echo “こんにちは”