Advertisements
Skip to content
25/07/2011 / ~ Yappa ~

WordPress #7: Page Jump

Nội dung

Page Jump nghĩa là khi bạn click vào một liên kết và ngay lập tức nhảy đến một vị trí nào đó trong bài viết đó hay một bài viết khác. Thử nhé ^^

Click để nhảy

Vì sao lại dùng Page Jump?

Bạn có các chú thích trong truyện và giải thích cho mỗi chú thích đấy lại ở cuối trang. Vậy thay vì để độc giả từ kéo xuống cuối đọc chú thích rồi lại kéo lên để đọc truyện tiếp thì hãy dùng nó để nhảy cho nhanh hơn ^^

Cách tạo Page Jump

Đầu tiên vẫn là chuyển sang chế độ HTML

Một đường dẫn ‘Click me’ được viết như sau:

<a href="#abc-def">Click me</a>

Để ý cái sau dấu thăng (#) nhé

Nơi đường dẫn trên nhảy đến sẽ được viết như sau:

<a name="abc-def"></a>

#abc-def trùng với name="abc-def"

Như vậy tức là bạn có thể có

<a href="#def-ghi">Nhảy 2</a>

Để nhảy tới một địa điểm thứ 2

<a name="def-ghi"></a>

Cứ như thế bạn có thể làm bao nhiêu cái Page Jump cũng được :D

Vẫn chưa rõ, vậy sẽ xem một ví dụ chi tiết hơn nhé \(^ ^)/

Bài viết được đưa ra làm ví dụ là bài này

Code ví dụ của phần này

<h4 style="text-align: center;">Văn án</h4><a name="1"></a>
Hắn Lưu Tích Tứ, sinh ra miệng đã ngậm thìa vàng <a href="#0">(1)</a>,
Trên có hoàng gia gia, phụ hoàng, phụ vương cùng vương thúc nâng đỡ, dưới có thái tử ca ca, Vận phường Vanh thân vương làm chỗ dựa,
Chưa kể bản thân hắn lại là Hiển thân vương được muôn vàn sủng ái.<a name="2"></a>
Lúc trước phụ hoàng ban cho hắn danh hiệu này vì chính là muốn cho hắn cả đời phúc phúc an an, làm một vương gia tự tại nhàn nhã <a href="#0">(2)</a>.
Có thể nói thiên hạ hiện nay ngoại trừ một người ra, cho dù là phụ hoàng, hắn cũng dám ở ngoài miệng lão hổ nhổ râu.
Nhưng một Ly Nghiêu này lại khiến cho hắn hứng thú, để hắn không ý thức mà lâm vào cạm bẫy sẵn của y,
Chờ khi hắn phát giác, hắn đã sớm bị đối phương gắt gao bắt được.
Hắn mặc kệ! Hắn mới không muốn giống như phụ thân, Hãn Triệt đâu.<a name="0"></a>
Chú thích
(1) được sinh ra trong gia đình giàu có <a href="#1">↑</a>
(2) "Hiển" trong "Hiển thân vương" có nghĩa là vinh hiển, hiển đạt, hiển hách <a href="#2">↑</a>

Còn gì chưa hiểu thì cứ tự nhiên hỏi na \( ̄▽ ̄)/

Nào, giờ thì click để quay lại chỗ cũ ^^

https://tieuxuyen.wordpress.com/meo-wordpress/

Advertisements

109 phản hồi

Gửi bình luận
  1. Tiểu Bi Bi hồn nhiên / Th7 25 2011 10:37 Chiều

    Tks bạn yappa nhiều nhiều, cái này rất có ích cho mình :*:*:*

    Số lượt thích

  2. Mi krazy / Th7 25 2011 11:06 Chiều

    Ui, thank nàng nhiều. Nhân tiện nàng cho ta hỏi, nàng biết làm giống vầy nhưng trong word không ?___?

    Số lượt thích

  3. ~ Yappa ~ / Th7 25 2011 11:14 Chiều

    Trên mạng có sẵn hướng dẫn rồi, nàng xem ở đấy luôn nhé ^^

    Link đây

    Liked by 1 person

  4. Trần Nguyệt Ly / Th8 11 2011 5:47 Chiều

    Thanks cái bài này của nàng lắm lắm!!!!

    Số lượt thích

  5. Trần Nguyệt Ly / Th8 11 2011 5:51 Chiều

    Hi, nàng có cái code nào để tránh (làm khó hơn cũng được) để người đọc khó khăn copy text trong blog của mình không?

    Ta lướt vài blog thấy không copy được text nên muốn biết cách làm giống vậy.

    Liked by 2 people

    • ~ Yappa ~ / Th8 11 2011 7:47 Chiều

      WordPress không có chức năng ấy nàng ạ, chỉ có blog trên host riêng mới có thôi

      Ta chỉ có cách làm khó ng khác khi copy thôi, còn nếu biết thì vẫn copy được ^^

      Số lượt thích

  6. khuyên / Th11 29 2011 11:14 Chiều

    Mình vẫn chưa hiểu lắm. Mình muốn nhảy sang 1 link web khác ví dụ như link này http://lily19.wordpress.com/2011/11/29/doi-di%E1%BB%81u-c%E1%BA%A7n-chu-y-khi-b%E1%BA%AFt-tay-edit-truy%E1%BB%87n/
    Bạn làm mẫu giúp mình được k?

    Thanks

    Số lượt thích

    • ~ Yappa ~ / Th11 29 2011 11:33 Chiều

      nhảy link qua web khác thì bạn paste thẳng địa chỉ đó vào là wordpress tự nhận thôi ^^

      hoặc nếu bạn muốn link có dạng bấm vào chữ bất trang đó, ví dụ như, bấm vào chữ Click here để nhảy, bạn làm như sau

      mở 1 bài viết mới, gõ Click here; bôi đen chữ Click here, chọn biểu tượng Insert/edit Link hoặc bấm Alt-Shit-A, làm theo chỉ dẫn trong đó là đc ^^

      Số lượt thích

  7. Tuyết Tử Thu / Th12 3 2011 5:35 Chiều

    Chị ơi em cũng chưa làm được >.<
    Em làm như chị hướng dẫn, sau chỗ cần chú thích thì để (1), sau chú thích thì để mà vẫn không được chị à T.T

    Cụ thể như ở đây ạ:

    Ta đương nhiên vẫn nhớ Tam di nương. Cẩn nương từng kể người được gả cho một tướng quân, nói vậy cuộc đời y cũng là một bi kịch giống như ta. Ta nhìn Ngân Mặc đang đứng đằng sau Ám Toán, thấy trong mắt y là ý đề phòng ngờ vực, cùng với dung mạo lãnh nhược băng sơn(1), đột nhiên cảm thấy thương hại cho y.

    (1) lãnh nhược băng sơn: lạnh tựa băng giá

    Em sai ở đâu hả chị??? T.T

    Số lượt thích

    • ~ Yappa ~ / Th12 3 2011 5:45 Chiều

      em chưa đặt chỗ để nhảy đến rồi ^^

      với ví dụ của em thì để thế này nhé ^^

      <a name="1"></a>Ta đương nhiên vẫn nhớ Tam di nương. Cẩn nương từng kể người được gả cho một tướng quân, nói vậy cuộc đời y cũng là một bi kịch giống như ta. Ta nhìn Ngân Mặc đang đứng đằng sau Ám Toán, thấy trong mắt y là ý đề phòng ngờ vực, cùng với dung mạo lãnh nhược băng sơn <a href="#0">(1)</a>, đột nhiên cảm thấy thương hại cho y.
      <a name="0"></a>
      (1) lãnh nhược băng sơn: lạnh tựa băng giá  <a href="#1">↑</a>

      Số lượt thích

  8. honglaucac / Th12 15 2011 7:12 Chiều

    cái này khó hiểu quá @_@
    để ta về làm thử đã =___=
    cảm ơn nàng

    Số lượt thích

  9. honglaucac / Th12 15 2011 7:31 Chiều

    VD cả bài ta có đúng 1 chú thích là [1] vậy thì trong code ta sẽ phải chèn 4 lệnh


    (1)


    VD : Đoạn văn
    Quân tử hảo cầu [1]
    ..
    [1] Quân tử hảo cầu là …

    Chèn vô :

    Quân tử hảo cầu [1](1)
    ..
    [1] Quân tử hảo cầu là …↑

    có đúng ko hả nàng?

    nếu có từ 2 chú thích trở lên thì làm giống trên kia, nhưng sao ta chỉ thấy 3 lệnh có số 2? ko phải 4 mỗi cái à, 2 lệnh ở đầu và cuối mỗi câu dùng làm địa điểm nhảy ?_?

    Số lượt thích

  10. ~ Yappa ~ / Th12 16 2011 9:48 Chiều

    có 1 chú thích thì nàng làm như trong này

    mỗi cái chú thích sẽ có các thẻ sau gắn với nó:

    • liên kết đặt ở số (1), (2), vân vân,…; liên kết này dẫn tới vị trí chú thích chung
      ở ví dụ trong bài viết thì nó là lệnh này

      <a href="#0">(1)</a>

    • thẻ đặt tại vị trí muốn nhảy về từ chú thích chung, tức là khi bấm vào liên kết ↑ ở chú thích chung thì nó sẽ nhảy về điểm này
      ở ví dụ trong bài thì nó là

      <a name="1"></a>

      thẻ này nên đặt trước đoạn chứa chú thích đó

    tại chú thích chung sẽ có các thẻ sau đây

    • thẻ đặt tại vị trí muốn nhảy đến (ở đây chính là chú thích chung), được đặt trước chữ “Chú thích”
      ở ví dụ trong bài thì nó là

      <a name="0"></a>
      Chú thích

    • liên kết quay lại, được đặt tại dấu ↑; liên kết này sẽ dẫn đến vị trí đã được đặt trước trong thẻ <a name="1"></a>
      ở ví dụ trong bài là

      <a href="#1">↑</a>

    Số lượt thích

  11. Nguyên / Th12 17 2011 2:14 Sáng

    Trước đây ta có thấy vài mẫu code kiểu tương tự mà làm hoài không được, vừa hay hôm nay thấy trang này của này, mới thử xong rất là ok xD~

    Cám ơn nàng rất nhiều ^^

    Số lượt thích

  12. Rainy Lyn / Th2 7 2012 11:07 Chiều

    Bạn ơi cho mình hỏi, bạn có biết cách chú thích một hàng chữ mà khi di chuột đến hàng chữ đó, chú thích đó sẽ hiện ra trong một khung nhỏ, và con chuột biến thành mũi tên có dấu chấm hỏi không?

    Số lượt thích

    • ~ Yappa ~ / Th2 7 2012 11:34 Chiều

      mũi tên biến thành dấu chấm hỏi thì mình không biết, nhưng di chuột tới chữ hiện ra chú thích thì mình biết, cơ mà như thế thì các bạn trên di động không đọc được chú thích đó đâu bạn ạ ‘_’

      well, nếu bạn cần thì bảo, mình chỉ cho

      Số lượt thích

  13. Rainy Lyn / Th2 8 2012 7:49 Sáng

    ừhm chỉ cho mình đy ^^

    Số lượt thích

  14. ~ Yappa ~ / Th2 8 2012 8:11 Chiều

    Bây giờ mình mới để ý, có dấu hỏi chấm thật :P

    <abbr title="Nội dung chú thích">Text cần chú thích</abbr>

    Ví dụ: Text cần chú thích

    Số lượt thích

  15. Rainy Lyn / Th2 8 2012 8:49 Chiều

    Cảm ơn bạn nhiều ^^…

    Số lượt thích

  16. ÍìíÌ Mar ÍìíÌ / Th5 18 2012 8:15 Chiều

    Bạn ơi, xao chuyển qua HTML mà vẫn không thấy chỗ “Click me” là thế lào?

    Số lượt thích

  17. coman1 / Th8 23 2012 3:03 Chiều

    xin loi nhug ta khong biet cach lap muc luc rieng cho tung truyen nhu the nao ca.ban co the giup to duoc khong

    Số lượt thích

    • ~ Yappa ~ / Th8 23 2012 11:52 Chiều

      bạn tạo trang mới, trong trang này, bạn dẫn liên kết tới từng chương trong truyện là đc, như hướng dẫn trong này

      còn nếu ko thì bạn có thể tham khảo cách này

      Số lượt thích

  18. tieuphungshop / Th8 28 2012 11:47 Sáng

    Xin chào chị ~ Yappa ~ !!
    Mình thấy chị trình bày bài viết này có nhiều thủ thuật hay; ví dụ như:
    1. Chị tạo list nội dung (giống như mục lục để jump đến mục đó trong bài cho nhanh)
    2. Ở phần có view source > khi click vào mới hiện thông tin text ra
    3. Chị insert đoạn ví dụ {text} mà khi click vào có , , ..

    Mong chị hướng dẫn cách làm với. Cảm ơn chị nhiều nhiều …

    Số lượt thích

    • ~ Yappa ~ / Th8 28 2012 11:32 Chiều

      Chào bạn.
      1. Về phần nội dung, thì ngay như trong bài này đã hướng dẫn, mình sử dụng Page Jump để làm
      2. Với view source, mình sử dụng code sau

      [sourcecode collapse="true"]
      Nội dung
      [/sourcecode]

      3. Mình không hiểu ý của bạn lắm
      Thân

      Số lượt thích

  19. tieuphungshop / Th8 30 2012 8:57 Sáng

    Cám ơn ~ Yappa ~ nhiều nhiều nè,

    Ở câu hỏi 3 > ý của mình là làm sao chị insert được nhiều đoạn ví dụ dạng text _ cho phép người đọc có thể copy… (giống như câu hỏi 2 đó).
    Chị dùng code nào vậy nè?

    Số lượt thích

    • ~ Yappa ~ / Th8 30 2012 10:14 Sáng

      câu 3 cũng dùng code tương tự như câu 2 ấy bạn ạ, chỉ bỏ đi phần collapse dùng để view source thôi

      [sourcecode]
      Nội dung
      [/sourcecode]

      Số lượt thích

  20. tieuphungshop / Th8 30 2012 10:37 Sáng

    Cám ơn chị nhiều nhiều !

    Số lượt thích

  21. ss ơi, làm phần nội dung bên góc phải như nào ạh?

    Số lượt thích

  22. Thanh Thạch / Th12 18 2012 9:07 Chiều

    Cái Page Jump này ở giữa mà có cái Next page là tịt ý, k có tác dụng :((

    Số lượt thích

    • Thanh Thạch / Th12 18 2012 11:24 Chiều

      A, tớ đã tìm thấy cách dùng page jump để chuyển sang 1 trang khác hay 1 post khác. Chỉ cần thêm link của cái trang/post đấy vào trước cái cụm #abc-def của cái code mở đầu là ok
      \(¯v ¯)/

      Số lượt thích

    • ~ Yappa ~ / Th12 19 2012 2:15 Chiều

      vẫn dùng đc mà bạn ^^

      Số lượt thích

      • Thanh Thạch / Th12 19 2012 2:35 Chiều

        ý tớ là dùng page jump để nhảy từ trang 1 sang trang 2 của cùng 1 post là không được, hôm qua tớ thử đi thử lại mãi mà. nhưng thêm cái link của page 2 vào đằng trước dấu # là ok. :)

        Số lượt thích

  23. Sapphire Sarm / Th7 27 2013 3:02 Chiều

    Ưm .. thật tình là tớ hông hiểu lắm .. Mắt cứ căng ra .. Người với màn hình comp cứ nhìn nhau suốt nửa tiếng .. Yappa có thể giải thích bằng hình ảnh cho tớ đc không ? Ò.ó

    Số lượt thích

    • ~ Yappa ~ / Th7 27 2013 3:08 Chiều

      cái này hoàn toàn là code có hình ảnh đi nữa thì cũng thế thôi
      bạn nên copy cả phần ví dụ của tớ ở cuối bài viết rồi chỉnh lại với nội dung của bạn là tốt nhất

      Số lượt thích

  24. dongylam / Th10 13 2013 2:02 Chiều

    ôi trời, xin lỗi vì com như spam, nhưng wp nó không chịu hiện dòng code, nói chung có đoạn code đề #0 và 0 ngoài các số 1, 2 là để làm gì và đặt ntn vậy bạn? thực tình xin lỗi TT

    Số lượt thích

    • ~ Yappa ~ / Th10 13 2013 7:45 Chiều

      bản thân các số 0 1 2 là do mình đặt cho dễ nhớ thôi
      kiểu như 0 tương ứng với chú thích, 1 là chú thích 1, 2 là chú thích 2
      bạn có thể đặt tên như thế nào cũng được

      Số lượt thích

      • dongylam / Th10 13 2013 8:13 Chiều

        cảm ơn bạn nha, mình làm đc rồi, mặc dù nó nhảy ko chuẩn lắm^^

        Số lượt thích

  25. thanhlongryu / Th10 15 2013 11:48 Sáng

    Reblogged this on and commented:
    [Note] Page Jump

    Số lượt thích

  26. lenhan / Th10 25 2013 10:57 Sáng

    đúng cái ta cần

    Số lượt thích

  27. Mây Mỹ Miều / Th12 14 2013 11:13 Sáng

    cái phần expand source nàng làm sao để nó thu gọn vậy?

    Số lượt thích

  28. Tử Diệp / Th2 23 2014 3:37 Chiều

    bạn ơi mình thử lảm nhưng tại sao lại không được vậy? dù nó có hiện ra chỗ nhảy link nhưng khi bấm vào nó lại ko nhảy

    Số lượt thích

    • ~ Yappa ~ / Th2 23 2014 3:39 Chiều

      nếu ko nhảy được thì chắc chắn do bạn làm nhầm một chỗ nào đó rồi
      bạn xem lại nhé

      Số lượt thích

      • Tử Diệp / Th2 23 2014 3:47 Chiều

        mình copy lại nguyên phần hướng dẫn của bạn để làm thử mà nó vẫn không nhảy link. cái phần vào đầu trang nhưng nó vẫn ko nhảy

        Số lượt thích

  29. Tử Diệp / Th2 23 2014 4:21 Chiều

    file:///C:/Documents%20and%20Settings/Microsoft/Desktop/untitled.bmp
    đây nè bạn, đây là phần copy để trang đó nhảy sang, vì mình làm thử nên chỉ viết linh tinh thôi

    Số lượt thích

    • ~ Yappa ~ / Th2 23 2014 4:22 Chiều

      bạn ơi, phải up ảnh lên trang nào đó rồi đưa link lên đây chứ
      bạn lưu ảnh trong máy tình của bạn thì làm sao tớ xem được

      Số lượt thích

  30. tinhtinh / Th3 21 2014 10:20 Chiều

    Bạn ơi, vậy muốn tạo cái nút “expand source” giống bạn để click vào thì nó hiện phần đó ra thì làm sao thế?

    Số lượt thích

  31. fuwei2013 / Th4 2 2014 12:44 Chiều

    bạn ơi bật HTML ở chỗ nào vậy? mình ko nhìn thấy nó ở đâu cả?

    Số lượt thích

  32. anika1208 / Th9 13 2014 5:48 Sáng

    tỷ ơi, e muốn hỏi là để gắn link cho page con phải làm thế nào? VD e có page chính là “Đang tiến hành”, rồi tạo 1 page con nối vs nó là “MTTSCTCHH”, sau đó dẫn link bài viết vào page con đó, thì phải làm sao ạ?? tỷ có thể trả lời giúp e vào mail ko : emily120896@gmail.com

    Số lượt thích

  33. ♥Hàn Phong ♥ / Th12 21 2014 12:08 Chiều

    Ko hỉu lắm , có wordpress nào dạy rõ ràng và dễ hỉu hơn ko?

    Số lượt thích

  34. Lương Trí / Th2 18 2015 3:41 Chiều

    bạn cho mình hỏi cái page jump đó cho nó chạy mượt hơn được ko?

    Số lượt thích

  35. hang / Th3 23 2015 12:33 Chiều

    chào chị!!
    e muốn hỏi là muốn làm mấy cái giống chữ “này” của chị ý bấm vào là sang trang khác đó là làm giống như chị bày đó hả? và làm với bất kì trang nào có thể nhập văn bản luôn hả? còn một điều nữa là chuyển sang html ở đâu z? e có xem 1 vài trang khác nhưng vẫn k làm đc!

    Số lượt thích

  36. Dĩ Nhược / Th3 29 2015 6:21 Chiều

    cảm ơn bạn nhiều, mình đã tìm cái này lâu lắm rồi :)

    Số lượt thích

  37. caophuongloan / Th4 20 2015 4:12 Chiều

    cho mình hỏi trang tin tức muốn hiển thị giống như trang chủ (tổng hợp tất cả bài posts mình đăng ) phải làm sao vậy?
    Cảm ơn

    Số lượt thích

  38. utayaenaru / Th6 19 2015 1:49 Sáng

    cho mình hỏi, mình làm theo hướng dẫn, đại loại cũng là copy nguyên cả cái code của bạn vào rồi thì ở trang chủ ấn vào đường dẫn vẫn sẽ nhảy đến chỗ mình đặt, nhưng khi vào hẳn post chứa đường dẫn mà ấn thì lại không nhảy đến bài kia nữa. Mình làm sai ở đâu vậy?

    Số lượt thích

  39. kamikyon / Th8 17 2015 7:57 Chiều

    cho tớ hỏi cái này nhé. có vẻ hơi ngốc một tí. hí hí. làm cách nào tạo ra được cái sick hàng xanh xanh dưới chữ: Related í.

    bạn chỉ giúp mình với.

    Số lượt thích

  40. kamikyon / Th8 18 2015 7:36 Chiều

    lá cái hàng màu xanh dưới chữ RELATED í

    “WordPress #5: Next Page – More
    In “WordPress”

    WordPress #6: Mục lục
    In “WordPress”

    RSS #2
    In “Nhảm””

    ai!!!!!!!!!!!!!!!!! không biết nói sao cho nàng hiểu nữ. hu hu hu

    Số lượt thích

  41. Miêu ~~~ / Th3 1 2016 10:13 Chiều

    Chi ơi, em xin làm phiền thêm lần nữa ạ, em đã đặt page jump rồi, nhưng link chính em đặt ở trang 1 còn phần em muốn hiển thị nằm ở trang 2 của cùng một bài, em làm theo như chị đã nêu nhưng nó không đổi sang trang khác ạ TToTT

    Số lượt thích

  42. Phác Hồng / Th6 28 2016 11:27 Chiều

    Cảm ơn bạn đã chia sẻ nha, mấy bài viết này hữu ích lắm lun cho cái đứa gà mờ như mình. Mà bạn có thể chỉ mình cách hiện chú thích khi rê chuột vào được không ?

    Số lượt thích

  43. Tả Ngạn / Th9 17 2016 1:37 Chiều

    Bạn ơi, b có biết tại sao mình làm y như b hướng dẫn r mà khi nhấp vào cái kí hiệu đã đặt link tới chú thích cuối trang là lại y kì tải lại cái trang đang đọc ở vị trí đầu bài luôn

    Số lượt thích

Trả lời

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Đăng xuất / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Đăng xuất / Thay đổi )

Connecting to %s

%d bloggers like this: