WordPress #3: Scroll Bar

Bạn có 1 trang WordPress với 1 text widget nhắn nhủ đôi lời với người đọc?
Nhưng có điều nó lại quá dài và chiếm hết đất trang blog của bạn?
Vậy thì đây là giải pháp của bạn, tạo 1 thanh cuộn dọc cho phần nhắn nhủ của mình
Cách làm rất đơn giản, dán đoạn sau vào text widget của bạn ^^

<div style="height:200px;white-space:pre-wrap;overflow:auto;">ABC</div>

Trong đó ABC chính là lời nhắn nhủ mà bạn muốn
Và ở height:200px, bạn có thể thay 200 bằng một con số khác, tùy thuộc vào chiều cao của text widget bạn muốn đặt. Có điều con số này không được nhỏ hơn 45 vì nếu không sẽ không có đất cho thanh cuộn nữa :))
Còn nếu muốn làm một thanh cuộn ngang, bạn dùng với code sau

<div style="white-space:pre;overflow:auto;">ABC</div>

Ví dụ

FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE FOR EXAMPLE

Các thanh cuộn này cũng có thể dùng trong bài viết hay trang (với điều kiện là phải dán ở trong chế độ HTML), như các bạn có thể thấy bài viết này được viết trong một thanh cuộn dọc với chiều cao 500 px ^^

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

