Note

【保存版】初心者必見!AFFINGERデザイン一覧とカスタマイズの方法

2020年9月5日

集中治療室で10年以上働き、ブログを起点に医療情報やお役立ち情報を発信しています。医療学生・新卒看護師向けに分かり易く解説するコンテンツも制作しています!国家試験に合格したのに臨床で上手く使えない…と思っている人は結構多いです。折角学習するのに臨床で活かせないのは勿体無いです。効率的・体系的に学びつつ臨床に活かしましょう!

・AFFINGER5の文章スタイルを一覧で見たいな。

・設定方法や英語の意味を知りたい!

・デザインの使い勝手とかは、どんな感じ?

今回は、こんな声に応えていきます。

私も導入して8日目なので、操作性を確認しつつ分かる範囲で説明します。

mobileの方は、左右で違いが分かるのでPC版の方が見易いです!

デザインの一覧では無く、設定方法を見たい場合は、以下よりジャンプできます。

設定

テキストパーツデザインについて

ボックスデザインについて(下記画像上のバナー風デザインなど)

カスタムボタン>ボックスメニューについて(下記画像下のボタンデザインなど)

記事一覧について

本記事の内容について

・スタイルの実際の動きについて

・一部使用方法不明なスタイルは抜きました

・タグ(テキストパーツ)一覧や設定方法について

・私の使用感やオススメなどについて

目次

AFFINGER5って?

WordPressテーマ 「WING(AFFINGER5)」

スタイル

テキスト

ここは一般的なデザインが多いところですね!

赤字 太字 赤字(太字) 大文字 小文字 ドット線

参照リンク

参考 必須 打消し Code Code風

NotoSans Rounded M+1c

アイコン

はてな     

注意

人物

チェック

メモ

王冠

初心者マーク

シンプルで、ちょっとした強調に使えそうで良いですね!

見出し

記事タイトル

h2風

h3風

h4風

h5風

まとめ

カウント

「風」なので、目次などには反映されないです。

目次などに影響を与えず目立たせるには良いですね。

写真

枠線

ポラロイド風

ワイド

アニメーション

45度  faa-wrench animated

ベル  faa-ring animated       

横   faa-horizontal animated     

縦   faa-vertical animated

点滅  faa-flash animated

バウンド  faa-bounce animated    

回転  faa-spin animated

ふわふわ  faa-float animated    

大小    faa-pulse animated     

シェイク  faa-shake animated

シェイク強  st-shake   

拡大  faa-tada animated        

  過ぎる  faa-passing animated 

戻る  faa-passing-reverse animated

バースト  faa-burst animated

落ちる  faa-falling animated

私はアニメーションを結構使います。文に動きが入ると目に止まりますよね。

スタイルから入れると、上記の様に動きを出せます。コードの場合は、fontawesomeの後にアイコン名を入れて、半角空けて入力します(詳細後述)。

