MENU
  • 格安SIM
  • こころ&マインド
  • ライフハック
  • お仕事ハック
  • マーケティング
  • SEO知恵袋
50歳の中高年サラリーマンが売場やEC・法人営業の現場で培った知識と経験(デザイン・ライティング・SEO等のマーケティング)やLIFE HACKな情報を発信するサイト。
おっさん*クエスト
  • 格安SIM
  • こころ&マインド
  • ライフハック
  • お仕事ハック
  • マーケティング
  • SEO知恵袋
  • 格安SIM
  • こころ&マインド
  • ライフハック
  • お仕事ハック
  • マーケティング
  • SEO知恵袋
おっさん*クエスト
  • 格安SIM
  • こころ&マインド
  • ライフハック
  • お仕事ハック
  • マーケティング
  • SEO知恵袋
  1. ホーム
  2. マーケティング
  3. Gutenbergで記事作成するとこんな感じになる

Gutenbergで記事作成するとこんな感じになる

2022 12/02
広告
マーケティング
2022年12月2日

ども!こまおです!今回はGutenbergで書いた記事がどのようなHTMLソースになっているのか?実際に一からGutenbergのブロックエディターで書いてみます。

記事作成途中ですので、乱筆乱文はお許しくださいm( _ _ )m

MarsEditで記事作成に慣れたおっさんはどうしたら良いんじゃ〜(泣)

こまお
ということで泣き言を言っても仕方ないので、イギリスの産業革命のごとく頑張ってまいりますw このショートコードは利用できるの?という疑問もありつつ

ショートコード使えとる!?ビックリしたのと、少し感動。ありがとうSANGO。ありがとうサルワカさん(泣)

この記事でわかること
  • Gutenbergで記事作成したHTMLソース
  • MarsEditとの違い比較

それでは行ってみますか〜w

[sng_toc_insert]
もくじ|読みたい所へジャンプ

見出しから行きます!これはH2見出しですw

次のブロックに進むにはRETURNキーで良いのね(汗)最初はわかりませんでした。

おーリターンキーで次々と段落になるので、コツがわかれば楽といえば楽ですな。

ここでプレビューしてみますが、別タブで表示されます。いちいちタブを消さないとなので少し面倒くさい。

これはH3見出しですがさっきのH2見出しが反映されてない

これはカスタムHTMLを利用した今までのh3見出しの見え方

これはきちんと見出しのCSSが効いとる・・・

SANGOランドから拝借したブロック

SANGO Landの「のじはた」さんの素敵な見出しはうまくいきました!なぜやーん

これはどうなる?デフォルトで何も操作していないH3見出し

と思ったらH2見出しで反映されてないのは下記2点

  • いちおうリスト作ってみました
  • だれかSANGOのブロックエディターで記事作成の動画あげて
  • どんなふうに見えているのか?プレビュー楽しみ

/

うーん、どうやらカスタムプリセットでブロックを作成するしかないんかな、、、

SANGOカスタマイズガイド
SANGO Gutenbergで一度作ったブロックの設定を使い回す方法 SANGO Gutenberg 1.21.0よりSANGOが提供しているそれぞれのブロックに対して設定した内容を保存しておき、使い回す機能(プリセット機能)が使える様になりました。 以下は...

マーケティング
Webマーケター101

この記事が気に入ったら
フォローしてね!

Follow @webmarketer101
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
  • 【重要】リダイレクトとは?意味・種類・設定を理解してSEOに役立てよう
  • 【SANGO】記事作成をMarsEditからGutenbergに変更した人がするCSS設定方法

この記事を書いた人

こまおのアバター こまお

50歳前半の中高年サラリーマン。店舗やECサイトのデザイン現場で培った経験や知識、人生で役に立った・苦労した体験などを情報発信していきます。

