<?xml version="1.0"?>
<rss version="2.0">
	<channel>
		<title>ＳＩＲＩＵＳカスタマイズ講座</title>
		<link>http://siriuscustimize.free-lifebusiness225.com/</link>
		<description></description>
		<language>ja</language>
		<pubDate>Sat, 20 Jan 2018 21:52:44 +0900</pubDate>
		<lastBuildDate>Sat, 20 Jan 2018 21:52:44 +0900</lastBuildDate>
		<item>
			<title>シリウスでマウスオーバー時に画像を切り変える方法</title>
			<link>http://siriuscustimize.free-lifebusiness225.com/entry15.html</link>
			<description><![CDATA[
サイトを見ているときにふと気になった画像やボタンにマウスを置くと色や画像が変わったりするのを見たことはありませんか？例えばこういうものです↓↑緑からオレンジ色に変わるのがわかりましたか？ボタンだけでなく、画像でもマウスオーバーすると変化をします。↓画像だと結構面白いですね＾＾こんなふうにマウスオーバーで画像が切り替わる方法についてお話していきます。
			]]></description>
			<pubDate>Sat, 20 Jan 2018 19:58:34 +0900</pubDate>
			<guid isPermaLink="true">http://siriuscustimize.free-lifebusiness225.com/entry15.html</guid>
		</item>
		<item>
			<title>シリウスでカーソルを置くとリンク画像が動くように設定する方法</title>
			<link>http://siriuscustimize.free-lifebusiness225.com/entry14.html</link>
			<description><![CDATA[
よくサイトで、画像にマウスのカーソルを置くと下にぴょこっと凹むように動く仕様を見たことはありませんか？例えば、こういうものです↓↑この画像にマウスのカーソルを持ってくると「ぴょこっと」凹みます＾＾画像や文字にマウスのカーソルを合わせることをマウスオーバーと呼びます。こんなふうに動くとちょっとクリックしたくなりますよね（笑）マウスオーバーでリンクされた画像がぴょこっと動く仕様にする方法についてお伝えします。
			]]></description>
			<pubDate>Sat, 20 Jan 2018 19:15:54 +0900</pubDate>
			<guid isPermaLink="true">http://siriuscustimize.free-lifebusiness225.com/entry14.html</guid>
		</item>
		<item>
			<title>シリウスにＧｏｏｇｌｅ　Ｓｅａｒｃｈ　Ｃｏｎｓｏｌｅを設置する方法</title>
			<link>http://siriuscustimize.free-lifebusiness225.com/entry13.html</link>
			<description><![CDATA[
Google Search Console とは、Googleが無料で提供しているサイトの管理ツールです。これに登録しておくとサイト内のクリック数どういうキーワードで検索してやってきたのか？自分のサイトの検索順位が何位に表示されているのか？などがわかります。つまりは、自分のサイトの現状がよくわかり改善点も見つけやすいということです。アフィリエイトサイトをやるならGoogleアナリティクスとともに必須の無料ツールです。以前はウェブマスターツールと呼ばれていましたが、2015年５月からは「Google Search Console」という名前に変更されています。Google Search Consoleの意味とシリウスへの登録方法は私のメインブログで解説していますのでそちらをご覧ください。↓↓↓Google Search Consoleをシリウスに登録する方法
			]]></description>
			<pubDate>Sat, 20 Jan 2018 16:43:00 +0900</pubDate>
			<guid isPermaLink="true">http://siriuscustimize.free-lifebusiness225.com/entry13.html</guid>
		</item>
		<item>
			<title>シリウスにグーグルアナリティクスを設置する方法</title>
			<link>http://siriuscustimize.free-lifebusiness225.com/entry12.html</link>
			<description><![CDATA[
サイトを運営するなら、必須とも言えるアクセス解析。一番おすすめなのはGoogleアナリティクスです。今回は、シリウスへGoogleアナリティクスを設置する方法についてお話をしていきます。設置の方法は２通りありますが、今では２つ目にお話する方法のほうが簡単にできておすすめです。
			]]></description>
			<pubDate>Sat, 20 Jan 2018 15:48:05 +0900</pubDate>
			<guid isPermaLink="true">http://siriuscustimize.free-lifebusiness225.com/entry12.html</guid>
		</item>
		<item>
			<title>シリウスでマウスオーバーしたら画像の色が薄くなる方法</title>
			<link>http://siriuscustimize.free-lifebusiness225.com/entry11.html</link>
			<description><![CDATA[
シリウスでマウスオーバーしたら、リンク付きの画像の色が薄くなる方法をお伝えします。マウスオーバーとは？ネット上の画像などにマウスのポインターを重ねることマウスオーバーを設定するにはスタイルシートを少しだけいじります。style.cssを選択し、下記のコードを探します。a img {      border: none;      text-decoration: none;}このコードの下に下記のコードを追加します。a img:hover {         opacity: 0.7;         filter: alpha(opacity=70);}このコードの意味ですが「リンクの付いた画像にマウスオンした際には透明度を10（完全不透明）から0.7（30%だけ透明になる）に変更する」という意味です。もし、透明度を40%にしたい時は0.7を0.6に、70を60に変更します。追加した状態がこんな感じです↓これで【保存】をクリックします。たったこれだけです。試しに下記の画像にマウスポインターを合わせてみてください↓少し白っぽくなるのがわかりますか？これでもいいのですが、もう少しゆっくりめにほわっと変わるように設定してみたいと思います。先程のa img {border: none;text-decoration: none;}の中に下記のコードを追記します。-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;この意味は 0.2秒かけて色を変化させるという意味です。もっとゆっくりにしたい時は0.2の部分をを全て0.5などに数字を大きくして変えていきます。最終的には下記のような記述になります↓a img {	border: none;	text-decoration: none;	-webkit-transition: 0.2s ease-in-out;	-moz-transition: 0.2s ease-in-out;	transition: 0.2s ease-in-out;}a img:hover {	opacity: 0.7;	filter: alpha(opacity=70);}実際のスタイルシートはこんな感じです↓これでリンクの付いた画像には全て適用されます。あくまでリンク付きの画像のみです。リンクが付いていない画像には適用されませんのでご注意をこの色が薄くなるだけでクリック率を上げることができます。アフィリリンクなどに使うと有効ですよ＾＾
			]]></description>
			<pubDate>Sat, 20 Jan 2018 13:46:25 +0900</pubDate>
			<guid isPermaLink="true">http://siriuscustimize.free-lifebusiness225.com/entry11.html</guid>
		</item>
	</channel>
</rss>