この一覧みたいにアニメーションが多過ぎると目障りになるのもよく分かります。特に4種類程、主張が強いなあ・・・(笑

ランキング

1位 AFFINGER5

2位

3位

4位

マーカー

黄マーカー黄マーカー(細)

赤マーカー赤マーカー(細)

青マーカー青マーカー(細)

鼠マーカー鼠マーカー(細)

ボックス

黄色

薄赤

グレー

引用風

ワイド背景

ワイド背景(左寄)

ワイド背景(右寄)

 

タグ>テキストパーツ

以下の内容を設定すると、色々と変化を付け加えられます。

クリップメモなど、多くのタグの構成は以下の様になっています。

[ st-cmemo fontawesome="" iconcolor="#919191" bgcolor="#fafafa" color="#000000" bordercolor="" borderwidth="" iconsize="" ]  文章  [/st-cmemo ]

これを分解してカスタマイズをする場合、下の通りです。慣れないうちは「文章」の部分を打つだけでも使えるので、気にせず徐々に慣れれば良いと思います。

fontawesome="アイコン(+アニメーション)"

⇒ fontawesome4(Webフォント):初期設定以外のアイコンはコチラ ※Ver5.0以降は未対応

初期設定は、タグ>ショートコード補助>Webアイコンで呼び出せます。

⇒ アニメーションは半角空けて上述したテキストを入力すると設定できます。

初期設定は、タグ>ショートコード補助>アニメーションで呼び出せます。(呼び出すと自動で半角空けてくれるので、連続入力でOK)

iconcolor="#919191" アイコンカラー

bgcolor="#fafafa" 背景カラー

color="#000000" 文字カラー

bordercolor="#" ボーダー(枠線)カラー

⇒Material Design Colors(マテリアルカラーのパレット):materialui.co(クリックでコピー可能)

カラー系は「#+英数字6文字」の形式で設定します。

borderwidth="数字" ボーダー(枠線)の幅

iconsize="数字" アイコンサイズ

クリップメモ

メモ

外部リンク

ブックマーク

おしらせ

はてな

コメント

コード

ポイント

ユーザー

初心者

注意文

注意文(グレー)

ミニふきだし

基本

オレンジ

ピンク

ブルー

グリーン

レッド

マイボックス

マイボックス

私は、ちょっとしたメインの文章の付け加えなどに使ってます。

まるもじ(小)

基本 オレンジ ピンク ブルー うすい注意 注意
まるもじ(小)は横並びできますが、(大)は通常の方法では横並びしない様です。

まるもじ(大)

基本

オレンジ

ピンク

ブルー

はてな

チェック

うすい注意

注意

HTML>ルビ(ふりがな)

別の言葉も「ふりがな」で記載可能。こんな感じで、漢字なども可能です。

ルビ(ふりがな)

カスタムフォント

デフォルト

白影

ステップ

step
1
test

step
2
test

step
3
test

手順を説明するときに役立ちます!

クリップメモ(テキスト)

ここではアニメーションを付け加えてみます。

メモ

参考

関連

注意

Check

次へ進む

前に戻る

質問

回答

複合(+アイコンなし)

自由なメモ

自由なメモ

自由なメモ

自由なメモ(アイコンなし)

ココがポイント

ココがポイント

ココがポイント

ココがポイント(アイコンなし)

ココがおすすめ

ココがおすすめ

ココがおすすめ

ココがおすすめ(アイコンなし)

ココがダメ

ココがダメ

ココがダメ

ココがダメ(アイコンなし)

ココに注意

ココに注意

ココに注意

ココに注意(アイコンなし)

さらに詳しく

もっと詳しく

もっと詳しく

もっと詳しく(アイコンなし)

つまづきポイント

はてなマーク(アイコンなし)

◯才女性

女性コメント

◯才男性

男性コメント

ポイント

ポイント

ラベル

おすすめ

ここに文章を入力します。ここに文章を入力します。ここに文章を入力します。ここに文章を入力します。ここに文章を入力します。ここに文章を入力します。ここに文章を入力します。ここに文章を入力します。ここに文章を入力します。ここに文章を入力します。ここに文章を入力します。ここに文章を入力します。ここに文章を入力します。ここに文章を入力します。ここに文章を入力します。

 

流れる文章

流れる文章(marquee風)

 

タグ>ボックスデザイン

WordPressテーマ 「WING(AFFINGER5)」

1つ1つ設定の方法を確認していきましょう!空欄でも問題無いので、デザインなどで必要な時に調べて設定するのが良いと思います。

画像URLは、ワードプレス>メディアライブラリ>画像選択>画像のURLコピーで引用できます。

全てを貼り付けると、編集画面で画像が表示されてしまうので、私は最後のアルファベットだけ残してコピー>貼り付け>手打ちをしています。

下の赤字は初期設定です。

 

 

st-flexbox url="" rel="nofollow" target="" fontawesome="" title="タイトル" width="" height="" color="#fff" fontsize="200" radius="0" shadow="#424242" bordercolor="#ccc" borderwidth="1" bgcolor="#ccc" backgroud_image="" blur="on" left="" margin_bottom="0"

st-flexbox url=""    :リンク先設定

rel="nofollow"    :リンク属性設定

target=""       :新しいタブでの開閉設定

fontawesome=""   :アイコン

title="タイトル"    :見本「タイトル」

width=""        :幅

height=""       :高さ

color="#fff"       :文字色

fontsize="200"     :文字の大きさ

radius="0"      :角丸

shadow="#424242"  :影

bordercolor="#ccc"  :枠線色

borderwidth="1"    :枠線幅

bgcolor="#ccc"   :背景色

backgroud_image=""  :背景画像(メディアURL)

blur="on"       :ぼかし(OFF:空欄)

left=""       :左寄せ

margin_bottom="0" :隣との間隔

バナー風ボックス

デフォルトとデザイン済みの比較です。 初期設定は上述した赤字を参照してくださいね。

タイトル

基本(ボタン設置など可能)

タイトル

背景無し

タイトル

左寄せ

 

マイボックス

ポイント

基本

しかく(枠のみ)

まるみ

参考

参考

関連

関連

メモ

メモ

ポイント

ポイント

注意ポイント

注意ポイント

はてな

はてな

ふきだしテキスト

+ミニふきだし

ショートコード

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

見出し(全角15文字)

基本

注意

注意

はてな

はてな

ポイント

ポイント

メモ

メモ

見出し(全角15文字)

基本(タイトル幅100%)

注意

注意(タイトル幅100%)

はてな

はてな(タイトル幅100%)

ポイント

ポイント(タイトル幅100%)

メモ

メモ(タイトル幅100%)

こんな方におすすめ(v)

こんな方におすすめ

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

チェックボックス(番号なしリスト)

番号なしリスト

こんな方におすすめ[v]

こんな方におすすめ

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

マイボックス(+CSSクラス)

メモ

メモ

メモ

メモ(下線のみ)

メモ

メモ(枠のみ)

メモ

メモ(枠・下線あり)

ここに注意

注意(下線のみ)

必要なモノ

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

 

必要なモノ(ドット下線)

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

 

チェックリスト

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

 

チェックリスト(ドット下線)

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

 

簡単な流れ

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

 

簡単な流れ(ドット下線)

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト

メモボックス

メモ

メモボックス

スライドボックス

+ クリックして下さい

ハイっ、ひょっこりはん
スライドボックスは、クリックをすると出現します。

ガイドマップメニュー

手順説明などで便利ですね。

pre

 html
pre

 

pre:terminal

 command
pre:terminal

pre:shortcode

[/] shortcode
pre:shortcode

タグ>カスタムボタン

ボックスメニュー

[ st-box-btn myclass="" pc_show="4" margin="0 0 20px 0" type="" ]
[ st-box-btn-list icon_image="" fontawesome="fa-wordpress" icon_size="" text="メニューA" subtext="" url="" target="" rel="" bgcolor="" color="" fontsize="90" fontweight="bold" ]

カスタマイズ>メニューのカラー設定>ボックスメニューでも色は変えられます。

myclass=""       :CSS設定

pc_show="4"     :列数(PC)

margin=       :周囲との間隔

type="vertical"     :空欄で横並び(左だと縦並び)

icon_image=""    :アイコン画像(URL)

fontawesome=""   :文字アイコン

icon_size=""     :アイコンサイズ

text="       :文章

subtext=""     :サブ文章

url=""       :リンク

target="blank"      :新規タブで開く(off:空欄)

rel=""        :nofollow設定

bgcolor="#ccc"   :背景色

color="#fff"       :文字色

fontsize="200"     :文字の大きさ

fontweight="bold"  :太さ

カスタムボタン

会話ふきだし

AFFINGER5管理画面>会話・ファビコン等>会話風アイコンで設定しましょう。アイコン名を入れると、アイコンの下に表示されます。

8種類登録できます!

私はアイコン名を入れていないので、表示されないです。

タグ>ランキング

1位(基本)

2位

3位

4位以下

ID:[ st_af id="" ]

Slug:[ st_af name="" ]

Rank:[ st-rankgroup id="" label="" name="" ]

タグ>レイアウト

WordPressテーマ 「WING(AFFINGER5)」

%に応じて、左右に分割できます。全サイズでは、mobileでも分割されてしまうので、画面が小さいとテキストが滅茶苦茶になります。 基本的には以下の「PCとTab」を推奨します。この記事で左右に分けているのも、このレイアウト設定です(PCとTab)。

当サイトのトップページ(新着記事以下)も、この機能を使っています。結構使います^^

全サイズ

50%

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

50%

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

PCとTab(959px以上)

70%

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

30%

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

以下のタブメニューはクリックで切り替えできます。

DIV

メイン

サブ

タイムライン


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


 

タイムライン(センター)


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


背景ワイド

背景ワイド

タブ(切替ボタン)




タブ1のコンテンツ

タブ2のコンテンツ


タブ2つ




タブ1のコンテンツ

タブ2のコンテンツ


タイムライン(カウント)


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


タイムライン(基本ステップ)


  • step.1

    ここにコンテンツ


  • step.2

    ここにコンテンツ


  • step.3

    ここにコンテンツ


タイムライン(ブログカード)

タグ>その他パーツ

Googleアイコン

利用したい場合は、AFFINGER管理 > デザイン > Googleマテリアルアイコン > 使用するで有効化します。

有効にしないと・・・

desktop_macphone_iphonetablet_mactimerlocation_ondirections_bikedirections_rundirections_cardirections_transitsubwayflightlocal_parkingrestaurantstore_mall_directorycakesmoking_roomsarrow_backarrow_downwardarrow_forwardarrow_upwardradio_button_uncheckedclosemoodmood_badsentiment_satisfiedsentiment_very_dissatisfiedthumb_up_altthumb_down_alterrornew_releases

スター

画像付きコメント

画像(60×60)

タイトル

◯代男性

画像付きでコメント挿入ができます。

目次(カスタム)

目次(+TOC)

[ toc ] 

プラグイン利用者用です。

アドセンス

[ adsense ]

広告・Googleアドセンスのスマホ用が表示されます。

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

AFFINGER5

外観>ウィジェット>オリジナルのショートコード作成ウィジェットで作成できます。コードは1個だけなので、使いどころを考えないとかな?「ステ子」を持っていると、必要ないかもです。

YouTube

静止画で挿入したい場合に使います。idなので、https://youtu.be/「TQ8WlA2GXbk」、最後の「  」内の英数字の部分だけ入力します。

三角(下矢印)

スクロールナビ

 

タグ>記事一覧/カード

以下のコードも噛砕いて説明していきます!

[ st-catgroup cat="0" page="2" order="desc" orderby="id" child="on" slide="off" slides_to_show="3,3,2" slide_date="" slide_more="ReadMore" slide_center="off" ]

st-catgroup cat="0" :カテゴリーグループ選択

page="2"       :表示記事数

order="desc"    :降順・昇順

orderby="id"    :並び順

child="on"     :子カテゴリー設定

slide="off"        :スライド設定

slides_to_show="3,3,2"     :スライド枚数(画面の大きさを”大、中、小”の順で指定できる)

slide_date=""       :日付

slide_more="ReadMore"     :任意の言葉でClick誘導ができる

slide_center="off" ]      :onだとmobileで両端が切れる

