ブログ

【超初心者向け】5秒でできるボックス作成方法【JIN使用者向け】

こんにちは!

もやし(@moyashitoilet)です!

ブログを作って10日くらいたって記事も書いたりしましたが学生時代にプログラミングはおろかPCの勉強もしてこなかった私は毎日問題発生してばかりです笑

その度にネットで検索してみるけど中にはしっくり来る回答が得られないこともあったり・・・

なので私なりに躓いたところを備忘録的に記録しておこうと思います!

初回は「JIN」使用者向けのボックスの載せ方です!

 

そもそもボックスって何?

こうゆうやつですね

きゃべつ君
きゃべつ君
これって基礎中の基礎なんじゃないのかい?

 

もやし君
もやし君
きゃべつ君・・・

きゃべつ君
きゃべつ君

もやし君
もやし君
基礎中の基礎も分からないから超初心者なんだよ!

きゃべつ君
きゃべつ君
すまん・・・

 

 

そうそう。誰でも最初は超初心者。

問題にぶつかりまくって解決策を必死にさがしていくうちにだんだんできるようになっていくものだよ。

 

JIN」を使ってると嫌でも入力画面の下にあるボックスデザインに目が行くと思います。

 

ボックスデザイン一覧が見当たらないという方はもしかしたら折りたたまれているだけかもしれません。下図の赤丸の「▼」を押すとバッと出てきます。

 

きゃべつ君
きゃべつ君
良い感じの囲みがたくさんあってワクワクするな

きゃべつ君
きゃべつ君
下の「コードコピー」を押すだけじゃないのか?

もやし君
もやし君
だよね。だけど、「コードコピー」を押してから本文に貼り付けてみると・・・

 

 

もやし君
もやし君
こんな感じなっちゃうんだ。プレビューで見ても変わらないね

きゃべつ君
きゃべつ君
げぇっ!難しそうな英語はお断りっ!どうすればいいんだ?

解決法①:スタイルを使う

1つ目の解決法として「スタイル」を使う方法があります。

まず、ツールバーにある「ツールバー切り替え」を押します。

するとスタイルやショートコードなどの文字がでてきます。(場合によってはすでに出てる人も)

 

「スタイル」を選択すると上のように色々とでてきます。

真ん中位にある「太枠ボックス」から下のどれかを選択するとボックスデザインにあった囲みを配置することができます。

これは11番の「良い例ボックス」ですね。

ちなみに、16~21のボックスは隣の「ショートコード」の「ボックス」の中にあります。

 

きゃべつ君
きゃべつ君
これは簡単だな。だけど毎回使いたいボックスが何番か調べてからじゃないといけないのか?面倒じゃない?

もやし君
もやし君
そう。そんな人は次の解決策を参考にしてみて

 

解決策②:テキストエディタで入力

2つ目の解決策としてテキストディタを用いる方法があります。

きゃべつ君
きゃべつ君
テキストディタ・・・?

まずは使いたいボックスの下にある「コードコピー」をクリックします。

きゃべつ君
きゃべつ君
それを本文に貼り付けるのは最初にやって失敗してたぞ?

もやし君
もやし君
慌てない慌てない

タイトルの右下くらいに「ビジュアル」と「テキスト」とあるので「テキスト」

をクリックします。

そしたらここに先ほどコピーしたコードを貼り付けてください(「CtrlとVの同時押し」か「右クリックしてからの貼り付け」でできます。)

そうするとここによく分からない文字列が表示されます。

 

きゃべつ君
きゃべつ君
難しい英語はお断りっ!

もやし君
もやし君
慌てない慌てない

確かにこれだけ見るととっても訳が分からないですね。

しかし「ビジュアル」をクリックしてみると・・・

 

 

きゃべつ君
きゃべつ君
ナ、ナンダッテー!!

あとは文章を入力すればそれで終わり!

もやし君
もやし君
ね、簡単でしょう?

こうすれば使いたいボックスが何番で・・・なんて煩わしさから解放されそうですね。

 

まとめ

このようにボックスを表示する方法はビジュアルエディタとテキストエディタの2種類があるようですね。

個人的にはやはりテキストエディタがいいんじゃないかと思います!

コードを入力するのはPC不慣れな私は正直怖いですが慣れればこっちの方が圧倒的に楽に入力できそうです!

あとはなんたってテキスト入力してる自分に酔うことができる笑

超初心者から初心者くらいにランクアップしたような気になれる笑

ただ、私が何もしらない超初心者なのでプロからしてみるともっと違うやり方があったり説明していることが間違ってたりするかもしれません。

その時は教えていただければ私も勉強させていただきます!

 

きゃべつ君
きゃべつ君
成長に期待だな

 

最後までお読みいただきありがとうございました!

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です