カスタマイズプラグイン不要TwitterFacebookLINELINECopy記事の中でキャラクターなどが会話しているように記述する「吹き出し」を、プラグインなしで実装する方法についてです。「吹き出し」とは、当サイトはルクセリタスに標準搭載の機能ですが、以下のような感じのものです。テーマに吹き出し機能がない場合、プラグインを使えば可能ですが、プラグインなしでも定型文登録などを行えば簡単に記事に挿入する事が出来ます。Balloon」、「WP-Speech-Balloon」、「Guten-bubble」などが有名です。THORなどがあります。定型文などに登録する方法については、テーマの機能に「定型文登録」があればそこに登録、類似機能がなければ「AddQuicktag」などの、独自の装飾コードなどを登録し、エディタから簡単に挿入可能な便利なプラグインでもOK。「AddQuicktag」の使い方については以下をご覧ください。...https://ayaito.net/wordpress/plugins/10100/画像を用意する吹き出しに使う画像を用意します。サイズは大きすぎないもの(縦横70~150px程度)で正方形や丸いものが良いです。ちなみにうちで使っているパンダとアザラシは以下のサイトより頂きました。タグ追加できるようなプラグインでHTMLコードを登録します。部分を変更してご利用下さい。</div></div>簡単解説ノーマル、考えごと風ともに「balloon」というCSSクラスで定義していますが、考えごと風の場合は、更に「thought」クラスを追記しています。ノーマル、考えごとともに、画像を左側にする場合はballoon-image-leftballoon-text-right画像を右側にする場合balloon-image-rightballoon-text-leftCSSを追記する少し長いですが、ノーマルと考えごと風の2パターン×左右で4パターン分のCSSになります。画像サイズを変える以下の部分でサイズを変更して下さい。(注意)あまり大きくすると全体デザインが崩れるので、他も修正が必要になります。0;}以下の画像枠と色を設定している行を削除するかコメントアウトして下さい。#343434;/*画像枠の色*/枠の色を変える場合も、上記の部分のカラーコード変更で可能です。20%;/*画像枠の丸め*/吹き出し枠の色を変えるCSS内に指定しているカラーコード部分を好きな色のコードに変更して下さい。サンプルの基本CSSで「#343434」となっている部分すべてです。色変更は以下もご利用下さい。以下の部分に背景色と文字色の指定を追記します。#267CA7;color:#fff;}追記したのは下の2行です。左右それぞれの「after」指定の白色設定を削除します。以下のように枠の色を変更し、背景色を追記します。#267CA7;}枠線の色変更と、以下の1行を追記しています。#267CA7;こちらもカラー変更には以下も参考にどうぞ。配色パターンサンプル以上です。...WordPressでSNS連携プラグインとOGP設定(プラグインなし)SNS連携、OGP設定機能のないテーマで簡単に実装する方法です。コメントをキャンセルメールアドレスが公開されることはありません。*ウェブサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。日本語が含まれない投稿は無視されますのでご注意ください。検索CSS等のコードコピーはコード右上のCOPYからどうぞ。