2017.06.25スポンサーリンクオーカワ今日はいつもと違った感じでお送りします。吹き出しを作った経緯このブログはメンバーが4人いて、メンバーとのやり取りも吹き出しがあると便利かと。使う使わないにしろ、作っておいて損はないと思いまして。Bubbleがありますが、プラグインはあまり使いたくないというか、コンパス(当ブログ)専用の吹き出しを作りたかったんです。プラグイン(他)とここが違う!!実際プラグインを使ったことないのでわかりませんが...いろいろ紹介記事は目を通しました。原則画像いらない(投稿者のアバターを使います。)てかなんで、アバター使わないんだろうかカスタマイズし放題(一番のメリット)作成したプログラムfunction.phpに追加をします。'bubble_left_img');cssはこちらのサイトに紹介されてあるものを使わせていただきました。当サイトでは少しパラメータをいじっています。(トーク幅など)いつもお世話になっています。チャット風の会話形式コンテンツをプラグインなしで実装する方法WordPressの記事中でチャットのような会話形式のコンテンツを、プラグインを使わずに実装する方法です。functions.phpに記述することで、サクッとショートコードで記事に挿入することができます。初期設定function.phpにコードを貼り付けたら、6行目、7行目の初期設定をします。このプログラムは投稿者idを指定して、投稿者名と投稿者アバターを表示します。何も設定しなかった場合の設定が必要です。表示したいidを設定してください。コンパスの場合、何も設定をしなかったら、僕が表示されるようにしました。僕のidが3番だとバレる訳だalignはコメント欄の向きになります。気にならなければ、いじらなくて大丈夫です。デフォルトは左側ですね。吹き出しの挿入にはショートコードを使います。ビジュアルエディタ、テキストエディタどちらでも大丈夫です。オーカワ基本の使い方になります。オーカワ基本の使い方になります。画像だって(横長の画像だとこうなる)ボタン化すると便利ショートコード名はすぐに忘れてしまうので、コンパスではボタン化をしてます。ボタン化にはAddQuicktagというプラグインを使用しました。コンパスではこのような設定で登録しています。ボタン化してしまえば楽ですね。ボタンを押すだけで、ショートコードが挿入されて便利です。AddQuicktagを気になった方は以下のリンクをおすすめします。)WordPress投稿画面のボタンの使い方、ボタンを追加・削除してカスタマイズする方法wordpressの投稿編集画面でテキストエディタを使っている場合、入力補助ボタン(quicktag:クイックタグ)をうまく使うと作業効率が大幅UPします。ボタンの追加や削除で投稿画面をカスタマイズする手順をまとめました。使っていましたが、画像を大きくできず挫折。@web_shufuです。こと、プラグインを卒業して自前CSSでセリフを吹き出しで描くことにしました。上首尾だと思うので、ノウハウをシェアしたいと思います。最新の記事オーカワGCPばっか触ってるにゃーんエンジニア。こちらのブログも書いてた。←Twitterやってるよ。皆さん、突然ですがChromecastって知ってますか。使い始めて半年程ですが、日々のルーチンに組み込まれています。これがないと僕は生きていけません。ショートコードで運勢診断作ってみたWodpressにはショートコードという機能がある事を知りました。ショートコードで遊べそうだなって思いつきで記事にしてしまった次第です。今回は作ったショートコードについて紹介していこうと思います。APIで簡単に遊んで見ました。任意の記事ですね、わかります以前メンバーから固定ページを作ってくれと頼まれました。