at whim at any time... » WordPress http://www.kanamel.com 備忘録と好奇心をそそるものを気まぐれに書いています Wed, 16 Feb 2011 07:57:51 +0000 http://wordpress.org/?v=2.9.1 ja hourly 1 【Pulg-ins】ソースを見やすくするSyntaxHighlighter Evolvedを導入した http://www.kanamel.com/2010/02/10/%e3%80%90pulg-ins%e3%80%91%e3%82%bd%e3%83%bc%e3%82%b9%e3%82%92%e8%a6%8b%e3%82%84%e3%81%99%e3%81%8f%e3%81%99%e3%82%8bsyntax-highlighter%e3%82%92%e5%b0%8e%e5%85%a5%e3%81%97%e3%81%9f/ http://www.kanamel.com/2010/02/10/%e3%80%90pulg-ins%e3%80%91%e3%82%bd%e3%83%bc%e3%82%b9%e3%82%92%e8%a6%8b%e3%82%84%e3%81%99%e3%81%8f%e3%81%99%e3%82%8bsyntax-highlighter%e3%82%92%e5%b0%8e%e5%85%a5%e3%81%97%e3%81%9f/#comments Wed, 10 Feb 2010 06:23:24 +0000 kanamello http://www.kanamel.com/?p=482 Related Posts B
  1. 【plug-ins】WP-Note 投稿記事を彩る小技
  2. 【plug-ins】WordPressに絵文字を追加しました Part2
  3. 【強制的にパスワード変更】インストール時に設定したパスワードで入室できない
  4. 【plug-ins】NextGEN Gallery Review の設定方法を（かなり）かいつまんで
]]> Syntax Highlighterの種類が色々ありすぎて決めかねてたんだけど、結局これが簡単でよさそう。
ダッシュボートのサイドバーから簡単に設定変更できます。
実際はこんな感じ。

<div class="test">
<h1>Syntax Highlighter</h1>
<p>SyntaxHighlighter Evolved allows you to easily post syntax-highlighted code to your site without having to escape the code or anything.</p>
<ul>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>
</div>

【ダウンロードページ】
SyntaxHighlighter Evolved

【WP公式サイト：ソースコードのサポートページ】
http://en.support.wordpress.com/code/posting-source-code/

Related Posts B

  1. 【plug-ins】WP-Note 投稿記事を彩る小技
  2. 【plug-ins】WordPressに絵文字を追加しました Part2
  3. 【強制的にパスワード変更】インストール時に設定したパスワードで入室できない
  4. 【plug-ins】NextGEN Gallery Review の設定方法を（かなり）かいつまんで
]]> http://www.kanamel.com/2010/02/10/%e3%80%90pulg-ins%e3%80%91%e3%82%bd%e3%83%bc%e3%82%b9%e3%82%92%e8%a6%8b%e3%82%84%e3%81%99%e3%81%8f%e3%81%99%e3%82%8bsyntax-highlighter%e3%82%92%e5%b0%8e%e5%85%a5%e3%81%97%e3%81%9f/feed/ 0 【plug-ins】WP-Note 投稿記事を彩る小技 http://www.kanamel.com/2010/02/10/462/ http://www.kanamel.com/2010/02/10/462/#comments Wed, 10 Feb 2010 04:19:58 +0000 kanamello http://www.kanamel.com/2010/02/10/462/ Related Posts B
  1. 【Pulg-ins】ソースを見やすくするSyntaxHighlighter Evolvedを導入した
  2. 【plug-ins】WordPressに絵文字を追加しました Part2
  3. 【plug-ins】WordPressに絵文字を追加しました
  4. 【対処方法】管理画面が真っ白に!!
]]> アクティベートしたら…

記事を書く際に…

メモ

Tips

注意！

重要

ヘルプ

こんな風に彩られます。素敵ですね。

【ダウンロードページ】
http://wordpress.org/extend/plugins/wp-note/screenshots/

【参考ページ】
http://kachibito.net/wordpress/plugin-wp-note.html

