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/

Một suy nghĩ 105 thoughts on “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*

    Liked by 1 person

      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* ^^

        Số lượt 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…

    Số lượt thích

  3. 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?

    Số lượt thích

  4. 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

    Số lượt thích

  5. 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! ^^

    Số lượt thích

  6. 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 ^_^

    Số lượt thích

  7. 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. ^^

    Số lượt 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

      Số lượt 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

          Số lượt 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. ^^

            Số lượ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) ~~~

              Số lượt 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 ^^

              Liked by 1 person

              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 ạ?

                Số lượt thích

  8. 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

    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 )

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