如何在此WordPress主題中將「閱讀更多」按鈕移動到帖子末尾？

我下載了這個主題，當你在WordPress中添加「more」標籤時，它會在Tweet，Like和Comments按鈕底部添加「read more」按鈕。如何在此WordPress主題中將「閱讀更多」按鈕移動到帖子末尾？

a）我希望能夠在鏈接形式的帖子摘錄之後以其經典形式展示「更多閱讀」。

b）然後在「Tweet」和「Like」按鈕旁邊移動「評論」圖標。

我對CSS/HTML沒有任何認識，並且非常感謝能夠幫助的人。

的文件：

視覺說明------> zip格式------>http://bit.ly/UovMlW

在行動主題的真正示範http://bit.ly/WKdMCl

2012-12-05 John

您將不得不編輯主題核心文件以實現a和b。我嘗試了一些關於螢火蟲的事情，以便你放鬆。檢查圖像：http://tinypic.com/r/2jdqds8/6

如果你想要像，那麼你只需要編輯一個單一的文件，這是的style.css

按照以下簡單說明：

打開風格.css位於Netbeans IDE，Notepad ++或寫字板的模板目錄中。
搜索代碼「員額-元.readmore」（不帶引號），取而代之的是下面的代碼片段：

.post-meta .readmore {border: 0;padding: 2px 0 10px 12px;margin:0;}
搜索代碼」。員額的元.readmore一個「（不含引號），下面的代碼片段替換： .post-meta .readmore a {color: #317CC8;display: block;line-height: 15px;padding-left:20px;position: relative;text-decoration: underline;top: -30px;}
搜索代碼」。員額-元。點評」（不含引號），下面的代碼片段替換： .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; }

我敢肯定，這將實現什麼是體現在圖像（如所附鏈接）。 a）

2012-12-07 13:56:44

非常感謝Aky！ :) – John

一個問題艾奇......是否可以在文本的末尾移動「Read more ...」？ – John

是的，這是非常可能的。但你將不得不玩PHP代碼。你可以在測試服務器上玩它。 –

b）從style.css文件中的css .post-meta .comments { }中刪除float:right;。

2012-12-06 00:03:47 daniel

a）可能更適合租賃編碼論壇。 – daniel

回答