Related Posts B

  1. 【Pulg-ins】ソースを見やすくするSyntaxHighlighter Evolvedを導入した
  2. 【plug-ins】WordPressに絵文字を追加しました Part2
  3. 【plug-ins】WordPressに絵文字を追加しました
  4. 【対処方法】管理画面が真っ白に!!
]]> http://www.kanamel.com/2010/02/10/462/feed/ 0 【WordPress】vicuna.ext：favicon（ファビコン）の設置 http://www.kanamel.com/2010/02/09/%e3%80%90wordpress%e3%80%91vicuna-ext%ef%bc%9afavicon%ef%bc%88%e3%83%95%e3%82%a1%e3%83%93%e3%82%b3%e3%83%b3%ef%bc%89%e3%81%ae%e8%a8%ad%e7%bd%ae/ http://www.kanamel.com/2010/02/09/%e3%80%90wordpress%e3%80%91vicuna-ext%ef%bc%9afavicon%ef%bc%88%e3%83%95%e3%82%a1%e3%83%93%e3%82%b3%e3%83%b3%ef%bc%89%e3%81%ae%e8%a8%ad%e7%bd%ae/#comments Tue, 09 Feb 2010 01:57:27 +0000 kanamello http://www.kanamel.com/?p=423 Related Posts B
  1. 【WordPress】vicuna新型スキンに変更してstyle.phpを修正しました
  2. 【WordPress】XREA広告バナーをヘッダー内に移動させる
  3. 【plug-ins】NextGEN Gallery Review の設定方法を（かなり）かいつまんで
  4. 【plug-ins】WordPressに絵文字を追加しました
]]> スキンを更新したのでfavicon移動。
で、おさらいします。

ヘッダー内、

../wp-content/themes/wp.vicuna.ext/header.php

内の任意の場所（一番下）に…

<link rel="shortcut icon" href="http://www.xxx.com/wp-content/themes/wp.vicuna.ext/style-xxx/images/favicon.ico">

を設置

  • 実際に表示されるサイズは16px四方
  • 拡張子は”.ico”

いじょー :heart:

Related Posts B

  1. 【WordPress】vicuna新型スキンに変更してstyle.phpを修正しました
  2. 【WordPress】XREA広告バナーをヘッダー内に移動させる
  3. 【plug-ins】NextGEN Gallery Review の設定方法を（かなり）かいつまんで
  4. 【plug-ins】WordPressに絵文字を追加しました
]]> http://www.kanamel.com/2010/02/09/%e3%80%90wordpress%e3%80%91vicuna-ext%ef%bc%9afavicon%ef%bc%88%e3%83%95%e3%82%a1%e3%83%93%e3%82%b3%e3%83%b3%ef%bc%89%e3%81%ae%e8%a8%ad%e7%bd%ae/feed/ 0 【WordPress】XREA広告バナーをヘッダー内に移動させる http://www.kanamel.com/2010/02/08/%e3%80%90wordpress%e3%80%91xrea%e5%ba%83%e5%91%8a%e3%83%90%e3%83%8a%e3%83%bc%e3%82%92%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%86%85%e3%81%ab%e7%a7%bb%e5%8b%95%e3%81%95%e3%81%9b%e3%82%8b/ http://www.kanamel.com/2010/02/08/%e3%80%90wordpress%e3%80%91xrea%e5%ba%83%e5%91%8a%e3%83%90%e3%83%8a%e3%83%bc%e3%82%92%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%86%85%e3%81%ab%e7%a7%bb%e5%8b%95%e3%81%95%e3%81%9b%e3%82%8b/#comments Mon, 08 Feb 2010 06:41:58 +0000 kanamello http://www.kanamel.com/?p=414 Related Posts B
  1. 【WordPress】vicuna新型スキンに変更してstyle.phpを修正しました
  2. 【css】ブロックレベル要素の段組レイアウトの底辺の高さを揃える
  3. 【css】親ボックスに背景を適応してfloatした時、firefoxで消える際の対処法
  4. 【WordPress】vicuna.ext：favicon（ファビコン）の設置
]]> 新しい構造のスキンに変更する度、バナーがデフォルトの位置に戻ってしまうので手順を記録。

（メインインデックスのテンプレート）index.php と

（ページテンプレート）page.php と

（カテゴリーテンプレート）category.php と

（単一記事の投稿）single.php

（検索結果）search.php

（アーカイブ）archive.php

（404テンプレート）404.php の必要箇所へ以下コードを記入