105 bình luận về “WordPress #3: Scroll Bar

  1. ss, hỏi ra thì thật ngại quá nhưng em mới tạo acc ở wp nên còn rất nhiều điều chưa biết ạ, text widget là cái gì ạ, mà muốn vào được nó thì làm sao ạ??? >.< nói thật là em mù tịt ở khoản này nhưng em rất muốn làm như ss, à mà làm sao chia ra được mấy cái khung nhỏ nhỏ với tiêu đề và chữ như thế vậy ss =.= em mò không thể ra được luôn a TT.TT ss từ bi tốt bụng hảo hảo giúp đỡ em với, em hứa từ h` sẽ mò sang đây cm thường xuyên cho ss ngar *mắt cún*

    Đã thích bởi 1 người

    1. em vào giao diện -> widgets -> kéo cái widget Văn bản vào thanh bên

      mỗi khung nhỏ nhỏ với tiêu đề đều là widget cả, nếu muốn biết rõ hơn về từng loại widget em có thể tham khảo tại đây ^^

      Đã thích bởi 1 người

      1. hehehe, vô cùng tks ss nhá, à mà ss ơi, làm sao đổi được cái tên to to như chữ ~ Yappa ~ ở đầu trang của ss vậy, em đã rất cố gắng mày mò để không làm phiền tới ss nhưng cuối cùng vẫn là không tìm ra được a TT.TT í, ngoài lề chút, rất cám ơn mấy cái đam mỹ ss edit, vô cùng hay nga, em chờ tìm mấy bộ đó lâu lắm rồi á, giờ có ss edit mừng ghê. Em đọc chưa xong nên chưa cm trong mấy cái đam mỹ đó cho ss được, thông cảm dùm em, mai mốt đọc hết rồi em cm 1 lượt luôn nhé *mắt trớp trớp* ^^

        Thích

          1. ôi cái cuộc đời em, thế là phải tự lm nữa r =.= tks ss nhìu nhìu lớm í ạ *hun gió cái nào* ^^

            Thích

        1. bạn thêm hình như bình thường thôi
          nếu muốn có thể dùng code hình
          còn nếu ko, bạn post hình bình thường, sau đó mới chuyển sang HTML rồi thêm code để tạo thanh cuộn

          Thích

  2. Nàng ơi, có thể chỉ mình cách cho tất cả link từng chap của bài viết vào một trang cho gọn không? Như fic nàng ra nó hiển thị ở một trang với nhiều link chap 1 đến bao nhiêu đó. Mình mò không ra và vì nhà mình bài viết từng chap nhiều quá nên khi đọc phải mò mẫm không tiện lắm. =”=~ Chỉ mình cách làm ra trang chính chứa từng bài viết của mỗi chap trong fic luôn nhé. Cảm ơn bạn…

    Thích

  3. Bạn ơi cho mình hỏi làm thế nào để post một bài mới mà nó hiện như này vậy. Mình đã chụp ảnh và upload lên upanh.com vào xem giúp mình nhé. Thanks.

    Thích

  4. Cho mình hỏi, khi ấn vào trang nhà mình thì tất cả các bài viết đều hiện hết lun, có cách nào để nó chỉ hiện khoảng 5 bài viêt mới nhất, còn tiếp theo phải ấn sang trang k?

    Thích

  5. cảm ơn đã chia sẽ, mình đã làm theo như thế với web http://www.congnghemay.info/
    Bạn có thể vui long cho mình hỏi thêm là làm sao để cái kiểu cuộn ngang nó tăng thêm chiều dài ra không, như web hiện giờ của mình nó nằm ở dưới cùng đó, giờ mình muốn tăng chiều dài ra hết trang từ bên trái qua bên phải là nó hết luôn,
    mong sớm nhận đc hồi âm

    Thích

  6. Bạn ơi, cho mình hỏi 1 chút được không?

    Mình muốn làm thanh cuộn cho bài viết của mình nhưng do mình đã lỡ làm sẵn cái list theo dạng số thứ tự (từ 1 – n), khi bỏ vô thanh cuộn, nó tự động loại toàn bộ số, thay bằng dấu chấm to đầu dòng. Lúc mình đặt lại số cho nó thì thanh cuộn biến mất và xảy ra lỗi.

    Bạn có thể chỉ mình cách tạo thanh cuộn mà mục lục trong đó vẫn được đánh số không?

    Xin lỗi gì đã làm phiền và cám ơn bạn đã đọc comment của mình! ^^

    Thích

  7. Bạn cho mình hỏi tí, sau khi mình tạo thanh cuộn thì khoảng cách giữa 2 dòng lại gấp đôi so với khi không có thanh cuộn, có cách nào chỉnh khoảng cách dòng ko bạn.

    Với lại, bạn cho mình hỏi thêm, wordpress có thẻ hide ko bạn, nghĩa là khi nhấp vào thì nội dung mới hiện ra í.

    Mình cám ơn trước và xin lỗi vì đã làm phiền bạn ^_^

    Thích

  8. tỷ ơi ~ ;_; em ko làm đc, em copy thanh cuộn đầu tiên như tỷ chỉ dẫn rồi thay chữ ABC bằng những lời em muốn nhắn nhưng sao vào lại WP là ko thấy thanh cuộn đâu cả @@

    Thích

              1. ô.. z thật lạ nha… lúc đầu em thấy là code <div style=”height:200px;white-space:pre-wrap;overflow:auto;”>ABC
                này nên làm ko đc… sau thấy lại code này ( code đúng ấy ) ms làm đc =.=

                Thích

  9. Chào yappa ạ. cám ơn yappa với những bài viết rất hữu ích. từ hôm lập wp tới giờ ngày nào vào wp là cũng kèm vào nhà yappa để đọc hiểu rồi về mò luôn ^^.

    Ngoài ra, e muốn hỏi yappa chút, mục widget liên quan tới trang facebook ở thanh bên nhà yappa làm cách nào vào khung y như vậy được ạ?

    Em ngồi copy đoạn code rồi dán link fb vào chỗ chữ ABC, sau đó dán vào phần URL của widget fb like box, nhưng hình như không đúng ạ. Thực ra em không định làm cho fb like box mà làm cho mục About.me, em nghĩ cả 2 chắc cũng sẽ có cách làm như nhau nên mò mẫm để làm mà ko ra được?

    Mong yappa chỉ thêm. ^^

    Thích

    1. mình vẫn chưa hiểu cụ thể bạn đang hỏi về cái gì
      1. nếu bạn không làm được widget fb like box, bạn chụp hình phần widget bạn đã làm cho mình xem
      2. làm cho mục about.me nghĩa là sao

      Thích

      1. đây là widget about.me của mình. Đơn giản là mình muốn widget about.me này hiển thị giống widget facebook của yappa ở trang bên ạ. Mong yappa chỉ giáo ^^

        Thích

        1. widget tớ đang dùng là widget facebook có sẵn trong wordpress và nó chỉ dùng cho fanpage thôi, chứ không cho trang cá nhân
          widget about.me thì yêu cầu bạn phải đăng ký tài khoản trên trang about.me
          bạn có đang bị nhầm lẫn gì về 2 wordpress này không
          còn up ảnh thì bạn có thể up lên các trang up ảnh online rồi paste link vào đây là được

          Thích

          1. ^^ bây giờ mới trả lời yappa được.
            mình lập about me rồi. ý mình là làm sao để khi hiển thị ra trang thì widget about me sẽ ở trong khung giống widget facebook của yappa ấy.
            mục about.me của mình như này
            https://www.flickr.com/photos/132757902@N04/19339701206/in/datetaken/

            khi ra trang, nó rất dài như này
            https://www.flickr.com/photos/132757902@N04/18745150053/in/datetaken/

            Mình muốn cho nó vào khung để bớt dài nên mình dán code sau vào mục URL của widget about.me: http://about.me/alyz nhưng ko thành công.

            Không biết làm thế nào nữa nên mình chỉ còn biết qua đây làm phiền yappa chút. ^^

            Thích

            1. Mã code mình dán vào mục URL của widget about.me đây

              <div style="height:200px;white-space:pre-wrap;overflow:auto;">http://about.me/alyz</div>

              (Q..Q)~~ mò tung nhà yappa mới ra cách hiển thị nguyên dòng mã code.

              Và mình lại mắc thêm ở mục wordpress #7: page jump , và mục dùng thẻ more. ko hiểu sao thẻ more ko xài được. còn mục page jump thì đọc mãi hổng hiểu. đang cố ngồi nghiền ngẫm nó Q.Q) ~~~

              Thích

            2. 1. widget about.me là widget có sẵn, nó mặc định là không có scroll bar, nên bạn không thể chỉnh sửa được gì widget này đâu
              như mình nói ở trên, bạn chỉ có thể dùng code scroll bar tạii bài viết, trang, hoặc widget văn bản thôi
              như widget facebook thì mặc định của nó là có scroll bar sẵn rồi
              2. bạn nói thẻ more không xài được cụ thể là sao
              3. Bạn có thể copy code page jump sẵn của tớ và thay nội dung của bạn vào ^^

              Đã thích bởi 1 người

              1. cám ơn yappa. page jump thì tớ biết cách rùi ^^ chỉ có thẻ more ko biết có phải do page của t ko mà ko xài được. tuy nhiên, wordpress của t có sẵn phần tóm tắt ở bên, đôi khi nó tự tóm tắt luôn khi hiện @@. t vẫn đang ngồi mò mẫm. chỉ có điều hơi châm tiêu. cho t hỏi thêm 1 chút mã code [display-posts tag="chuoi-cho-duong-dan-tinh-tag" posts_per_page="-1" order="ASC"] này làm thế nào để nó hiển thị nguyên cả đoạn code như vậy trên bài post vậy ạ?

                Thích

                  1. cám ơn yappa ~ ^3^ mình còn nhiều điều muốn hỏi quá. chỉ tiếc tối yappa onl hơi muôn. mình nói chuyện được 1 câu thì mẹ khều đi ngủ luôn ٩(°v°)/ hì

                    Thích

  10. Ss cho em hỏi sao phần Thông báo của ss nó lại hiền đc các phần trong 1page và có phần xem chi tiết ở cuối? Xuống dòng trong code ở trên ss chia sẻ thì làm thế nào?

    Thích

    1. nội dung trong thông báo là do ss tự nhập chứ không phải các phần trong page gì
      cái xem chi tiết chỉ là 1 link bình thường dẫn tới bài viết thông báo thôi
      xuống dòng thì gõ enter bình thường thôi

      Đã thích bởi 1 người

  11. ss ơi cho e hỏi với, làm sao để tạo ra được những thanh như convert,… ở đầu trang vậy ạ? ss cho e cảm ơn

    Thích

          1. chị ơi, e mới lập acc WP nên còn nhiều cái chưa biết, muốn hỏi chị, chị có thể cho e nick fb của chị để tiện hơn k ạ/

            Thích

  12. Yap có thể chỉ giúp minh làm cách nào để có thể tra được những bài post trên công cụ tìm kiếm, được không Yappa? Pls, bởi mình post xong xuối thì lại không thấy bài hiển thị trên bác Gúc- gồ cả hic…
    À, đúng rùi, mình mù công nghệ nặng nhá Yap,,,hĩc

    Thích

Trả lời

Điền thông tin vào ô dưới đây hoặc nhấn 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 )

Google photo

Bạn đang bình luận bằng tài khoản Google Đă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 )

Connecting to %s