関連記事

  • 【重要】SEO SIMPLE PACKを導入してわかったtitleやdescriptionの引継ぎ方法とは
    【重要】SEO SIMPLE PACKを導入してわかったtitleやdescriptionの引継ぎ方法
    2023年6月13日
  • WordPressテーマをSANGOからSWELLに変えるぞぉ〜〜〜
    【決意】WordPressテーマをSANGOからSWELLに変えるぞぉ〜〜〜ジョジョ風w
    2023年5月18日
  • 【メルカリで困った!】ヤマト運輸への電話連絡やお問い合わせ先&各営業所の窓口情報
    【メルカリで困った!】ヤマト運輸への電話連絡やお問い合わせ先&各営業所の窓口情報
    2022年12月3日
  • Webマーケター101
    【SANGO】記事作成をMarsEditからGutenbergに変更した人がするCSS設定方法
    2022年12月2日
  • 【損失回避の法則】人は得するよりも損したくない気持ちが2.5倍も強い!プロスペクト理論を学ぼう
    【損失回避の法則】人は得するよりも損したくない気持ちが2.5倍も強い!プロスペクト理論を学ぼう
    2019年9月30日
  • 【告白】イケハヤさんって良くも悪くも本当にすごい!と思います
    イケハヤさんって良くも悪くも、本当にすごいWebマーケターであり目指したい人だった
    2019年4月10日
  • ECサイト×ブランディング(本の表紙)
    ECサイトのブランディングを見直すことで、課題や問題点を解決していこうとする本
    2018年4月9日
  • Webマーケティングを超★効率化する<ピラミッド型 顧客分析の手法>応用編
    Webマーケティングを超★効率化する<ピラミッド型 顧客分析の手法>応用編
    2017年3月28日
検索する
人気の記事
  • 挨拶(あいさつ)の大切さや重要性とは?その基本を学び生活や仕事に活かそう!
    挨拶(あいさつ)の大切さや重要性とは?その基本を学び生活や仕事に活かそう!
  • ひょうそは怖い指先の感染症!できる限り早く病院(皮膚科)へ行くべし
    【まとめ】ひょうそになった時の3つの対処法!その症状や治療・経過について
  • Boot CampでMacに最適なパーテーション容量はどれくらいの配分なのか?
    Boot Campで最適なパーティション容量<MacとWinの配分>はズバリこれ
  • この幸福論は誰の名言!?「幸せだから笑うのではない、笑うから幸せなのだ」
    この幸福論は誰の名言!?「幸せだから笑うのではない、笑うから幸せなのだ」
  • モバイルSuica定期券が継続・更新できない!どうしたらいいの?誰か助けて〜【体験記】
    モバイルSuica定期券が継続・更新できない!どうしたらいいの?iPhone体験レビュー
こまお
Web制作担当
売場やEC・法人営業の現場で培った知識と経験をお伝えしていきます。
プロフィールを見る
新着記事
  • WordPressテーマをSANGOからSWELLに変えるぞぉ〜〜〜
    【解説】SANGOからSWELLへdescriptionを一括移行する方法
  • MacBook Air(M1)を購入
    【体験談】悩んだ末にMacBook Air(M1)を楽天リーベイツから学割&クレジット一括払いで買ってみた
  • MacBook Air(M1)学割で購入することに決定
    【決定】愛機MacBookの買い替えはMacBook Air(M1)を学割購入!?
  • MacBook買い替えプロジェクト2023
    【購入前】MacBook Air2018を買い替えるための比較検討etc
  • WordPressテーマをSANGOからSWELLに変えるぞぉ〜〜〜
    【直前&直後】SANGOからSWELLへWordPressテーマ変更してみた
この記事の目次
カテゴリー
  • SEO知恵袋 (8)
    • Google (1)
    • ライティング (2)
  • マーケティング (32)
  • WordPress (18)
    • ドメイン (2)
    • テーマ (5)
    • サイト運用 (9)
  • お仕事ハック (35)
    • 二級建築士 (12)
  • ライフハック (94)
    • 格安SIM (3)
    • こころ&マインド (12)
    • Mac&iPhone (29)
    • モバイルSuica (13)

© おっさん*クエスト

もくじ|読みたい所へジャンプ