記事投稿について

記事内表記ゆれについて

投稿記事内で使用する語句は、表記ゆれによって読みにくくならないように一定のルールのもと執筆する。どうしても目立たせたい箇所だけ違った表記を使うなどの例外はOK。

表記ゆれ一覧
×誤り○正しい
こと
無いない
一つひとつ
しらない知らない
もつ持つ
行うおこなう
とくに特に
わかる分かる
お勧めおすすめ
ため
~する方~するほう
たち
とおり通り
iphoneiPhone
そのたその他
出来るできる
出来でき
~する時~するとき
当たり前あたりまえ
良くよく
よみあげ読み上げ
もの
かいかえ、買い換え、買換え買い替え
のりかえ、乗換え、乗換乗り換え
掛けるかける

カスタムフィールドの設定について

投稿ページ右上の「表示オプション」からカスタムフィールドにチェックを入れることで表示可能。ここに入力した情報は各記事のサムネイルしたに表示されます。投稿日時や更新日などと同様に記事の信頼性に関わる情報なので、必ず入力するようにしてください。

確認済みiOS

記事を書くときに使用したiPhoneのiOSのバージョンを入力

例: iOS10

確認済みデバイス

記事を書くときに使用したiPhoneのデバイスを入力

例: iPhone6

記事内装飾について

記事内では適度に文字装飾を行うことで、文章にリズムをつけユーザーを飽きさせない工夫が必要。スマホでは認識範囲内に1箇所は装飾部分が入るように意識する(最大3箇所)。

※[h2][h3]などもひとつの装飾としてカウントする

マーカー系

マーカー系は単語・文のどちらでも使用可。それぞれの色の使い方は単語の重要度によって使い分ける。

重要度の低いもの
重要度の高いもの

強調・下線等

文字の強調や赤文字は単語に使用し、複数の単語をくくるために下線を使用するイメージ。

例:
記事内では適度に文字装飾を行うことで、文章にリズムをつけユーザーを飽きさせない工夫が必要。スマホでは認識範囲内に1箇所は装飾部分が入るように意識する(最大3箇所)。

赤文字 ⇒ 単語で重要度の高いもの
強調 ⇒ 複数語や文などで重要度が比較的低いもの

ボックス装飾

黄色・薄赤・グレーの3色のボックス装飾は、記事内で他と区別したいときに使用する。例文や注意事項など。

色の使い分けに関しては特に決まりはないが、目安として下記の通り。

重要度はそこまで高くなく、ちょっとした説明文章などを記事内で区別したいときに使用する。
注意事項や※印を使用するような項目。もっとも目立たせたい内容。
例文や記事内引用などで使用する。あまり目立たせたくはないが、記事内で他と区別する必要がある文章。

クイックタグの使い方について

記事投稿ページに用意しているクイックタグには、HTMLの出力意外にもショートコードを登録していることもあります。全体の投稿バランスを考えて必要な箇所にルールの範囲内で自由に使ってください。
※随時追加予定

手順紹介

【タグ名】手順紹介

【使用用途】
記事内で使い方のなどの説明をするときに、画像と一緒に手順を紹介するときにしようする。

【出力文字列】
[procedure title="" img="" content=""]

【各属性について】
title(必須)
手順のタイトル

img(必須)
手順の説明に使用する画像URL(タグは無しでhttp://で始まるURLを直接入力)
画像は1枚だけで表示するので、2枚以上の画像が必要なときには加工して1枚にする。基本的には画像1枚で説明できるくらい手順を細分化する。

content(必須)
手順の詳細

入力例と出力結果

入力例: [procedure title="①「設定」アプリを起動します。" img="https://iphonemax.net/wp-content/uploads/2016/05/fb1760c15829785c9a0f2f4c6aeac295.gif" content="ホーム画面から「設定」アプリを探してタップします。"]

①「設定」アプリを起動します。
ホーム画面から「設定」アプリを探してタップします。
①「設定」アプリを起動します。

アプリ紹介

【タグ名】アプリ紹介

【使用用途】
記事内でアプリの紹介をするときに使用

【出力文字列】
[app img="" title="" pub="" cat="" price="" eva="" google="" apple=""]

【各属性について】
img(必須)
アプリアイコンURL(タグは無しでhttp://で始まるURLを直接入力)
アイコンの取得はhttp://masterpeace21.com/iTunes2.phpから

title(必須)
アプリのタイトルを入力

pub(任意)
アプリの販売元を入力

cat(任意)
アプリの販売カテゴリを入力

price(任意)
アプリの料金を入力

eva(任意)
アプリの評価を入力(入力した数字によって★を自動生成)
※使用できる数字は0.5~5までの0.5刻みの数字で0または未入力時は非表示

google(任意)
GooglePlayのダウンロードURLを入力

apple(必須)
AppleStoreのダウンロードURLを入力

入力例と出力結果

入力例: [app img="https://iphonemax.net/wp-content/uploads/2016/06/Cheeez.png" title="Cheeez" pub="kobaltlax Inc." cat="写真/ビデオ" price="無料" eva="4+" google="https://play.google.com/store/apps/details?id=com.cmcm.shorts&hl=ja" apple="https://itunes.apple.com/jp/app/cheeez/id794277430?mt=8"]

Cheeez
Cheeez
  • 【販売元】kobaltlax Inc.
  • 【カテゴリー】写真/ビデオ
  • 【価格】無料
  • 【評価】

カテゴリ記事一覧

【タグ名】カテゴリ記事一覧

【使用用途】
記事内でカテゴリ記事を表示したいときに使用する。関連性の高い記事や説明不足を補うときなど。1記事内で多くても2箇所まで。

【出力文字列】
[CatList title="" num="" cat=""]

【各属性について】
title(必須)
カテゴリ記事一覧のタイトル

num(必須)
表示したい記事数(3~5)

cat(必須)
表示したいカテゴリ名

入力例と出力結果

入力例: [CatList title="基本機能記事一覧" num="5" cat="基本機能"]

タグ記事一覧

【タグ名】タグ一覧

【使用用途】
記事内でタグ一覧記事を表示したいときに使用する。関連性の高い記事や説明不足を補うときなど。1記事内で多くても2箇所まで。

【出力文字列】
[TagList title="" num="" tag=""]

【各属性について】
title(必須)
タグ一覧のタイトル

num(必須)
表示したい記事数(3~5)

tag(必須)
表示したいタグ名

入力例と出力結果

入力例: [TagList title="bluetooth関連記事" num="3" tag="bluetooth"]

2列表

【タグ名】2列表

【使用用途】
会社概要欄のように、2列だけの表を作るときに使用する。文章量が多くなっても自動でレイアウトさせるので、ちょっとしたリスト作成などにも活用できる。
※スマホレスポンシブ対応

【出力文字列】
<table class=”table-two-colum”>
<caption></caption>
<tr><th></th><td></td></tr>
</table>

入力例と出力結果

入力例:  <table class=”table-two-colum”>
<caption>会社概要</caption>
<tr><th>屋号</th><td>WEB総務課LC-World</td></tr>
<tr><th>事業内容</th><td>WEB制作、WEBコンサルティング、ブロガー支援、検索エンジン最適化、各種代行サービス など</td></tr>
</table>

会社概要
屋号WEB総務課LC-World
事業内容WEB制作、WEBコンサルティング、ブロガー支援、検索エンジン最適化、各種代行サービス など

縦横入れ替え表

【タグ名】縦横入れ替え表

【使用用途】
スマホの料金表など、入力するデータの文字数などがある程度一定のもので横長の表になるときに使用。行数としては4行程度が限度

【出力文字列】
<table class=”row-col”>
<caption></caption>
<thead><tr><th></th><th></th><th></th><th></th><th></th><th></th></tr></thead>
<tbody><tr><th></th><td></td><td></td><td></td><td></td><td></td></tr></tbody>
</table>

【注意点】
※セル内文字列が多くなる場合には使用できません。

入力例と出力結果

入力例:  <table class=”row-col”>
<caption>スマホ料金比較表</caption>
<thead>
<tr><th></th><th>docomo</th><th>au</th><th>softbank</th><th>楽天mobile</th><th>mineo</th></tr>
</thead>
<tbody>
<tr><th>月額</th><td>5,000</td><td>5,000</td><td>5,000</td><td>500</td><td>500</td></tr>
<tr><th>通話料</th><td>20円/30秒</td><td>20円/30秒</td><td>20円/30秒</td><td>20円/30秒</td><td>20円/30秒</td></tr>
<tr><th>容量</th><td>20GB</td><td>20GB</td><td>20GB</td><td>20GB</td><td>20GB</td></tr>
</tbody>
</table>

スマホ料金比較表
docomoausoftbank楽天mobilemineo
月額5,0005,0005,000500500
通話料20円/30秒20円/30秒20円/30秒20円/30秒20円/30秒
容量20GB20GB20GB20GB20GB

横スクロール表

【タグ名】横スクロール表

【使用用途】
PCでもスマホでも横長の表をそのまま表示したいときに使用する。また、縦横入れ替え表では入力できない文字数の表などにも使用する。

【出力文字列】
<div class=”row-scroll-wrap”>
<table class=”row-scroll”>
<caption></caption>
<thead>
<tr><th></th><th></th><th></th><th></th><th></th><th></th></tr>
</thead>
<tbody>
<tr><th></th><td></td><td></td><td></td><td></td><td></td></tr>
</tbody>
</table>
</div>

【注意点】
※横幅の少ない表の場合にはスマホから見たときに見にくくなるので、最低でも4列以上あるときに使用する。

入力例と出力結果

入力例:  <div class=”row-scroll-wrap”>
<table class=”row-scroll”>
<caption>横スクロール表</caption>
<thead>
<tr><th></th><th>見出し1</th><th>見出し2</th><th>見出し3</th><th>見出し4</th><th>見出し5</th></tr>
</thead>
<tbody>
<tr><th>ラベル1</th><td>テキスト</td><td>テキストテキストテキストテキストテキストテキストテキストテキスト</td><td>テキスト</td><td>テキスト</td><td>テキスト</td></tr>
<tr><th>ラベル2</th><td>テキスト</td><td>テキスト</td><td>テキスト</td><td>テキスト</td><td>テキスト</td></tr>
<tr><th>ラベル3</th><td>テキスト</td><td>テキスト</td><td>テキスト</td><td>テキスト</td><td>テキスト</td></tr>
</tbody>
</table>
</div>

横スクロール表
見出し1見出し2見出し3見出し4見出し5
ラベル1テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
ラベル2テキストテキストテキストテキストテキスト
ラベル3テキストテキストテキストテキストテキスト
タイトルとURLをコピーしました