<div id=”header”>
<p><a href=”<?php bloginfo(‘home’); ?>” title=”<?php printf(__(‘Return to %s index’, ‘vicuna’), get_bloginfo(‘name’)); ?>”><?php bloginfo(‘name’); ?></a></p>
<?php vicuna_description(); ?>
<div class=”xrea”>バナー</div>
<?php        vicuna_global_navigation() ?>
</div>

layout.css へ以下コードを記入

/* XREA */

div<strong>.xrea</strong> {
position: absolute; /* 必須 */
top: 10px; /* 任意の値 */
left: 50%; /* 任意の値 */
}
div.xrea img {
border: none;
}

【参考サイト】

http://vicuna.jp/forum/viewtopic.php?p=4154&highlight=%A5%D0%A5%CA%A1%BC#4154

Related Posts B

  1. 【WordPress】vicuna新型スキンに変更してstyle.phpを修正しました
  2. 【css】ブロックレベル要素の段組レイアウトの底辺の高さを揃える
  3. 【css】親ボックスに背景を適応してfloatした時、firefoxで消える際の対処法
  4. 【WordPress】vicuna.ext：favicon（ファビコン）の設置
]]> http://www.kanamel.com/2010/02/08/%e3%80%90wordpress%e3%80%91xrea%e5%ba%83%e5%91%8a%e3%83%90%e3%83%8a%e3%83%bc%e3%82%92%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e5%86%85%e3%81%ab%e7%a7%bb%e5%8b%95%e3%81%95%e3%81%9b%e3%82%8b/feed/ 1 【WordPress】vicuna新型スキンに変更してstyle.phpを修正しました http://www.kanamel.com/2010/02/05/%e3%80%90wordpress%e3%80%91vicuna%e6%96%b0%e5%9e%8b%e3%82%b9%e3%82%ad%e3%83%b3%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%a6style-php%e3%82%92%e4%bf%ae%e6%ad%a3%e3%81%97%e3%81%be%e3%81%97%e3%81%9f/ http://www.kanamel.com/2010/02/05/%e3%80%90wordpress%e3%80%91vicuna%e6%96%b0%e5%9e%8b%e3%82%b9%e3%82%ad%e3%83%b3%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%a6style-php%e3%82%92%e4%bf%ae%e6%ad%a3%e3%81%97%e3%81%be%e3%81%97%e3%81%9f/#comments Fri, 05 Feb 2010 06:05:37 +0000 kanamello http://www.kanamel.com/?p=395 Related Posts B
  1. 【WordPress】XREA広告バナーをヘッダー内に移動させる
  2. 【WordPress】vicuna.ext：favicon（ファビコン）の設置
  3. 【plug-ins】WordPressに絵文字を追加しました Part2
  4. 【plug-ins】NextGEN Gallery Review の設定方法を（かなり）かいつまんで
]]> 2009年3月にスキンのアップデートが行われ、スキンのファイル構造が変更されました。

今までninjaを使用しており、リロードの重さに悩まされ、こういんもんなんだと半ば諦めておりましたが… やっとこさ新型スキンに総入れ替えいたしました。

デフォルトに戻りましたので また一から修正 :sad:

ローディング時のCSS読み込みが早くなり、軽くなったのが嬉しいです :love:

【新型スキン】

  • style-vega
  • style-mono
  • style-galaxy
  • style-flat

【主な特徴】

  • Web標準に則った無駄の無いシンプルなHTML
  • SEOを高めるサイト内リンク構造
  • 簡単にカスタマイズ可能な専用CSSスキン
  • シンプルだから表示が早い
  • 個人・商用サイトともに利用可能

【cssスキンページ】
http://wp.vicuna.jp/skin/official-skin/

【Forum】
http://vicuna.jp/forum/viewtopic.php?t=823

