FC2ブログ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

F2のコメント欄に絵文字機能導入~Macにて~

今回F2のコメント欄に絵文字機能を追加する事が出来たので記事にさせていただきます。

参考、アドバイスをいただいたブログ:stroll blogDreamy Forest


strollさんの説明を元に1).2).3)と進める。(F2のHTMLに取り入れる)

1)画像設定スクリプト:太字部分を編集←自分の入れたい絵文字を探したら太字の部分に当てはめ指定されているスクリプトを全部コピーして指定の位置に貼付ける。


2)画像リスト出力スクリプト


// コメントにカスタマイズ絵文字入力機能:画像リスト出力
function writeCustmizeEmojiTagList() {
// コメントを入力するテキストエリアを指定
var textarea = 'document.comment_form.comment';


どりーみーさんの助言


お使いのテンプレートではdl,dt,ddというのを使っていらっしゃるようですね。

<dt><label>文字 & アイコン</label></dt>

<dd><script type="text/javascript" src="http://blog1.fc2.com/load.js"></script></dd>

ここ

<dt><label for="comment">コメント</label></dt>
<dd><textarea id="comment" cols="50" rows="5" name="comment[body]"></textarea></dd>

ここと言うところに
<dt>emoji(仮名)</dt>

<dd>stroll::blogさんの第2のscript
</dd>

stroll:blogさんの第2のscriptの前に

<dt></dt>
<dd>を入れ scriptの後に
</dd>を入れた方がいいと思います


3)画像変換スクリプト ...自分のHTMLの中で使用している文字を探す

// (1)コメント全体のタグの id 属性
var commentAreaIdName = 'comment_area';

// (2)コメント全体のタグ名
var commentAreaTag = 'div'; 

// (3)各コメントの class 属性
var commentBodyClassName = 'sub_body';

どりーみーさんの助言

第3のscriptを入れるためのdiv classは comment1 ですね。
<!--/comment-->のすぐ下に第3のscriptを入れればどうでしょうか?

でもコメントフォームとコメント表示を囲む<div id="comment_area">が見当たりませんでした。
見落としかもしれません。
もし無いようでしたら
<div id="cm" class="content">
のすぐ上に
<div id="comment_area">を入れ

<!--/comment-->のすぐ下に入れた第3のscriptの下で

</div>と閉じてみてください。


気に入った絵文字を自分のオリジナルにしたい!みんなと一緒は嫌!なんて言う気持ち結構あるんではないでしょうか。...私はそうでした。
自分なりに検索して 「コメントにカスタマイズ絵文字入力機能」stroll blogを発見。
超初心者の私には結構難しく、コメントの記事を読んでたくさんの人が理解し使用しているのをみて、羨ましい限りでした。
コンピューター時代のこの世の中、取り残された様な、知識の無さに諦め気味でした。
そんな中strollさんのコメント記事で何人かの人がF2ブログを使用して成功していたのでお邪魔したところ、どりーみーさん:Dreamy Forestに出会いました。
どりーみーさんが絵文字を設置したのは約3年前とのこと。昔の記憶を辿りながら私の質問に何回も何回も応えてくださいました。(みなさんが絵文字機能を設置し始めたのが大分前のため、strollさんに寄せられたコメントの人たちは既にブログを変えられたか退会された方が多かったです)
特にHTMLなどには慣れていないため、当てはめる文字を探したり、どこに入れればいいか、どの事を言っているのかなどすごく時間がかかりました。
どりーみーさん、丁寧な説明ありがとうございました。strollさん、会話のやり取りこそ無かったもののすばらしい解説を公開してくださってありがとうございました。
この場をお借りしてお礼申し上げます。また違う場面で躓きましたらよろしくお願いします。
1

comment

管理者にだけメッセージを送る

サーチ
記事
コメント
カレンダー
09 | 2018/10 | 11
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -
カテゴリ
お世話になってるブログ先
1キロバイトの素材屋さん
訪問してくれてありがとう
 今見てる人だよ~
写真集
 リンク
QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。