﻿<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Numb. &#187; Customize</title>
	<atom:link href="http://wp.graphact.com/tag/customize/feed/" rel="self" type="application/rss+xml" />
	<link>http://wp.graphact.com</link>
	<description></description>
	<lastBuildDate>Tue, 07 Feb 2012 01:36:24 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Firefoxの不要メニューを userChrome.css で隠す</title>
		<link>http://wp.graphact.com/2007/08/19/103/</link>
		<comments>http://wp.graphact.com/2007/08/19/103/#comments</comments>
		<pubDate>Sun, 19 Aug 2007 12:33:11 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Customize]]></category>

		<guid isPermaLink="false">http://www.graphact.com/memo/2007/08/19/158</guid>
		<description><![CDATA[今までは MenuEditor という add-on を使って不要メニューを非表示にしていたのですが、 PC を変えたついでに Firefox をダイエットさせようかなと userChrome.css で隠す方法に変えて [...]]]></description>
			<content:encoded><![CDATA[<p>今までは MenuEditor という add-on を使って不要メニューを非表示にしていたのですが、<br />
PC を変えたついでに Firefox をダイエットさせようかなと userChrome.css で隠す方法に変えてみました。</p>
<p>参考にしたのは以下のサイトです。</p>
<ul>
<li>
<a href="http://kb.mozillazine.org/UserChrome.css_Element_Names/IDs#Firefox_menus" title="Chrome element names and IDs - MozillaZine Knowledge Base">Chrome element names and IDs &#8211; MozillaZine Knowledge Base</a><br />
 の一覧表
</li>
<li>
<a href="http://hadakadenkyu.flnet.org/other/software/firefox/hide_needless_menus_j.htm" title="不要なメニューアイテムを非表示（JLP適用済みFirefox用）">不要なメニューアイテムを非表示（JLP適用済みFirefox用）</a><br />
メニューバーの設定（日本語で分かりやすいです）
</li>
</ul>
<p>userChrome.css に直接書いてももちろん OK ですが、<br />
Stylish を使っているならグローバルスタイルの css として保存しておくのも手軽です。<br />
私は Stylish に「Menu Editor &#8211; css」という感じの名前で以下の内容を設定しました。</p>
<p>長いので以下、全文表示ページで。<br />
<span id="more-103"></span></p>
<pre class="brush: css; auto-links: false;">
/* メニューバーから各種不要要素を消す */
/* Hide Needless Menus */
#main-menubar menu[label=&quot;編集&quot;],
#main-menubar menu[label=&quot;履歴&quot;] {
 display:none !important;
}

/* コンテキストメニューから各種不要要素を消す */
/* リンクを新しいウィンドウで開く */
#context-openlink {
display: none !important;
}
/* このリンクをブックマーク */
#context-bookmarklink {
display: none !important;
}
/* このページをブックマーク */
#context-bookmarkpage {
display: none !important;
}
/* 名前を付けてページを保存 */
#context-savepage {
display: none !important;
}
/* 全体・表示部分を画像として保存 */
#SaveVisiblePageImage,
#SaveEntirePageImage {
display: none !important;
}
/* [最近閉じたタブを復元]の上のセパレーター */
#tm-content-undoCloseSep {
display: none !important;
}
/* 最近閉じたタブを復元 */
#tm-content-undoCloseTab {
display: none !important;
}
/* [背景画像を表示]の上のセパレーター */
#context-sep-viewbgimage {
display: none !important;
}
/* 戻る */
#context-back {
display: none !important;
}
/* 進む */
#context-forward {
display: none !important;
}
/* 更新 */
#context-reload {
display: none !important;
}
/* 中止 */
#context-stop {
display: none !important;
}
/* [中止]の下のセパレーター */
#context-sep-stop {
display: none !important;
}
/* リンクを送信、リンクURLをメールで送信、画像をメールで送信 */
#context-sendlink,
#context-sendpage,
#context-sendimage {
display: none !important;
}
/* 全て選択 */
#context-selectall {
display: none !important;
}
/* ソース、インフォ、プロパティ */
#context-viewsource,
#context-viewinfo,
#context-metadata {
display: none !important;
}
/* [プロパティ]の上のセパレーター */
#context-sep-properties {
display: none !important;
}
/* [プロパティ]の下のセパレーター */
#spell-separator {
display: none !important;
}
/* dictionaryを追加 */
#spell-add-dictionaries-main {
display: none !important;
}
</pre>
<p>参考にさせていただいたサイトの設定をベースに、自分の好みで非表示にする要素を色々追加してあります。<br />
参考サイトの一覧の表に消したい要素が載っていないこともあったので、<br />
そういったものは DOM Inspector で調べて書きました。</p>
<p>コメントにどこの部分を消しているか書いてありますので、参考にしつつ好みで変えると良いかなと思います。<br />
ただ、私が書いた部分は大雑把にコメントを入れてあり、メニュー名も略称で書いています。<br />
例えば「ページのソース」というメニュー名であっても、コメントには「ソース」としか書いてなかったりします。<br />
特に「○○の上 or 下セパレーター」の部分は「大体この辺り」という目安程度です。<br />
その辺りは推測してください。</p>
<p>右クリックメニューが長いと見にくいし重いしでイヤなのですが、これで大分スッキリしました :mrgreen:</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2007/08/19/103/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>theme 更新でプラグインのコードを書き忘れてた</title>
		<link>http://wp.graphact.com/2007/06/21/90/</link>
		<comments>http://wp.graphact.com/2007/06/21/90/#comments</comments>
		<pubDate>Thu, 21 Jun 2007 09:06:25 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Customize]]></category>
		<category><![CDATA[Theme]]></category>

		<guid isPermaLink="false">http://www.graphact.com/memo/2007/06/21/145</guid>
		<description><![CDATA[前回の記事で使ってるプラグインをアレコレ書いたのですが、theme の中に Gravatar 表示用のコードを書き忘れてました。 間違いなく theme 更新の際に書き忘れたんですが、更新作業フォルダを確認してみたら 2 [...]]]></description>
			<content:encoded><![CDATA[<p>前回の記事で使ってるプラグインをアレコレ書いたのですが、theme の中に Gravatar 表示用のコードを書き忘れてました。<br />
間違いなく theme 更新の際に書き忘れたんですが、更新作業フォルダを確認してみたら 2 つ前のデータを見ても Gravatar 用コードは入っておらず。いつからだろう orz</p>
<p>仕事が一段落して、ここぞとばかりに WP いじりに再燃してます。めらめら。 :twisted: 早くも新たにプラグインを 1 つ入れました。</p>
<p><a href="http://wppluginsj.sourceforge.jp/wp-hatena/" title="WordPress Plugins/JSeries » wp-hatena">WordPress Plugins/JSeries » wp-hatena</a></p>
<p>気になってたのですよ～。どこかでみたけど、どのプラグインだっけなあと思っていました。探し当てたのでさっそく！</p>
<p>しかし私はアナログな人なのか、どうもブラウザのブックマークをきっちりフォルダ分けして使うのが好きなようです。<br />
ソーシャルブックマークは登録はしてあるものの、放り込むだけ放り込んで見直さないということが多々。<br />
でもまた最近使おうと思いなるべくチェックしてます :)</p>
<p>私はどうも、あのソーシャルブックマークのもっさり感（アクセスして読み込む時間）がイラッときてしまうようで…タグ管理は便利そうと思うんですけどね～。<br />
FreshReader のように、自サーバーインストール型の軽快に動く SBS とか出ないかなぁ :oops:</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2007/06/21/90/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>サーチボックスをマウスオーバーで表示させる Tips</title>
		<link>http://wp.graphact.com/2006/09/23/60/</link>
		<comments>http://wp.graphact.com/2006/09/23/60/#comments</comments>
		<pubDate>Sat, 23 Sep 2006 08:32:46 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Customize]]></category>

		<guid isPermaLink="false">http://www.graphact.com/memo/2006/09/23/95</guid>
		<description><![CDATA[Firefox のツールバーまわりをスッキリさせる その 2　。 Firefox のサーチボックスをスッキリさせる Tips Firefox &#8211; Tips &#038; Tricks 上記サイトの、「Roll [...]]]></description>
			<content:encoded><![CDATA[<p>Firefox のツールバーまわりをスッキリさせる その 2　。</p>
<h2>Firefox のサーチボックスをスッキリさせる Tips</h2>
<p><a href="http://www.supernova00.biz/userchrome.html" title="Firefox - Tips &#038; Tricks" rel="external">Firefox &#8211; Tips &#038; Tricks</a></p>
<p>上記サイトの、「Rollover Searchbar」」は UserChrome.css に書く CSS です。<br />
設定すると以下のようになります。</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2006/09/m-off.gif" width="232" height="61" alt="マウスカーソルが乗っていないとき" title="マウスカーソルが乗っていないとき" class="img" /><br />
マウスカーソルが乗っていないとき</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2006/09/m-over.gif" width="234" height="61" alt="マウスカーソルを上に乗せたとき" title="マウスカーソルを上に乗せたとき" class="img" /><br />
マウスカーソルを上に乗せたとき</p>
<p>上の Tips は orioa さんの記事を読んで知ったものです。<br />
<a href="http://www.orioa.com/firefox-rollover-searchbar/" title="Firefox のサーチバーをコンパクトに at orioa" rel="external"><br />
Firefox のサーチバーをコンパクトに at orioa</a></p>
<p>以下、設定方法を 2 種類書いてみます。</p>
<p><span id="more-60"></span></p>
<h2>Profiles フォルダを簡単に開いて、UserChrome.css に設定</h2>
<ol>
<li>
Profiles フォルダ＞chrome フォルダ＞UserChrome.css  と辿って UserChrome.css を開く。（UserChrome.css がなかったら自分で適当なテキストエディタに書いて作って OK です）
</li>
<li>
<a href="http://www.supernova00.biz/userchrome.html" title="Firefox - Tips &#038; Tricks" rel="external">Firefox &#8211; Tips &#038; Tricks</a> の「Rollover Searchbar」の CSS を UserChrome.css にコピペして保存すれば OK 。
</li>
<li>Firefox を再起動。</li>
</ol>
<p>ちなみに、UserChrome.css は Profiles フォルダ内にありますが（もしくは、なければ作りますが）、Profiles フォルダがどこにあるのか探すのが面倒な方は<a href="http://hail2u.net/archives/fxexts.html#open_profile_folder" title="hail2u.net 「Open Profile Folder」" rel="external">hail2u.net 「Open Profile Folder」</a> を使うと Profiles フォルダが簡単に開けて便利です。</p>
<h2>Stylish という拡張で楽に UserChrome.css を開かず内容を設定する</h2>
<p>Stylish という拡張を使えば、UserChrome.css を開くこともなく簡単に書き込んで適用できるので、そっちのほうが楽です。拡張を増やすのが嫌だ～という方以外は、Stylish を入れてみるのをお勧めしちゃいます。</p>
<div class="quote">
<blockquote cite="http://firefox.geckodev.org/index.php?Stylish">
<p>userchrome.cssやusercontent.cssと同じ機能を、再起動せずに反映・管理できるユーザースタイルシート拡張です。デフォルトで日本語Locale同伴されています。</p>
</blockquote>
<p><cite>『<a href="http://firefox.geckodev.org/index.php?Stylish" title="Stylish - Mozilla Firefox まとめサイト" rel="external">Stylish &#8211; Mozilla Firefox まとめサイト</a>』より引用</cite></div>
<p>と、こんなかんじのものです。以下のサイトに Stylish については詳しく載っています。<br />
再起動しなくてもよかったりするのは、とても便利ですよ～。</p>
<ul>
<li><a href="http://harmony.blog5.fc2.com/blog-entry-223.html" title="Firefox のユーザスタイルを詳細に管理できる拡張『Stylish』＠あの頃のように…" rel="external">Firefox のユーザスタイルを詳細に管理できる拡張『Stylish』＠あの頃のように…</a></li>
<li><a href="http://diary.noasobi.net/2005/12/diary_051231a.html" title="朝顔日記 - Stylish いいよ" rel="external">朝顔日記 &#8211; Stylish いいよ</a></li>
</ul>
<p>Stylish のダウンロードは下記のサイトからどうぞ。</p>
<p><a href="https://addons.mozilla.org/firefox/2108/" title="Stylish :: Mozilla Add-ons :: Add Features to Mozilla Software" rel="external"><img src="http://img.simpleapi.net/small/https://addons.mozilla.org/firefox/2108/" alt="Stylish :: Mozilla Add-ons :: Add Features to Mozilla Software" width="128" height="128" hspace="4" vspace="4" border="0" /></a><br /><a href="https://addons.mozilla.org/firefox/2108/" title="Stylish :: Mozilla Add-ons :: Add Features to Mozilla Software" rel="external">Stylish :: Mozilla Add-ons :: Add Features to Mozilla Software</a></p>
<p>肝心の Stylish を使った場合の設定の仕方。</p>
<p><a href="http://wp.graphact.com/wp-content/uploads/2006/09/Stylish.gif" class="lightview" title="Stylish"><img src="http://wp.graphact.com/wp-content/uploads/2006/09/_Stylish.gif" width="200" height="142" alt="Stylish" title="Stylish" class="img" /></a></p>
<p>Stylish を使った場合は、</p>
<ol>
<li>Stylish の画面から新規にスタイルを作成する画面を出します。</li>
<li>
上の画像のような感じに <a href="http://www.supernova00.biz/userchrome.html" title="Firefox - Tips &#038; Tricks" rel="external">Firefox &#8211; Tips &#038; Tricks</a> の「Rollover Searchbar」の CSS をコピペしてあげれば OK 。
</li>
<li>「適用」ボタンを一応押して、「保存」ボタンを押す。これだけ！</li>
<li>Firefox 本体の見た目を変える目的でも、再起動なしで適用できる Stylish ですが、このサーチボックスを表示・非表示とする場合には再起動しないと適用されないようです。と、いうことで Firefox を再起動。</li>
</ol>
<p>私はGoogle ツールバーを入れているので、そのままだと検索ボックスが 2 個になってしまいます。<br />
これが結構見た目にうるさくて、ウーンいまいち、というかんじの見た目に :roll:</p>
<p>かといって、デフォルトの検索ボックスも使いたいので消したくはなく…（わがまま）。この Tips はただ CSS でちょっと調整しているだけですが、なかなか見た目もすっきりするし良いかんじ。難点というと、マウスカーソルが上にないとサーチボックスが表示されないので、ショートカットを使ってサーチボックスへ飛んで使うのが厳しいあたりですね。</p>
<p>ショートカットをよく使うなら、検索ボックスを目立たないように背景色とボーダーを CSS で設定してあげるのがいいかもですね。</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2006/09/23/60/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ファイル、編集、などのメニューを取捨選択して表示させる</title>
		<link>http://wp.graphact.com/2006/09/23/59/</link>
		<comments>http://wp.graphact.com/2006/09/23/59/#comments</comments>
		<pubDate>Sat, 23 Sep 2006 08:17:11 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Customize]]></category>

		<guid isPermaLink="false">http://www.graphact.com/memo/2006/09/23/94</guid>
		<description><![CDATA[I love Firefox !! なので、Firefox 関連のことを書こうと思いつつ早数ヶ月。やっと書くにいたりました。 まずは私の Firefox の SS を載せてみます。 これから少しずつ、気に入ってる拡張など [...]]]></description>
			<content:encoded><![CDATA[<p>I love Firefox !! なので、Firefox 関連のことを書こうと思いつつ早数ヶ月。やっと書くにいたりました。<br />
まずは私の Firefox の SS を載せてみます。<br />
これから少しずつ、気に入ってる拡張など紹介できたらなあと思います。</p>
<p><a href="http://wp.graphact.com/wp-content/uploads/2006/09/ff.gif" class="lightview" title="Firefox"><img src="http://wp.graphact.com/wp-content/uploads/2006/09/_ff.gif" width="250" height="192" alt="Firefox" title="Firefox" class="img" /></a></p>
<p>※注意・上の元画像は横幅 800px 超えで大きいです</p>
<p>拡張が増えてきたり、自分なりに使いやすく Firefox をカスタムしていくと、<br />
ツールバーまわりがごちゃごちゃしてくることも多いかと思います。<br />
そんなツールバーまわりをスッキリさせる拡張をご紹介。<br />
Firefox のツールバーまわりをスッキリさせる その 1　。</p>
<h2>メニュー部分の取捨選択表示が可能「Compact Menu」</h2>
<p>拡張「Compact Menu」を使うことでメニュー部分の取捨選択表示が可能です。<br />
ダウンロードは以下のサイトから。</p>
<p><span id="more-59"></span></p>
<p><a href="https://addons.mozilla.org/firefox/19/" title="Compact Menu :: Mozilla Add-ons :: Add Features to Mozilla Software" rel="external" style="background:none;"><img src="http://mozshot.nemui.org/shot?https://addons.mozilla.org/firefox/19/" alt="Compact Menu :: Mozilla Add-ons :: Add Features to Mozilla Software" width="128" height="128" hspace="4" vspace="4" border="0" style="border:none;" /></a><br /><a href="https://addons.mozilla.org/firefox/19/" title="Compact Menu :: Mozilla Add-ons :: Add Features to Mozilla Software" rel="external">Compact Menu :: Mozilla Add-ons :: Add Features to Mozilla Software</a></p>
<p>サイドバーで大体の内容は見てしまうため、ほとんど私はメニュー部分を使いません。<br />
というわけで、Compact Menu で「メニュー」にまとめています。</p>
<p><a href="http://wp.graphact.com/wp-content/uploads/2006/09/ff2.gif" class="lightview" title="メニュー部分"><img src="http://wp.graphact.com/wp-content/uploads/2006/09/_ff2.gif" width="200" height="164" alt="メニュー部分" title="メニュー部分" class="img" /></a></p>
<p>「メニュー」内に表示させる内容も自分で選ぶことができます。私の場合ブックマークは表示させていません（件数が多いので間違えてマウスカーソルが上に乗ってしまっただけでも、すこしラグが出てしまうんで…）</p>
<p>使い方は、ツールバー上で右クリック＞カスタマイズとして「ツールバーのカスタマイズ」画面をだし、「メニュー(M)」を探してメニュー部分にドラッグ＆ドロップするだけです。今あるメニュー類は自力で消さなくても、「完了」ボタンを押せば勝手に消えますので大丈夫です。</p>
<p>もし元にもどしたいときは、「メニュー(M)」を「ツールバーのカスタマイズ」画面にドラッグ＆ドロップ。何もない状態になりますが、「完了」ボタンを押せば元のメニューが出ますので問題ありません。</p>
<p>これでだいぶスッキリします。もしメニュー部分をあまり使わないのならお勧めです。<br />
<br style="clear:both;"></p>
<h2>ポップアップ部分の表示内容をカスタムする「Menu Editor」</h2>
<p>また、拡張をたくさん入れていると　メニュー＞ツール　が長くなりすぎてしまったりします。右クリックでもいろいろ余計なものが表示されて使いにくくなることもあります。そんなときは「Menu Editor」で表示させるものを選ぶといい感じです ;)</p>
<p><a href="http://wp.graphact.com/wp-content/uploads/2006/09/menu-editor.gif" class="lightview" title="Menu Editor"><img src="http://wp.graphact.com/wp-content/uploads/2006/09/_menu-editor.gif" width="158" height="200" alt="Menu Editor" title="Menu Editor" class="img" /></a></p>
<p>こんなかんじの見た目で、表示内容を選択できます。<br />
並び順も入れ替えられるし、ほかのメニュー内容から表示内容を移すことも可能です。（ex. よく使う○○は上のほうに持ってきて、これはブックマークで表示ではなくてツールで表示に変更しよう、等）</p>
<p>ダウンロードは以下のサイトから。</p>
<p><a href="http://menueditor.mozdev.org/" title="mozdev.org - menueditor: index" rel="external" style="background:none"><img src="http://mozshot.nemui.org/shot?http://menueditor.mozdev.org/" alt="mozdev.org - menueditor: index" width="128" height="128" hspace="4" vspace="4" border="0" style="border:none;" /></a><br /><a href="http://menueditor.mozdev.org/" title="mozdev.org - menueditor: index" rel="external">mozdev.org &#8211; menueditor: index</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2006/09/23/59/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

