次のページ| PAGESELECT | 前のページ

≫ EDIT

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

| スポンサー広告 | コメント(-) | トラックバック(-) | 次のページ

≫ EDIT

Blogのカスタマイズ その1

【開発部の日記】
・Blogのテンプレートをソースレベルでカスタマイズ(修正)しました。

①エントリー(各記事)の上下の余白を修正しました。
②「READ MORE」を「続きを読む」という文言に修正しました。
③コメントの「URL」が別ウィンドウで開くように修正しました。
エントリーのタイトルと本文の余白の修正ができませんでした。
 誰か教えてください・・・_| ̄|○


テンプレートのカスタマイズ(修正)の詳細を知りたい方は「続きを読む」



エントリー(各記事)の上下の余白の修正について

エントリーの最後の文章や「続きを読む」と、
エントリー最下段の| 開発部 | 03:03 | comments(0) | trackbacks(0) | TOP↑までの余白が大きいと感じたため、余白の数値を修正しました。

スタイルシートを読み解くために、いくつかの数値を変更して実際の画面の変化を確認。
「スタイルシートの編集」から、以下のソース赤字の部分を修正。

【ソース】
.entry_body {
font-family: Verdana, "MS Pゴシック", Osaka, sans-serif;
font-size: 80%;
line-height: 140%;
margin-bottom: 45px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

※45px→20pxに修正。


「READ MORE」から「続きを読む」の文言修正について

「HTMLの編集」から、以下のソースの赤字の部分を修正。

【ソース】
<!-- 続きを読む -->
<!--more_link-->
<div class="entry_more"> <a href="<%topentry_link>#more">≫ READ MORE</a> </div>
<!--/more_link-->
<!--more-->
<hr size="1" /><br />
<a name="more" id="more">
<div class="entry_body"><%topentry_more></div>
<!--/more-->
<!-- 続きを読む END -->


コメントの「URL」が別ウィンドウで開く修正について

テンプレートの初期状態では、コメント欄の「URL」をクリックすると、同一ウィンドウ内がリンク先に変わってしまいましたが、別ウィンドウで開くように修正しました。

「HTMLの編集」から、以下のソースの赤字の部分を、変更ソースに修正。

【ソース】
lt;!--comment-->
<div class="c_title"><a id="comment<%comment_no>" name="comment<%comment_no>"></a><%comment_title></div>
<div class="c_entry_body"> {comment_description}</div>
<p class="entry_state_comment"> | {comment_name} | {comment_time} | <%comment_url+str> | ≫ <a href="<%comment_edit_link>">EDIT</a></p>
<!--/comment-->

【変更ソース】
<script type="text/javascript"> a="<%comment_url>"; if (a!="")document.write('<a href="'+a+'" target="_blank">URL</a>')</script><noscript><a href="<%comment_url> "target="_blank">URL</a></noscript>


※一般人の私には難易度が高かったので、検索してソースを手に入れました。
つらつら 「コメントのリンク(URL)を別窓(新窓)で開く」
スポンサーサイト

| 開発部 | comments(5) | trackbacks(0) | 次のページ

COMMENT

えーと、初代一般人だったんですか?
IT土方休業中の私よりよっぽど玄人っぽいですがw

>③コメントの「URL」が別ウィンドウで開くように修正

・・・いただいていきますm(__)m

| なな | 2006/01/25 14:26 | | ≫ EDIT

どうやらウチのブログでは対応してないらしい orz
まぁ仕方ないかぁ。

| なな | 2006/01/25 14:36 | | ≫ EDIT

>ななさん

私のIT系知識はすべて独学ですよー。
シンクロナイズド★タルを結成してからHPを作成して、HTMLとCGIを勉強して、Linuxのサーバを立ち上げて、画像の加工・編集、動画の録画・エンコード・編集、HP上での掲載まで、約2年間かけて今のレヴェルなのです。
ネット上で他の人が解説ページを作ってくれているものを参考にしてきただけなので、知識はぐちゃぐちゃですけど^^;

ちなみに、「リンクを別枠で開く」というのは、HTMLの初歩的な仕組みなので、HTML、CSSで構成されているブログによって違いはないと思います。
CSSのソースで「URL」を規定している部分を特定できれば、反映できるはずですよ^^

| ふぉーす@シンクロたる | 2006/01/25 15:27 | | ≫ EDIT

こんにちは。先日の公演楽しませていただきました^^

余白の件ですが、ソースとcss見たところ、

.entry_title {
margin-bottom: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-image: url(http://blog2.fc2.com/h/hiyokokun/file/dog_t.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: 27px;
}

の赤字部分の数値を小さくすればOKかと。

| ゴルド | 2006/01/26 13:12 | | ≫ EDIT

おお!釣りとガルカの関係のゴンゾさん!!
アドバイスありがとうございます!
無事、変更できました!
こんな簡単なところを見落としていたとは!(;´▽⊂)

Blogはこうして、すぐにコメントがつくから便利ですね!

| ふぉーす@シンクロたる | 2006/01/27 08:12 | | ≫ EDIT















非公開コメント

TRACKBACK URL

http://fourthcompany2.blog24.fc2.com/tb.php/4-e5e31344

TRACKBACK

次のページ | PAGESELECT | 前のページ

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。