FAQ | 株式会社リバーストーン

テキストリンク

概要

記事中の文字列にリンクを設定します。

動画 42秒

補足

「このリンクを新しいウィンドウで開く」は、外部リンクやPDF等で有効に思います。

画像リンク

概要

記事中の画像にリンクを設定します。

動画 28秒

動画を入れる

概要

記事中にYouTubeの動画を入れます。動画を入れる方法は何通りかありますが、見易く簡単な方法をご説明致します。
※ 動画は事前にYouTubeへアップロードしておいて下さい。
※ ご利用環境により正しく動作しない場合もあります。

準備

<link crossorigin="anonymous" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" rel="stylesheet"></link>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<div class="embed-responsive embed-responsive-16by9 text-center">
 ここに貼る
</div>

動画 51秒

地図を入れる

概要

記事中にGoogleマップを埋め込みます。

動画 1分17秒

表を入れる

概要

記事に表を埋め込みます。スマートフォンでもキチンと見せられるように工夫します。説明文、動画共に分かり難いかもしれません。不明点ありましたら連絡下さい。
※ ご利用環境により動作しない場合もあります。

サンプル

AAAAA	BBBBB	CCCCC	DDDDD	EEEEE
FFFFF	GGGGG	HHHHH	IIIII	JJJJJ
KKKKK	LLLLL	MMMMM	NNNNN	OOOOO

準備

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/scroll-hint@latest/css/scroll-hint.css">
    <div class="table-responsive js-scrollable">
        <table class="table table-bordered text-nowrap">
            <tbody>
                <tr>
                    <td>AAAAA</td>
                    <td>BBBBB</td>
                    <td>CCCCC</td>
                    <td>DDDDD</td>
                    <td>EEEEE</td>
                </tr>
                <tr>
                    <td>FFFFF</td>
                    <td>GGGGG</td>
                    <td>HHHHH</td>
                    <td>IIIII</td>
                    <td>JJJJJ</td>
                </tr>
                <tr>
                    <td>KKKKK</td>
                    <td>LLLLL</td>
                    <td>MMMMM</td>
                    <td>NNNNN</td>
                    <td>OOOOO</td>
                </tr>
            </tbody>
        </table>
    </div>
<script src="https://unpkg.com/scroll-hint@latest/js/scroll-hint.min.js"></script>
<script>
    new ScrollHint('.js-scrollable', {
    scrollHintIconAppendClass: 'scroll-hint-icon-white', // white-icon will appear
    i18n: {
    scrollable: 'スクロールできます'
  }
});
    </script>

動画 1分58秒

補足

サンプルの表とコードを比較していただくと分かると思いますが、AAAAA、BBBBB･･･OOOOOが項目に該当します。これらを適切な文字に置き換えていただければと思います。
ブログを作成モードにすると表枠がなく文字だけ表示されると思いますが、公開するとキチンと見えるようになります。
表の成形
1. < td > - </td> が横1行の1列に相当、< tr > - </tr> が行に相当
2. 列を増やす：例）14行目をコピーしその下に貼り付ける。1行目だけ1列増えますので、これを各行で行います。
3. 列を減らす：例）14行目を削除します。1行目だけ1列減りますので、これを各行に行います。
4. 行を増やす：例）9〜15行目をコピーしその下に貼り付ける。
5. 行を減らす：例）9〜15行目を削除する。

予約投稿

概要

指定した日時で記事を自動公開する

手順

ブログ記事を完成させます。
右メニューよりスケジュールをクリックします。
日付と時刻を設定にチェックを入れ、カレンダーより日付を選択し時刻を設定します。時刻は半角で24時間表示（00:00 形式）で入力し完了をクリックします。
その後、記事を公開します。記事一覧ではスケジュール済みと表示されます。指定日時に自動で公開されます。