Related Posts B

  1. 【WordPress】XREA広告バナーをヘッダー内に移動させる
  2. 【WordPress】vicuna.ext：favicon（ファビコン）の設置
  3. 【plug-ins】WordPressに絵文字を追加しました Part2
  4. 【plug-ins】NextGEN Gallery Review の設定方法を（かなり）かいつまんで
]]> http://www.kanamel.com/2010/02/05/%e3%80%90wordpress%e3%80%91vicuna%e6%96%b0%e5%9e%8b%e3%82%b9%e3%82%ad%e3%83%b3%e3%81%ab%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%a6style-php%e3%82%92%e4%bf%ae%e6%ad%a3%e3%81%97%e3%81%be%e3%81%97%e3%81%9f/feed/ 0 【plug-ins】lightbox系WP-Slimboxで画像をオーバーレイさせる。 http://www.kanamel.com/2010/01/22/%e3%80%90plug-ins%e3%80%91lightbox%e7%b3%bbwp-slimbox%e3%81%a7%e7%94%bb%e5%83%8f%e3%82%92%e3%82%aa%e3%83%bc%e3%83%90%e3%83%bc%e3%83%ac%e3%82%a4%e3%81%95%e3%81%9b%e3%82%8b%e3%80%82/ http://www.kanamel.com/2010/01/22/%e3%80%90plug-ins%e3%80%91lightbox%e7%b3%bbwp-slimbox%e3%81%a7%e7%94%bb%e5%83%8f%e3%82%92%e3%82%aa%e3%83%bc%e3%83%90%e3%83%bc%e3%83%ac%e3%82%a4%e3%81%95%e3%81%9b%e3%82%8b%e3%80%82/#comments Fri, 22 Jan 2010 08:42:44 +0000 kanamello http://www.kanamel.com/?p=329 設定>WP-Slimbox2から、Autoload?にチェック入れると、rel=lightboxと毎度書かなくていいです。 [...]

Related Posts B

  1. 【photoshop】あるのを知らなかった10の機能
  2. 【plug-ins】NextGEN Gallery Review の設定方法を（かなり）かいつまんで
  3. 【plug-ins】WordPressに絵文字を追加しました
  4. 【plug-ins】WP-Note 投稿記事を彩る小技
]]> 込み入った設定は特になし :no:
【豆知識】
ダッシュボード>設定>WP-Slimbox2から、Autoload?にチェック入れると、rel=lightboxと毎度書かなくていいです。


画像をクリックしてください。

【shotoshopのチュートリアル】
Digital Star Effect

Related Posts B

  1. 【photoshop】あるのを知らなかった10の機能
  2. 【plug-ins】NextGEN Gallery Review の設定方法を（かなり）かいつまんで
  3. 【plug-ins】WordPressに絵文字を追加しました
  4. 【plug-ins】WP-Note 投稿記事を彩る小技
]]> http://www.kanamel.com/2010/01/22/%e3%80%90plug-ins%e3%80%91lightbox%e7%b3%bbwp-slimbox%e3%81%a7%e7%94%bb%e5%83%8f%e3%82%92%e3%82%aa%e3%83%bc%e3%83%90%e3%83%bc%e3%83%ac%e3%82%a4%e3%81%95%e3%81%9b%e3%82%8b%e3%80%82/feed/ 0 【plug-ins】NextGEN Gallery Review の設定方法を（かなり）かいつまんで http://www.kanamel.com/2010/01/22/%e3%80%90plug-ins%e3%80%91nextgen-gallery-review-%e3%81%ae%e8%a8%ad%e5%ae%9a%e6%96%b9%e6%b3%95%e3%82%92%ef%bc%88%e3%81%8b%e3%81%aa%e3%82%8a%ef%bc%89%e3%81%8b%e3%81%84%e3%81%a4%e3%81%be%e3%82%93/ http://www.kanamel.com/2010/01/22/%e3%80%90plug-ins%e3%80%91nextgen-gallery-review-%e3%81%ae%e8%a8%ad%e5%ae%9a%e6%96%b9%e6%b3%95%e3%82%92%ef%bc%88%e3%81%8b%e3%81%aa%e3%82%8a%ef%bc%89%e3%81%8b%e3%81%84%e3%81%a4%e3%81%be%e3%82%93/#comments Fri, 22 Jan 2010 01:04:11 +0000 kanamello http://www.kanamel.com/?p=301 Related Posts B
  1. 【plug-ins】lightbox系WP-Slimboxで画像をオーバーレイさせる。
  2. 【photoshop】ぼやけた写真をくっきり加工する方法をざっくり和訳
  3. 【強制的にパスワード変更】インストール時に設定したパスワードで入室できない
  4. 【WordPress】vicuna.ext：favicon（ファビコン）の設置
]]>

wordpressの画像ギャラリープラグイン：NextGEN Gallery Reviewをアクティブにするのが終わった所から…（かいつまんで…なので。）
ダッシュボードの左下に”Garelly”が追加されてます。

