SyntaxHighlighter

2013年5月13日月曜日

【WordPress】カスタマイズの初歩

WordPressを始めたてみたが、テーマを自分の思うようにカスタマイズしたい!

とは、誰でも思うと思いますが、その手掛かりに中々たどり着かない?
解っている人には簡単なことでも、そのきっかけが難関だったりします。

HTMLの記述や、CSSのサイトは多くあるので、変更したい箇所を調べる方法について記載します。


■一番簡単かと思うのは、WEBブラウザで、変更したい箇所を確認する事です。


fierfoxを使用してfierbugで確認した場合、以下のようにクリックした箇所のHTMLとCSSの表示が出来ます。
また、ブラウザ上で変更をテストする事も可能です。

【Firebug使用時のサンプル画面】



1)Firefoxをインストールする
http://www.mozilla.jp/firefox/

2)Firebugをインストールする
https://getfirebug.com/

3)Firefoxを起動し、サイトを表示する

4)Firefoxの右上にある虫マークをクリックする
  →下部にTHMLを表示するエリアが表示されます

5)①矢印をクリックします。

6)サイト内のHTMLの知りたい箇所②をクリックします

7)【Firebug使用時のサンプル画面】にあるように、HTMLやCSSの箇所が表示されます

 この画面上で直接変更して確認もできます。

例)color#333333;
  でカラーを変更するには「#333333;」の部分をクリックして、#fff;」等に変更する

※カラーコードはこちらを参照下さい。

--------------------------------------------------------------
■おまけ

CSSで定義されている場合、指定されているTHMLのクラスやIDを知りたい場合も
同様の手順でHTML表示で確認出来ます。

PHPなどプログラミングされているソースは変更したい箇所を探すのも大変ですが、
IDなどでキーワードが解れば検索もしやすいと思います。

2013年5月12日日曜日

【WordPress】コンテンツスライダーの表示時間

WordPressのカスタマイズをする際、コンテンツ、スライダーの表示時間を変更をしたい。


スライダーの表示時間設定

デフォルトでは表示時間3,000msec(3秒)のため、
5秒にするにはpauseTimeを5000に設定する

ファイル:js/jquery.nivo.slider.js

animSpeed:切り替え時間(msec)
pauseTime:表示時間(mSec)

2013年5月4日土曜日

【山ガール】第一回六甲~有馬

初山ガール実行しました!!

阪急芦屋側駅 集合 : 9:00
有馬温泉    到着 : 16:10

合計登山時間      : 7:10

ちなみに、最年少28歳、最年長40歳の4人での女子会ツアーです。