記事一覧

「,」でidを区切ると、複数出せます。

Note

【AFFINGER】ブログ初心者必見!デザイン性や特典などについて

2021/5/27    

AFFINGER5の購入を迷ってて・・・。無料テーマとの違いは何なの?どんな機能が備わっているの? 今回は、こんな声に応えていきます。 当記事で分かる ...

Note

【簡単即解決】YouTubeの埋め込みを中央(センター)表示にする方法

2021/5/27    ,

YouTubeの埋め込み後のセンター表示が分からない・・・。 色々調べて、試してみたのに全然中央にならないよ? 今回は同じ悩みを抱えた方に、記事として ...

Medical

【便利】看護記録や仕事が早く終わるパソコンショートカットキー10選

2021/5/27    ,

仕事が定時に終わらない・・・。レポートを早く終わらせたいな。厳選したショートカットキーを知りたいな。 今回は、こんな声に応えていきます。パソコンを使っ ...

おすすめ記事一覧

[ st-osusume ] 

以下の設定で使える様になるようです。

ブログカード(参考)

参考【保存版】初心者必見!AFFINGERデザイン一覧とカスタマイズの方法

・AFFINGER5の文章スタイルを一覧で見たいな。 ・設定方法や英語の意味を知りたい! ・デザインの使い勝手とかは、どんな感じ? 今回は、こんな声に ...