【Garelly > Options > （タブから選択）General Options】のGallery pathに

/wp-content/gallery（または、任意のフォルダ）/ と書きます。

後は各自変更してもらうので特にいじらず、”変更を保存”します。

Thumbnail、Images、Garellyは個人で調整するとして…、
Effect（効果）はプルダウンから選択してリンクコードラインを投稿毎タブに追加します（後から説明します！）。

Watermarkとは、写真が乱用されないようサインを追加するものです。
Manage Galleryから適用できます。これも任せます。

【Slideshow】の設定

さっきから、こんなアラートが表示されてるはずです。

The path to imagerotator.swf is not defined, the slideshow will not work.
If you would like to use the JW Image Rotatator, please download the player here and upload it to your Upload folder (Default is wp-content/uploads).
（imagerotator.swfへのパスが指定されてないのでスライドショーが動きません。なんちゃらかんちゃら…）

では、消しちゃいましょう。

http://www.longtailvideo.com/players/jw-image-rotator/http://www.longtailvideo.com/players/jw-image-rotator/

http://www.softpedia.com/progDownload/JW-Image-Rotator-Download-91932.html（コチラはロゴが出ないJW Image Rotator 3.17） ※おススメ

のいずれかをダウンロードし、wp-content/uploads（または、任意のフォルダ）/の中に”ダウンロードしたファイル達”を入れてUPします。
garellyのslideshowから、”search”をクリック。

パスが自動で検出されます。

【point】”imagerotatorフォルダ”ごと入れると探してくれません。

“変更を保存”します。

これでスライドショーが動くようになり、アラートも消えました。めでたし。

Add Garelly/imagesの説明を簡単に…

新規ギャラリーを作って画像をアップする所です。

はい。
では、
manage garellyに移りましょう。

id（数字）が作られているハズです。クリックしましょう。

タイトル、説明など適当にいれ、後は特に触らず…設定を保存します。
下段のサムネイルが見えている所で画像の細かい設定が出来ます。

新規投稿ページに移りましょう。

先程のid（数字）覚えてますか？

[garelly=数字]を編集中のページに書きます。

ここで！先程のEffect（効果）のコードをタグ内に記述しましょう。

これで一先ず反映されてるハズです。どうでしょ？かいつまみ過ぎましたか？

サムネイルが左寄せになってますが、設定だけしたかったということで。ぼちぼちします。
サムネイルクリックでオーバーレイになれば嬉しいですね、残念。

こんなテキトーな説明ヤだ!!という方は、
コチラのサイト様が大変詳しくご説明されてます。是非どうぞ。

hycko.blog様のページ

【設定方法】

http://dpotter.net/Technical/2008/03/nextgen-gallery-review-configuration/

【フォーラムQ&A】

http://wordpress.org/support/topic/283298

[Show picture list]
[[Show as slideshow]]

Related Posts B

  1. 【plug-ins】lightbox系WP-Slimboxで画像をオーバーレイさせる。
  2. 【photoshop】ぼやけた写真をくっきり加工する方法をざっくり和訳
  3. 【強制的にパスワード変更】インストール時に設定したパスワードで入室できない
  4. 【WordPress】vicuna.ext：favicon（ファビコン）の設置
]]> http://www.kanamel.com/2010/01/22/%e3%80%90plug-ins%e3%80%91nextgen-gallery-review-%e3%81%ae%e8%a8%ad%e5%ae%9a%e6%96%b9%e6%b3%95%e3%82%92%ef%bc%88%e3%81%8b%e3%81%aa%e3%82%8a%ef%bc%89%e3%81%8b%e3%81%84%e3%81%a4%e3%81%be%e3%82%93/feed/ 0 【plug-ins】WordPressに絵文字を追加しました Part2 http://www.kanamel.com/2010/01/15/%e3%80%90plug-ins%e3%80%91wordpress%e3%81%ab%e7%b5%b5%e6%96%87%e5%ad%97%e3%82%92%e8%bf%bd%e5%8a%a0%e3%81%97%e3%81%be%e3%81%97%e3%81%9f-part2/ http://www.kanamel.com/2010/01/15/%e3%80%90plug-ins%e3%80%91wordpress%e3%81%ab%e7%b5%b5%e6%96%87%e5%ad%97%e3%82%92%e8%bf%bd%e5%8a%a0%e3%81%97%e3%81%be%e3%81%97%e3%81%9f-part2/#comments Fri, 15 Jan 2010 08:07:14 +0000 kanamello http://www.kanamel.com/?p=249 Related Posts B
  1. 【plug-ins】WordPressに絵文字を追加しました
  2. 【plug-ins】WP-Note 投稿記事を彩る小技
  3. 【plug-ins】lightbox系WP-Slimboxで画像をオーバーレイさせる。
  4. 【plug-ins】NextGEN Gallery Review の設定方法を（かなり）かいつまんで
]]> wp-grinsを導入しました!!と書いたばかりですが、Custom Smiliesへ変更しました :masaka:

