ホーム > アーカイブ > 2007年12月12日のアーカイブ

2007年12月12日のアーカイブ

行番号がすべて1

投稿字にビジュアルエディタで連番のでる箇条書きスタイルを選んで、保存して公開されたページを見ると、なぜか1が続いている。

1.
1.
1.

検索していたらhttp://www.trekdevel.net/archives/123に解決策が書いてあった。感謝！
ここでstyle.cssの下線部分を緑字のようにコメントアウトした。

#content div.post div.storycontent li {
 margin-left: 30px;
 width: 85%;
}
↓
#content div.post div.storycontent li {
 margin-left: 30px;
 /*width: 85%;*/
}

 このようになりました。

  1. テスト
  2. テスト
  3. テスト

カレンダーの高さ

カレンダーの高さが間のびしてみえるので、高さを縮めた。

line-height: 120%;

これをカレンダーのtdタグ（日付）とthタグ（曜日）のデザインを設定しているスタイルシート（style.css）に設定した。

Snap Shotsでサイトをプレビュー

リンク先のページを小さな画面のなかでプレビューする機能をインストールしてみた。他所のブログで頻繁に目にするので、このサイトで取引様サイトをきれいに表示できると面白いなと思い、さっそく検索。
英語のインストール記事はあったけれど、実際と違っていてよくわからないので、いつもの勘と経験でやってみた。WordPressにはプラグインもあるのでそれを利用することにした。

1. Snap Shots サイトで会員登録する
http://www.snap.com/snapshots.php
後でプラグインに設定する「Snap Shots Key」を得るためにここで会員登録をする。
メールアドレスとサイトなどの必須項目のみ記述して登録を済ませる。 
オプションなどはわからないので、デフォルトで進めていく。

2.Snap Shots Keyをどこかにコピーしておく
登録が完了すると画面にJavaScriptが表示される。この中の32文字の半角英数字の文字列をコピーしておく。

3. プラグインのインストールと設定
http://wordpress.org/extend/plugins/snap-shots-for-wordpressorg/
プラグインをダウンロードしたら、展開してディレクトリごとpluginsディレクトリ以下に設置する。

4. 管理画面で有効化
管理画面でプラグインを有効化したら、設定メニューの下にSnap Shotsができているのでそこをクリックして画面が表示されたら、「Enter Your Snap Shots Key:」に手順2で取得したSnap Shots Keyを設定します。他のオプションはわかるところだけ変更してください。意味がわからなければとりあえずそのままにしておき、ページの一番下のSave Optionsをクリックして設定を更新します。

これで、WordPress内の各ページにある外部リンクにSnap Shotsによりプレビュー画面が表示されます。

ホーム > アーカイブ > 2007年12月12日のアーカイブ

osCommerceなどオープンソースによるサイト構築をお引き受けします。


お見積もり・作業依頼はTHE Worksの見積もり・作業依頼ページからご連絡ください。またはinfo@ynagata.comまで直接どうぞ。

検索
Twitter
最近の記事
カテゴリー
カレンダー
« 2007 年 12月 »
M T W T F S S
          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            
タグクラウド
フィード
メタ情報

ページの上部に戻る