続きを見る

カテゴリ一覧

Note

【医療学生】iPad・タブレット・アプリなどを活かした図解ノート作成方法について

iPadを使っているんだけど、良いノートのまとめ方は無いかな? 今回は、こんな声に応えていきます。 当記事で分かること iPad活用術 目次 iPad ...

Medical

糖新生とは?ダイエット・筋肉・アミノ酸・肝臓・血糖値などとの関係について

糖新生って何のこと? 今回は、こんな声に応えていきます。 当記事で分かること 糖新生とは アミノ酸・グリセロールって? 肝臓での代謝について 筋肉・血 ...

私はモバイルスライドメニュー内(三本線メニュー)で使っています。

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

Note

2021/7/23

【医療学生】iPad・タブレット・アプリなどを活かした図解ノート作成方法について

iPadを使っているんだけど、良いノートのまとめ方は無いかな? 今回は、こんな声に応えていきます。 当記事で分かること iPad活用術 目次 iPad+αで簡単・綺麗にノートを作ろう!GoodNotes5と初期設定についてノートのテンプレート書類編集iCloud自動バックアップGoodNotes5にメールするKindleUnlimitedの上手な使い方についてStep.1:無料登録Step.2:解約Step.3:電子書籍を吟味するStep.4:スクリーンショット書籍の裁断・自炊に関してフリマアプリ iPa ...

ReadMore

Medical

2021/7/23

糖新生とは?ダイエット・筋肉・アミノ酸・肝臓・血糖値などとの関係について

糖新生って何のこと? 今回は、こんな声に応えていきます。 当記事で分かること 糖新生とは アミノ酸・グリセロールって? 肝臓での代謝について 筋肉・血糖値・ダイエットとの関係とは 目次 糖新生とは糖質代謝脳・赤血球インスリン不足になるとダイエットとも関係する 糖新生とは ポイント グリコーゲン以外の蛋白質・脂質などを糖に変換することを言います。解糖系・クエン酸回路が逆向きに働くイメージです。糖はエネルギーとして素早く消費されていき、血中のグルコースが足りなくなってくると「材料」を使って肝臓で糖を作り始めま ...

ReadMore

Medical

2021/7/16

【PLR】プロラクチンとは?男性・女性・作用などについて簡単に解説します

プロラクチンって男性にも出るの? 今回は、こんな声に応えていきます。 当記事で分かること PLR・プロラクチンとは 作用・男女差について 目次 プロラ ...

ReadMore

Medical

2021/7/16

【GH】成長ホルモンとは?分泌部位・過程・時間・作用・疾患について解説します

成長ホルモンって、どんな作用を持つの? 今回は、こんな声に応えていきます。 当記事で分かること 成長ホルモンとは 分泌部位・時間帯・作用について 疾患 ...

ReadMore

Medical

2021/7/6

【酸素】血液培養でも重要な好気性菌・嫌気性菌の違いと種類について解説します

好気・嫌気の違いって? 今回は、こんな声に応えていきます。 当記事で分かること 好気性菌・嫌気性菌について 臨床でよく遭遇する菌種について 目次 好気 ...

ReadMore

私のトップページで使っているタグです。

ブログカード(チェック)

こちらもCHECK

【保存版】初心者必見!AFFINGERデザイン一覧とカスタマイズの方法

・AFFINGER5の文章スタイルを一覧で見たいな。 ・設定方法や英語の意味を知りたい! ・デザインの使い勝手とかは、どんな感じ? 今回は、こんな声に ...

続きを見る

タグ>条件表示

表示方法を設定できます。

・コメントアウト

・エディタ用メモ

・PC閲覧時のみ表示

・PC閲覧時のみ非表示

・AMPページのみ表示

・AMPページのみ非表示

・フロントページのみ表示

・フロントページのみ非表示

・指定したカテゴリーIDのみ非表示

・ログイン時のみ表示

・ログアウト時のみ表示

タグ>ショートコード補助

Webアイコン(クラス)

これ以外にも設定できます。AFFINGER5管理画面>はじめに>最下層で確認できます。

fontawesome

メモ:fa-file-text-o

チェック:fa-check

チェック(v):fa-check-circle

チェック[v]:st-svg-checkbox

注意:fa-exclamation-circle

はてな:fa-question-circle

虫メガネ:fa-search

虫メガネ(+):fa-search-plus

矢印右:fa-chevron-right

矢印下:fa-chevron-down

