Cocoonだからこそ、Gutenbergエディタの練習をしようと決意!

この記事は約5分で読めます。
スポンサーリンク

プラグインなしでマークダウン記法は使えますか?

実際に試してみました。すると、使えるマークダウンと使えないものがありましたので紹介します。

使えたマークダウン
  • 見出し
  • リスト表示
  • 引用タグ挿入
  • 外部リンクカード挿入
  • 水平線記入

使えなかったマークダウン
  • 文字の強調
  • 文字の打ち消し
  • 文字リンク作成
  • テーブル作成(これはマークダウンで書く方が遅い)
けいしゅけ
けいしゅけ

順番に紹介していきます。使ったことが無い方にも参考になると思います☆

使えたマークダウン記法5個を紹介します

1. 見出しは#半角スペースで表現可能

WordPressの場合、H1が記事見出しになります。よって、H2タグが大見出し、H3タグが中見出し、H4タグが小見出しとなります。

それぞれ、マークダウンでの書き方は以下通りです。

##に続いて半角スペース」を入力するとH2見出し

### に続いて 半角スペース」を入力するとH3見出し

#### に続いて 半角スペース」を入力するとH4見出し

が記載できます。

けいしゅけ
けいしゅけ

##のあとに半角スペースを入れると、H2見出しのデザインが表示されるで☆すぐに見出しのデザインが反映されるからメッチャ記事が下記やすい!!

2. リスト表示は*に続いて半角スペースを入力すればOK!

めちゃくちゃ良く使うリスト表示。これが使えるだけで執筆スピードは格段に上がるでしょう☆

  • まず*を入力して
  • 続いて半角スペースを入力すると
  • スグに使えるよ!!
    • 入れ子は 半角スペース を打つだけで書けるよ
      • こうやって階層も作れるんだ☆
  1. 数字には
  2. マークダウンで書いてから
  3. マウスで変換を選ぶしかなさそうです
  • カンタンにリスト表示が書けるのはメッチャ良かった!
  • 入れ子もカンタンに記述できるのはメチャクチャうれしい!
  • リスト表示にHTMLで装飾したい場合などはショートコードが必要
  • クラシックエディタブロックではマークダウンが使えない
けいしゅけ
けいしゅけ

デザインにこだわる場合は、CSSをカスタマイズしておく必要がありますね

3. 引用タグは、SHIFT+Enterで一行開けてから、> +半角スペースと打つ

引用タグがマークダウンで呼び出せるのはちょっと嬉しいですよね。

SHIFT+Enterで一行開けてから、> +半角スペースと打つと自動的にこの引用タグが現れます。試してみてくださいね☆

引用元

引用元のサイト名をリンク付きでマークダウン記述したかったけど、できませんでした!!

4. 外部リンクは[URL]と、半角のカッコで囲えばブログカードとしてマークダウン的に書ける

