【Manablog Copy】テキスト入力超ボタン活用術

BLOG THEME

こんにちはスズエヒロユキです。

わたしはマナブさんが開発した「Manablog Copy」を1月31日に購入しました。
それ以来テキスト入力で記事を書き続けています。

最初は戸惑いましたが10日間書き続け気が付いたことがあります。
テキスト入力で仕上がりのイメージ何となく見えるようになったことです。ビジュアルには戻さず必要であればプレビューで確認する程度です。

その理由は

フォーマットに沿って書いている、です!

    ・悩み問題の提起
    ・解決策の提示
    ・解決策の信憑性
    ・主張とその根拠
    ・メリット・デメリット
    ・再度まとめ
    ・もう一度主張
    ・申込みボタン

各見出しでどんなボタンを使うのかは、書き続けることですこしづつ決まっていきます。

例えば、悩みや問題はtalkボタンで作る
次に解決策の提示にはulボタンで強調する
そして解説や説明は、3行ぐらいを目安に改行する。
強調する部分をbボタンで囲む。

といった流れです。

このパターン化はスピードアップにつながりました。それでも5~6時間はかかることはざらですが。

さらにコードが目につくので少し飽き飽きしていた読書課題の「よくわかるHTML5+CSS3の教科書第3版」にも意識をもって読めるようになった副次的効果もでてきました。

このAddQuickTagのツールボダンは超便利なので是非お勧めしたいと思います。ちなみにこれ自分で設定したのではなく、添付ファイルがあってインポートすれば一発で設定できるのです。これ「Manablog Copy」の良いところです。

本日の記事内容

    よく使う管理画面のAddQuickTagツールの個別説明

関連記事WordPressでブログ運営SEO内部対策も万全なテーマはこれ、デザインも機能もシンプルなManablog Copy

よく使うタグボタン

bボタン:英語形容詞のboldです。太いという意味。
太い

  1. <strong>太い</strong>

iボタン:英語形容詞のitalicです。イタリック体の、斜体のという意味。
english

  1. <em>english</em>

linkボタン:よくご存じのリンクを創りたいときに使います。
リンク

  1. <a href=“https://suzue.org/wordpress-blog-start-100-percent-success/”>リンク</a>

b-quoteボタン:英語名詞quoteです。引用という意味。

引用

  1. <blockquote>引用</blockquote>

ulボタン:英語語彙unordered listです。順序がないリストという意味。
点線で囲まれます。中の背景色は薄い青です。



  1. <ul>
  2. な</ul>

infoボタン:ulに似てます。自分の意見にも使えます。リストにも使えます。
点線なしで囲まれます。中の背景色はグレーです。



  1. <p class=“info”>あ
  2. な</p>

pointボタン:レ点を付けることが出来ます。レ点の色はブルーです。

レ点

  1. <p class=“point”><i class=“fa fa-check” aria-hidden=“true”></i> レ点</p>

relatedボタン:オリジナルで作成しました。デフォルトでは人気記事になっています。関連記事にして使ってます。差し替え可能です。

人気記事ここに記事タイトル

  1. <p style=“margin-bottom: 10px;”>
  2. <span style=“font-size: 14px;color: #fff;margin-right: 10px;background-color: #ee7917;border-radius: 2px;padding: 8px 8px 7px;”>人気記事</span>
  3. <a href=“ここにURL”>ここに記事タイトル</a></p>

tableボタン:レスポンシブの表を作ります。デフォルト横2縦3です。「縦横」追加はコピペで調整します。

  1. <div class=“table-responsive”>
  2. <table class=“table”>
  3. <tbody>
  4. <tr>
  5. <td style=“background-color: #fafafa;”></td>
  6. <td></td>
  7. </tr>
  8. <tr>
  9. <td style=“background-color: #fafafa;”></td>
  10. <td></td>
  11. </tr>
  12. <tr>
  13. <td style=“background-color: #fafafa;”></td>
  14. <td></td>
  15. </tr>
  16. </tbody>
  17. </table>
  18. </div>

talkボタン:デフォルトで「怠け者ブロガー」の画像が入っています。URL部分の差し替えで画像変更可能です。コメント部分も入れ替え可能です。

初心者ブロガー
・ここにコメント

  1. <div class=“talk clearfix”>
  2. <div class=“col-md-3 col-xs-3 img”>
  3.     <img src=“https://suzue.org/wp-content/uploads/2020/01/aasa1.png” alt=“” class=“img-responsive img-circle”>
  4. </div>
  5. <div class=“col-md-9 col-xs-9 text”>
  6.     <p><span class=“bold”>初心者ブロガー</span>
  7. </p>
  8. </div>
  9. </div>

h2ボタン:h2見出しボタンです。

見出し

  1. <h2>見出し</h2>

h3ボタン:h3見出しボタンです。

見出し

  1. <h3>見出し</h3>

Youtubeボタン:iframeのコードを囲んでYoutubeを張付けることが出来ます。

  1. <div class=“YoutubeWrapper”><iframe width=“560” height=“315” src=“https://www.youtube.com/embed/krryrzUkcBo” frameborder=“0” allow=“accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe></div>

現在頻繁に使っているものをご紹介しました。

【Manablog Copy】気になるなという方は:
 
>>Manablog Storeはこちらから

以上になります。

関連記事WordPressテーマManablog Copy 設定からデザイン変更まで丁寧に説明する要保存サイトご紹介します。

こちらの記事もどうぞ