矢印右2:fa-angle-double-right

矢印下2:fa-angle-double-down

矢印右3:fa-angle-right

矢印下3:fa-angle-down

ハート:fa-heart

ユーザー:fa-user

コメント:fa-comments

電球:fa-lightbulb-o

おしらせ:fa-bullhorn

メール:fa-envelope

コード:fa-code

ギフト:fa-gift

ダイアモンド:fa-diamond

ダウンロード:fa-download

Twitter:fa-twitter

Facebook:fa-facebook-square

YouTube:fa-youtube-play

Amazon:fa-amazon

王冠:st-svg-oukan

初心者:st-svg-bigginer_l

アニメーション(クラス)

動きなどは最初に記載したところをご覧ください!

HTMLカラーコード

白#ffffff

赤濃#e53935

赤#f44336

赤薄#ffebee

青濃#039BE5

青#03A9F4

青薄#E1F5FE

緑濃#FFB300

緑#4CAF50

緑薄#E8F5E9

橙濃#FFB300

橙#FFC107

橙薄#FFF3E0

黒濃#212121

黒#424242

黒薄#FAFAFA

黄薄#FFFDE7

黒薄は黄薄の間違いかな?

HTMLカラーコード(ブランド)

Twitter#40a2f5

Facebook#415c9d

はてな#3290e1

WordPress#2d88c0

Amazon#eb9100

LINE#39b900

 

定型文

\ バンザイ / :\ バンザイ /

詳細は公式サイトにて:※時期により内容が異なる場合がございます。詳細は公式サイトにてご確認下さいませ。

無断利用禁止:※掲載されている文字、写真、イラスト等は著作権の対象となっています。無断利用を固く禁止しております。

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

まとめ

まとめ

今回は、文章デザイン全般の設定や見栄えなどを解説しました。Cocoon3ヶ月、AFFINGER8日目の私でも簡単に使えています。悩んでいる方は、是非参考にしてみてくださいね^^v

WordPressテーマ 「WING(AFFINGER5) AFFINGER PACK3(WING対応)

今回は以上になります。参考になれば幸いです。お勧めの記事などを以下に貼っています。疑問・質問・要望などは「Twitter」・「Mail」までお気軽にどうぞ^^v

Medical

2021/7/23

糖新生とは?ダイエット・筋肉・アミノ酸・肝臓・血糖値などとの関係について

糖新生って何のこと? 今回は、こんな声に応えていきます。 当記事で分かること 糖新生とは アミノ酸・グリセロールって? 肝臓での代謝について 筋肉・血糖値・ダイエットとの関係とは 目次 糖新生とは糖質代謝脳・赤血球インスリン不足になるとダイエットとも関係する 糖新生とは ポイント グリコーゲン以外の蛋白質・脂質などを糖に変換することを言います。解糖系・クエン酸回路が逆向きに働くイメージです。糖はエネルギーとして素早く消費されていき、血中のグルコースが足りなくなってくると「材料」を使って肝臓で糖を作り始めま ...

Medical

2021/7/16

【PLR】プロラクチンとは?男性・女性・作用などについて簡単に解説します

プロラクチンって男性にも出るの? 今回は、こんな声に応えていきます。 当記事で分かること PLR・プロラクチンとは 作用・男女差について 目次 プロラクチンとはドパミンとの関係とは プロラクチンとは プロラクチン(PRL:Prolactin)と言えば乳腺発育・乳汁分泌で有名です。妊娠後に分泌が増えることで、性腺の機能を抑制して月経などが起きなくなります。 妊娠していないのに年中月経が無かったり、乳汁が出て悩んでいる人は近医に一度相談してみましょう。 男性にも流れているの? 男性にも流れています。過剰になる ...

Medical

2021/7/16

【GH】成長ホルモンとは?分泌部位・過程・時間・作用・疾患について解説します

成長ホルモンって、どんな作用を持つの? 今回は、こんな声に応えていきます。 当記事で分かること 成長ホルモンとは 分泌部位・時間帯・作用について 疾患について 目次 成長ホルモン(GH:growth hormone)とは分泌部位時間帯分泌異常 成長ホルモン(GH:growth hormone)とは 成長ホルモンとはその名の通り、骨・蛋白質を合成して成長を促すホルモンです。血糖値上昇・脂肪分解の作用も持ちます。 分泌部位 分泌される場所は脳下垂体の「前葉」と呼ばれるところですが、分泌を刺激するホルモンは視床 ...