これは少し便利です。Cocoonだからこそできる方法だったりしますすると、引用元もマークダウンで書きたくなりますね。やり方はカンタンです。

  1. []半角のカッコで、リンクしたいサイトページのURLを囲みます。
  2. たとえば、[https://keisyuke-blogyakkyoku.xyz/]と記述して見ましょう(⇦ブログカードが表示されてしまうので、わざとカッコを全角にしています。)
どうですか?僕のメインブログが表示されてるでしょう?

5. 水平線は– – –というように、を3回打てば引くことができる

実は先ほどから何度もこの記事に登場させていた水平線、これもマークダウン記法で書くことができます。

書き方はカンタンでを3回連続で打つだけ。


こんな水平線を引くことで、記事の内容にひと段落つける意味を与えたりできるね☆
けいしゅけ
けいしゅけ

線の種類はマウス操作が必要になるけれど、点線に変更できるで🎵

マークダウンで実現できなかった表現は次の4個はコレや!

使えなかったマークダウン
  • 文字の強調
  • 文字の打ち消し
  • 文字リンク作成
  • テーブル作成(これはマークダウンで書く方が遅い)

1. 文字の強調は**強調したい文**で出来るはずですが、無理でした

**強調したい文章**と打つことで文字が強調出来ます。・・・て入力したら

強調したい文章と打つことで文字が強調出来ます。 ・・・ってなるはずなんですが、ダメでした。

けいしゅけ
けいしゅけ

強調は結構使うのでマークダウン対応して欲しかったなぁ…。

2. 文字の打ち消しは~~打ち消したい文~~で出来るはずですが、無理でした

『~~打ち消したい文章~~と打つことで文字を打ち消し選で消すことが出来ます。』
 ・・・って入力したら、

打ち消したい文章と打つことで文字を打ち消し選で消すことが出来ます。』
 ・・・ってなるはずなんですが、ダメでした。

けいしゅけ
けいしゅけ

まぁ、これくらいはマウスクリックでカンタンにできることやし、あえてマークダウンでなくてもいいかなぁって思います。

3. 文字リンク作成は<URL>や>[リンク文字](URL)と入力するとできるはずだけど動作が安定しない

正直に言うと、この方法は出来るはずなんですが、手打ちで売ってもリンクに変換する動作が作動しませんでした。

ただ、メモ帳に<https://keisyuke-blogyakkyoku.xyz/>などと書いておき、段落にコピペすると

けいしゅけのブログ薬局 情報館
EBMを学び始めた薬剤師のブログ
こんな風にリンクがキッチリ晴れます。けれども、これじゃ意味ないですよね?

直接コマンド入力して変換できなければマークダウン記法とは言えないでしょうから、できないものとして挙げました。

マークダウン記法は非常に使いやすい!けれどもコレだけでは厳しいかも

今回はWordPressで、テーマはCocoonを使い、Gutenbergエディタでマークダウン記法が使えるかどうかを検証しました。

結論としては、使えるものと使えないものに分かれてしまう事がわかりました。

使えたマークダウン
  • 見出し
  • リスト表示
  • 引用タグ挿入
  • 外部リンクカード挿入
  • 水平線記入

使えなかったマークダウン
  • 文字の強調
  • 文字の打ち消し
  • 文字リンク作成
  • テーブル作成(これはマークダウンで書く方が遅い)

けいしゅけ
けいしゅけ

見出しやリストの入れ子などは、マークダウンを使うのがメチャクチャ便利やと思いました!

強調も使えたらもっと嬉しいんやけれども、使えないものに関してはWordPressのプラグインTinyMCE Advancedを入れることで乗り越えられるんちゃうやろか?と思いましたね。


今回の記事はここまでや☆

最後まで読んでくださってホンマおおきにっ!!お時間を使って読んでくださったことに心から感謝申し上げます!

”この記事、ええやん!”って思っていただけたなら、はてなブックマークをつけたり、記事をTwitterやFacebookで拡散していただけるとピョンピョン跳ねて喜びます!!

もしよければ、下のボタンを押してけいしゅけをフォローしたって下さい🍀

さらに、この記事を読んだ感想や、ご意見、ご質問など大募集しています!!

「おもしろかったで!!」といった一言もとっても嬉しいです☆

この記事を書いた人
けいしゅけ

けいしゅけと申します!
メインブログでは医療情報を中心に書いてきましたが、ちょっとふざけた記事や医療に全く関係のない記事を書くブログを作りたくてサブブログとして『けいしゅけブログ』を立ち上げました。
個人的に興味を持ったことなどについて書こうと思います。

けいしゅけをフォローせぇへん?
未分類
スポンサーリンク
「この記事ええやん☆」思たらシェア・はてなブックマークしてな(●´ω`●)
けいしゅけをフォローせぇへん?
スポンサーリンク
けいしゅけブログ

コメント一覧やで☆

タイトルとURLをコピーしました