1

このテーマをダウンロードしました。WordPressで「more」タグを追加すると、下部に「Tweet」、「Like」、「Comments」ボタンに沿って「readmore」ボタンが追加されます。

a)投稿の抜粋の後に、「続きを読む」を従来の形式でリンク形式で表示できるようにしたいと思います。

b)次に、「コメント」アイコンをツイートボタンといいねボタンの近くに移動します。

私はCSS/HTMLの知識がまったくないので、助けてくれた人に心から感謝します。

ファイル:

視覚的な指示------> http://bit.ly/WKdMCl

zip形式のテーマ------> http://bit.ly/UovMlW

実行中のテーマの実際のデモンストレーション----> http://bit.ly/HtSIxn

4

2 に答える 2

1

abを実現するには、テーマのコアファイルを編集する必要があります。私はあなたの使いやすさのためにfirebugで何かを試しました。画像を確認してください:http://tinypic.com/r/2jdqds8/6

次のようなものが必要な場合は、1つのファイル(style.css )を編集するだけです。

以下の簡単な手順に従ってください。

  1. Netbeans IDE、Notepad ++、またはワードパッドを使用して、テンプレートディレクトリにあるstyle.cssを開きます。
  2. コード「.post-meta.readmore」(引用符なし)を検索し、以下のコードスニペットに置き換えます。

    .post-meta .readmore {border: 0;padding: 2px 0 10px 12px;margin:0;}

  3. コード「.post-meta.readmorea」(引用符なし)を検索し、以下のコードスニペットに置き換えます。 .post-meta .readmore a {color: #317CC8;display: block;line-height: 15px;padding-left:20px;position: relative;text-decoration: underline;top: -30px;}

  4. コード「.post-meta.comments」(引用符なし)を検索し、以下のコードスニペットに置き換えます。 .post-meta .comments { margin: 3px 0 0 16px; padding: 0 16px 3px 20px; color: #c9c9c9; font-size: 10px; float:left; font-weight: bold; text-transform: uppercase; background: url("images/comments.png") no-repeat left 3px; border:none; }

これにより、画像(リンクとして添付)に示されていることを達成できると確信しています。

于 2012-12-07T13:56:44.157 に答える
1

b)ファイルfloat:right;のcssから削除.post-meta .comments { }style.cssます。

于 2012-12-06T00:03:47.373 に答える