段落や
改行タグが入るようになった。 これで編集を終えて更新ボタンを押しても勝手に自動整形されて表示が崩れることは無くなった。 空白「  」の前後に段落タグが入っている。 これ … フキダシ設定で はてなプロで今までブログを書いていたのですが、ワードプレスへお引越ししたんです。 ・吹き出しの背景色 ・セリフの記入 アバターを登録したら あとは吹き出しを挿入します。 ブロックエディタ対応です. の設定ができます。, 基本はブロックエディタで使うプラグインです。 クラシックエディタでコードを表示して なのでバージョンアップしても プラグインのクラシックエディタを使っているので 吹き出しボタンが追加されてます, こんな画面がでるので IQUID SPEECH BALLOON (吹き出し)をclassic editorで挿入する方法も書いておきます。, ▼1つ目のdivの中で吹き出しのスタイルを指定   …, 小学校、リュック登校にしました！BeMeeのランドセルを購入したので、詳細を口コミレビュー, LITALICOワンダーのプログラミング教室、オンライン授業体験！評判どおりの素晴らしい講師！, 低身長、150センチ前半の女性向け！コンパクトなデスクチェアを探し求め…Plusのプリセアを購入レビュー！, Googleファミリーリンクができない！うまくいかない！！スマイルゼミをandroid化！. かっこいいんだけど、日本語テーマで簡単で、マニュアルもみやすい。 ここではJINで見出しを作る方法について解説しています。 これはJINだけではなく、WordPressの基本的な使い方に class属性で、要素に対してクラス名（分類名）を付けることができます。. いや、罠とかでは全然なくて、単に私の中の初心者というか、「勉強不足がすぎる」という問題です。 ワードプレスで記事を書いていて、 「改行したのになくなっている…」 「改行が反映されていない…」 color:吹き出しのテキストの色, クラシックエディタでもブロックエディタで作ったコードを挿入すると 超おしゃれなんだけ …, にじのあめこです。 ソースを表示するか position＝アイコンの右か左か ワードプレスのユーザー名やログインＩＤが丸見えなのはご存知でしょうか。 初期設定では10人まで登録可能で【追加】をクリックすると増やせます liquid speech balloonのブロックエディタでの使い方. 私もブログ立ち上げてしばらくは知らな …, この度、1年半やっていたブログをお引越ししました。 このクラス名は、主にスタイルシートのセレクタ（スタイルの適用対象）として使用されることになります。 これはJINだけではなく、WordPressの基本的な使い方に当たります。「ビジュアルエディター」と「テキストエディター」で2種類のやり方があるのでそれぞれについて解説しましょう。, ビジュアルエディターで見出しを作る場合は「段落」というところをクリックしましょう。, おすすめなのは「見出し２〜４」を使いわけることです。大見出しは「見出し２」を使い、それ以降の小見出しは「見出し３」「見出し４」を使っていくのがいいでしょう。, テキストエディターで見出しを作りたい場合は、まず見出し化したい文章をドラッグしましょう。, SEO対策を考慮すると、大見出しは「見出し２」を使い、それ以降の小見出しは「見出し３」「見出し４」を使っていくのが無難です。, JIN（ジン）は読む人も書く人も、どちらも心地よく使える最高のWordPressテーマを目指して作り上げました。, 月100万円以上稼ぐアフィリエイターのノウハウが凝縮されているテーマです。売れるメディア作りに必要なものは、このテーマ内にすべて揃えました。, 読む人も、書く人も、すべてを考え抜いたデザインを実現。真の使いやすさを追求したWordPressテーマです。, 「アフィリエイト」と「SEO」に必要なものは、すべて詰め込みました。売れるサイト作りを確実に後押しします。. Word Balloon(吹き出し)の方が使いやすいです。, ■アバターの登録 liquid-speech-balloon-rightをliquid-speech-balloon-left とはいえ僕の場合 クラシックエディタの方が テキストの修飾とか捗るんですよね。 【insert-pages】 テキストでも ビジュアルでも (adsbygoogle = window.adsbygoogle || []).push({}); 【設定】→【LIQUID SPEECH BALLOON】で アバターの登録ができます。, 名前と画像URLを指定 【辞書ツール】 ・デザインのプリセット, ショートコードではこうなりますので このショートコードの設定を変更すると ショートコードからも編集できます。, たとえば クラシックエディタメインなら Word Balloon(吹き出し)が使いやすいです。. size＝アイコンのサイズ 初期設定では１０人まで登録可能で【追加】をクリックすると増やせます, ・デザイン通常か　バブル（考えている事みたいな表現） 吹き出しが実装されてねーワードプレスのテーマでこんな吹き出し機能実装したいんだけど, それだったらCSSなどを使う方法もあるけどワードプレスのプラグインを使うと簡単だよ, Word Balloon(吹き出し)プラグインならクラシックエディタのテキストでもビジュアルでも視覚的に吹き出し挿入できるので便利。, 固定費はとにかく削る 日々の幸福度はしっかり維持して 自動化などを利用してとにかく削る 浮いたお金は投資と副業に再投資できるし 毎月のランニングコストが下がると 経済的な独立が早くなる。 ゆるゆる生活を楽しもう！, 本業と別に収入の柱を立てるために実践した ブログ運営・シェアハウス・不動産投資 のノウハウや経過報告, 実践してみた投資についてまとめたカテ 方向性は定まってきた。 高配当を狙う海外ETF, 米国株への投資 積立NISAでインデックスファンド天引き投資 ロボバイザー４年の運用結果 日本国内の損得抜きで応援したい会社への株式投資 国内の高配当株への投資について 不動産は副業カテに。, IT系スキルまとめカテ オススメのスマホアプリ・ワードプレスプラグイン PCを使った自炊や データ通信を節約する為の裏技など デバイスとしてのPCやスマホ・その他ガジェットや ソフトとしてのアプリ アウトプットツールとしてのワードプレスの最適化など, LIQUID SPEECH BALLOON クラシックエディタでの使い方【ワードプレスにプラグインで吹き出し実装する方法まとめ】, "wp-block-liquid-speech-balloon liquid-speech-balloon-wrap, liquid-speech-balloon-00 liquid-speech-balloon-right", "border-color:#313131;background-color:#313131;color:#eeeeee", メンタリストDaiGo「人間関係をリセットして自由になる心理学」「ポジティブ・チェンジ」「ポジティブ・ワード」オーディオブック版配信開始！. background-color:吹き出しの背景色 にするとアイコンが左に来ます。 liquid-speech-balloon-bubbleを追加すると想像している吹き出しに, ▼3つ目のdiv内で 当たりにコピペ設定しておけば簡単です, クラシックエディタの テキストやビジュアルエディタメインなら WordPress5.0から採用される新エディター「Gutenberg」の使い方を、これからWordPressに初めて触れる人でもわかりやすくまとめました！旧エディターからGutenbergへの乗り換えを検討されている方も、ぜひ参考にしてください。 ・文字の大きさ border-color:吹き出しの枠の色 吹き出しを挿入できるます。, なので ・吹き出しのテキストカラー ・アバターの向き id＝は登録したアバターのID ブロックエディタで吹き出しを作ったあと このようにフキダシを追加します. (adsbygoogle = window.adsbygoogle || []).push({}); いや、罠とかでは全然なくて、単に私の中の初心者というか、「勉強不足がすぎる」という問題です。, 「ワードプレス　改行　消える」などでググっても、ググったプラグイン入れても直せなくて（涙）, ＨＴＭＬの勉強なんぞ1つもせずにやっていたので、初心者すぎることが理由だったのです。, 私は執筆時、保存されなかったら嫌なので、ワードプレス上のエディタで編集していませんでした。, 「DIV」とは、単体では特に意味を持たないタグですが、