アルテム・グレベニューク のウェブサイト

私の サイトのテーマ設定に関するすべての質問を1つのトピックに配置することにしました。

Vkontakteから意見を求めるためにここに送られました。

すぐに本題に入ります。

Drupalをテーマ設定しています。Page.tpl.php は問題なく作成しました。

Node.tpl.php で問題が発生しました

与えられたもの:

CSS

.node#wrapper{width:720px; margin:0 auto;}
.node#title{height:20px; width:720px; font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#37B700;}
.node#title::first-letter{text-transform:uppercase}
.node#title a{color:#37B700; text-decoration:none;}
.node#title a:hover{color:#37B700; text-decoration:underline;}
.node#posttitle{height:10px; width:720px; font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#AAA;}
.node#posttitle::first-letter{text-transform:uppercase}
.node#posttitle a{text-decoration:none}
.node#posttitle a:hover{text-decoration:underline}
.node#img{float:left; margin-right:5px;margin-bottom:5px; border:ridge 2px #CCC}
.node#comments{display:block; width:50px; height:60px; float:right; margin-left:5px; margin-bottom:5px; background:url(images/comment.png); font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:24px; text-decoration:none; text-align:center;}
.node#comments p{ margin-top:13px;}
.node#more{background-image:url(images/more.png);display: block;float: right;height: 28px;line-height: 24px;margin-left: 5px;font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px;text-decoration:none; text-align:center;width: 85px;}
.node#content{width:720px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify;}
.node#post{width:738px; height:8px; margin-left:-8px; background:url(../images/postnode.png); clear:both; margin-top:35px; background-repeat:repeat-x; margin-bottom:6px;}
.node#tagsnode{float:left; margin-top: 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.node#tagsnode a{color:#37B700; text-decoration:none;}
.node#tagsnode a:hover{color:#37B700; text-decoration:underline;} 

HTML

<div class="node" id="wrapper">
<div class="node" id="title">単なるテキスト <a href="#">リンク</a></div>
<div class="node" id="posttitle">単なるテキスト <a href="#">リンク</a></div>
<hr width="100%" size="3">
<div class="node" id="img"><img src="logo.png" /></div>
<a href="#" class="node" id="comments"><p>56</p></a>
<div class="node" id="content">ワールドワイドウェブは、世界中に配置されたインターネットネットワークの数百万のWebサーバーで構成されています。Webサーバーは、ネットワークに接続されたコンピュータで実行され、HTTPプロトコルを使用してデータを送信するプログラムです。最も単純な形式では、そのようなプログラムはネットワークの特定のリソースに対するHTTPリクエストを受け取り、ローカルハードディスク上の対応するファイルを見つけて、それをネットワーク経由でリクエストしたコンピュータに送信します。より複雑なWebサーバーは、HTTPリクエストに応じてリソースを動的に配布できます。ワールドワイドウェブでリソース(通常はファイルまたはその一部)を識別するために、統一リソース識別子URI(Uniform Resource Identifier、英語)が使用されます。ネットワーク内のリソースの場所を決定するために、統一リソースロケーター URL(Uniform Resource Locator、英語)が使用されます。そのようなURLロケーターはURI識別子技術とDNSドメイン名システム(英語ドメイン名システム)を組み合わせます-ドメイン名(または直接的なIP アドレスの数値表記)はURLの一部であり、必要なWebサーバーのコードを実行するコンピュータ(より正確には、そのネットワークインターフェイスの1つ)を示します。
クライアントコンピュータでWebサーバーから受け取った情報を表示するために、特別なプログラムWebブラウザが使用されます。Webブラウザの主な機能は、ハイパーテキストを表示することです。ワールドワイドウェブはハイパーテキストとハイパーリンクの概念と不可分に関連しています。ウェブ上の情報の大部分はハイパーテキストそのものです。ワールドワイドウェブでハイパーテキストを作成、保存、および表示することを容易にするために、言語HTML(英語HyperText Markup Language)、ハイパーテキストマークアップ言語が従来から使用されています。ハイパーテキストの マークアップは、タイプセッティング、タイプセッティング、マスターのマークアップをウェブマスターまたはウェブマスター(ハイフンなし)と呼びます。HTMLマークアップ後、結果のハイパーテキストはファイルに配置されます。そのようなHTMLファイルはワールドワイドウェブの主要なリソースです。HTMLファイルがWebサーバーで利用可能になると、「Webページ」と呼ばれるようになります。ウェブページのセットはウェブサイトを形成します。ハイパーリンクがWebページのハイパーテキストに追加されます。ハイパーリンクは、ワールドワイドウェブのユーザーが、リソースがローカルコンピュータに存在するか遠隔サーバーに存在するかに関わらず、リソース(ファイル)の間を簡単に移動するのに役立ちます。ウェブのハイパーリンクはURL技術に基づいています。</div>
<div><div class="node" id="tagsnode">タグ: <a href="#">1つのタグ</a>, <a href="#">2つのタグ</a>, <a href="#">3つのタグ</a></div><a href="#" id="more" class="node">詳細</a></div>
<div class="node" id="post"></div>
</div>

これがどのように見えるか

次に、drupalに統合しています: CSSは同じですが、Node.tpl.php自体(コメント表示などの場所にはまだ到達していません)

<div class="node" id="wrapper">
<div class="node" id="title"><?php if ($page == 0): ?><a href="<?php print $node_url; ?>"><?php endif; ?><?php print $title ?><?php if ($page == 0): ?></a><?php endif; ?></div>
<div class="node" id="posttitle"><?php print $submitted ?></div>
<hr width="100%" size="3">
<?php if ($content[field_image]): ?>
<div class="node" id="img"><?php print render($content['field_image'])?></div>
<?php endif; ?>
<a href="<?php print $node_url; ?>" class="node" id="comments"><p><?php print $comment_count ?></p></a>
<div class="node" id="content"><?php print render($content['body'])?></div>
<div><div class="node" id="tagsnode"><?php print render($content['field_tags']) ?></div><a href="<?php print $node_url; ?>" id="more" class="node">詳細</a></div>
 <?php print render($content['comments']);  ?>
<div class="node" id="post"></div></div>

これがサイトでどのように表示されるか

つまり、1番目の質問です!これらの余分なdivのため、このインデント を削除するにはどうすればよいですか?

2番目の質問!「tags」という単語の代わりに「タグ」という単語が使用され、それらが行に続き、各タグの後に句点があるようにするにはどうすればよいですか?

P.s.    回答では、変更されたコードでどのようなアクション が実行されているかを説明してください。そうすれば、将来同じような問題を自分で解決できます!

P.p.s 登録時にコミック機能のあるキャプチャはどこで入手できますか?

P.p.p.s テーマにコードを挿入した後、通常のテキストで印刷を再開するにはどうすればよいですか?視覚を無効にしてタグを移動する必要がありました。

P.p.p.p.s 管理者さん、「こんにちは、ログイン」フィールドをコンマの後にスペースを挿入してわずかに修正してください!

敬具グレベニューク アルテム