Custom Smiliesのスゴイところは、WordPressのダッシュボードの設定に ”smilies” という項目が自動追加され、絵文字の管理が出来るので、とーっても楽チン！ :drive: なのデス！

しかも!!

コメントフォームにも絵文字が簡単に追加されるとの事。

開発者さんのページでも「vre2.3以降は マニュアルで記述しなくっていいよ」と解説されており…

If you want to add clickable smilies to your comment form,
append these lines to your current theme’s comments.php file,
just before the form begins(You don’t need do this if your theme suppor the action named comment_form since version 2.3):

管理ページには、オプションにチェックをいれるだけで（もしテーマがサポートしてたら）コメントフォームで絵文字が使えると書いてあった。

Other options:

Use the action named comment_form in comments.php if your theme support it.
So you don’t need to add cs_print_smilies() in comments.php manually.

なのでオプションをポチッと… :doyo:

……私のテーマには対応しないのね。

comments.phpを開き、
< ?php if ( function_exists(cs_print_smilies) ) {cs_print_smilies();} ?>
をコメント欄の真下（レイアウト的に”dl”の直前）に追加しましたらお目見え～ :kita: パチパチ
だけどなぜ??

今度はクリックしても反応しない…
ドラッグしたらパスが表示されるばかり。

なんと原因は、idでした～

wp.Vicuna Ext.の場合、コメントのIDには”comment-text“と入力したら正しく動きます。
教えてくださった方に感謝 :heart:

ふぅ…2日がかり。

Custom Smiliesのダウンロード：高山仰止
※v2.8beta版、WordPress 2.3+で動作します。

ついでに、comment-form-quicktagsも追加～

【参考サイト様】
かちびとnet

高山仰止

Related Posts B

  1. 【plug-ins】WordPressに絵文字を追加しました
  2. 【plug-ins】WP-Note 投稿記事を彩る小技
  3. 【plug-ins】lightbox系WP-Slimboxで画像をオーバーレイさせる。
  4. 【plug-ins】NextGEN Gallery Review の設定方法を（かなり）かいつまんで
]]> http://www.kanamel.com/2010/01/15/%e3%80%90plug-ins%e3%80%91wordpress%e3%81%ab%e7%b5%b5%e6%96%87%e5%ad%97%e3%82%92%e8%bf%bd%e5%8a%a0%e3%81%97%e3%81%be%e3%81%97%e3%81%9f-part2/feed/ 1 【plug-ins】WordPressに絵文字を追加しました http://www.kanamel.com/2010/01/12/%e3%80%90plug-ins%e3%80%91wordpress%e3%81%ab%e7%b5%b5%e6%96%87%e5%ad%97%e3%82%92%e8%bf%bd%e5%8a%a0%e3%81%97%e3%81%be%e3%81%97%e3%81%9f-2/ http://www.kanamel.com/2010/01/12/%e3%80%90plug-ins%e3%80%91wordpress%e3%81%ab%e7%b5%b5%e6%96%87%e5%ad%97%e3%82%92%e8%bf%bd%e5%8a%a0%e3%81%97%e3%81%be%e3%81%97%e3%81%9f-2/#comments Tue, 12 Jan 2010 14:43:36 +0000 kanamello http://www.kanamel.com/?p=233 Related Posts B
  1. 【plug-ins】WordPressに絵文字を追加しました Part2
  2. 【plug-ins】WP-Note 投稿記事を彩る小技
  3. 【plug-ins】lightbox系WP-Slimboxで画像をオーバーレイさせる。
  4. 【plug-ins】NextGEN Gallery Review の設定方法を（かなり）かいつまんで
]]> wp-grinsっていうプラグインをインストールしてから絵文字をactivate（有効化）してみたよ。