Medical

2021/7/6

【酸素】血液培養でも重要な好気性菌・嫌気性菌の違いと種類について解説します

好気・嫌気の違いって? 今回は、こんな声に応えていきます。 当記事で分かること 好気性菌・嫌気性菌について 臨床でよく遭遇する菌種について 目次 好気性菌・嫌気性菌とは菌種一覧 好気性菌・嫌気性菌とは 好気性菌・嫌気性菌は臨床の技術で言うと、「血液培養」などの検査を理解する際に必要になります。学生・日常生活では関係性が分からないので興味の湧かない分野だと思います。 好気性菌:細分化すると偏性好気性菌と通性好気性菌に分かれます 偏性好気性菌(以下好気性菌):酸素が無いと生存不可能な菌種のこと 通性嫌気性菌( ...

Money

2021/5/27

【雇用保険】知らなきゃ損です!看護師の失業手当の受け取り方と金額について

失業手当って幾ら貰えるの?雇用保険って何?看護師も貰える? 今回は、こんな声に応えていきます。受け取り方やタイミングを間違えると損になってしまうので気を付けましょう。 こう言った社会保障制度については大して習わないので、疎い人も多いです。私もその中の一人でした。世の中の仕組みを学ぶのは人生を楽にする為にも大事です! 当記事で分かること 雇用保険・失業手当とは 受給資格について 看護師も受け取れるの? 金額と経験談について 目次 雇用保険・失業手当とは対象者受給資格給付日数給付金額申請方法アルバイト等認定日 ...

Money

2021/7/23

【サイト】派遣看護師は副業ブログにも向いている?時給・給料・保険など

派遣看護師って、どんな働き方なの? 今回は、こんな声に応えていきます。 派遣看護師との違いって、施設に雇われていると実感が湧かず、よく分からないですよね。 今回は派遣のメリットやデメリットを解説していくので、今の働き方に疑問を持っている人は参考にして、解決の糸口にしてくださいね! 当記事で分かること 派遣看護師とは 労働可能な条件とは メリット・デメリット お勧めな使い方について 目次 派遣看護師の仕組みについて労働条件勤務先制限継続勤務制限保険・給料・待遇派遣看護師のメリット・デメリットメリット・デメリ ...

Money

2021/5/27

【看護師】学生も可能な4つの副業とブログをお勧めする6つの理由

看護師の副業は何が良いの?ブログって良いの?看護学生でも出来るって本当? 今回は、こんな声に応えていきます。 その前に副業が可能なのかと、心構えについてコチラの記事で説明しています。 この記事では、看護学生や看護師をしながら副業をしたい人に勧める4つのコンテンツを紹介します。私は株式、投機、アフィリエイト、デジタルコンテンツ販売、YouTube、フリマアプリなどの経験を持っています。 また、ブログのメリットやデメリット、適性などを細かく解説します。この記事を参考に、自分の性格に合った副業を選びましょう。 ...

Money

2021/5/27

【看護師】副業禁止?2つのバレない方法と稼ぐ心構えや確定申告について

心身辛くて・・・。看護師って副業して良いの?何に気を付ければ良い?看護学生は可能なの? 今回は、こんな声に応えていきます。 大前提として「肉体労働を減 ...

オススメ
【AFFINGER】ブログ初心者必見!デザイン性や特典などについて

AFFINGER5の購入を迷ってて・・・。無料テーマとの違いは何なの?どんな機能が備わっているの? 今回は、こんな声に応えていきます。 当記事で分かる ...

続きを見る

  • 執筆者
  • 最新記事

集中治療室で10年以上働き、ブログを起点に医療情報やお役立ち情報を発信しています。医療学生・新卒看護師向けに分かり易く解説するコンテンツも制作しています!国家試験に合格したのに臨床で上手く使えない…と思っている人は結構多いです。折角学習するのに臨床で活かせないのは勿体無いです。効率的・体系的に学びつつ臨床に活かしましょう!

-Note
-,

© 2021 Liberal Nurse