さらに、追加でアイコンを増やせるみたいなので やってみましょ！

gif画像を…nukogif6

wp-includes/images/smilies
の中に放り込む。

wp-includes/funcitons.php
に関連付ける。

例えば、

‘:cool:’ => ‘icon_cool.gif’,
‘:画像ファイル名:’ => ‘画像ファイル名.gif’,

みたいな。emoji22・・・・・・nukogif7

気が向いたらぼちぼち増やしていきます。nukogif10

なないろブログさん。ありがとうございました～

ペルトロさん。ありがとうございました～

ちっちゃい素材屋さん。ありがとうございました～

Related Posts B

  1. 【plug-ins】WordPressに絵文字を追加しました Part2
  2. 【plug-ins】WP-Note 投稿記事を彩る小技
  3. 【plug-ins】lightbox系WP-Slimboxで画像をオーバーレイさせる。
  4. 【plug-ins】NextGEN Gallery Review の設定方法を（かなり）かいつまんで
]]> http://www.kanamel.com/2010/01/12/%e3%80%90plug-ins%e3%80%91wordpress%e3%81%ab%e7%b5%b5%e6%96%87%e5%ad%97%e3%82%92%e8%bf%bd%e5%8a%a0%e3%81%97%e3%81%be%e3%81%97%e3%81%9f-2/feed/ 6 【css】親ボックスに背景を適応してfloatした時、firefoxで消える際の対処法 http://www.kanamel.com/2009/11/13/%e3%80%90css%e3%80%91%e8%a6%aa%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ab%e8%83%8c%e6%99%af%e3%82%92%e9%81%a9%e5%bf%9c%e3%81%97%e3%81%a6float%e3%81%97%e3%81%9f%e6%99%82%e3%80%81firefox%e3%81%a7/ http://www.kanamel.com/2009/11/13/%e3%80%90css%e3%80%91%e8%a6%aa%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ab%e8%83%8c%e6%99%af%e3%82%92%e9%81%a9%e5%bf%9c%e3%81%97%e3%81%a6float%e3%81%97%e3%81%9f%e6%99%82%e3%80%81firefox%e3%81%a7/#comments Fri, 13 Nov 2009 01:34:25 +0000 kanamello http://www.kanamel.com/?p=185 Related Posts B
  1. 【対処方法】管理画面が真っ白に!!
  2. 【css】ブロックレベル要素の段組レイアウトの底辺の高さを揃える
  3. 【強制的にパスワード変更】インストール時に設定したパスワードで入室できない
  4. 【plug-ins】WordPressに絵文字を追加しました
]]>
  • 親ボックスに高さを指定する
  • clearを使う※一般的な方法
  • overflow:autoを使う※簡単な方法


    • 【floatの仕組み】

    floatは『回り込み』と解説される事が多い為、ブロックレベル要素を回り込ませる為のプロパティと思われがちですが実は違います。
    floatはブロックレベル要素を『浮かせる』為のプロパティになります。
    つまりfloat:leftはブロックレベル要素を浮かした上で親要素に対して左に寄せて配置することを意味します。

    floatを適応された子ボックスは『浮く』ので、親ボックスは子ボックスを内包することにより確保していた高さを失うことになります。


    つまり、IEはfloat処理が正しく行われない為、親ボックスの高さが失われないというバグです。

    (参考にさせていただいたサイト)
    http://blog.webcreativepark.net/2007/01/08-005218.html

    Related Posts B

    1. 【対処方法】管理画面が真っ白に!!
    2. 【css】ブロックレベル要素の段組レイアウトの底辺の高さを揃える
    3. 【強制的にパスワード変更】インストール時に設定したパスワードで入室できない
    4. 【plug-ins】WordPressに絵文字を追加しました
    ]]>     http://www.kanamel.com/2009/11/13/%e3%80%90css%e3%80%91%e8%a6%aa%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ab%e8%83%8c%e6%99%af%e3%82%92%e9%81%a9%e5%bf%9c%e3%81%97%e3%81%a6float%e3%81%97%e3%81%9f%e6%99%82%e3%80%81firefox%e3%81%a7/feed/ 0