როგორ ვაჩვენოთ მეგობრული ბმულები ჰორიზონტალურად? WordPress საწყისი გვერდი ქვედა ჰორიზონტალური მეგობრობის ჯაჭვი CSS

საგარეო ვაჭრობაინტერნეტ მარკეტინგი, და გსურთ დააყენოთ გვერდითი ვიჯეტის მეგობრული ბმული საწყისი გვერდის ბოლოში.

ამ გზით, მეგობრებს Affiliate Links-ში ასევე შეუძლიათ თავიანთი კავშირების ნახვა ტელეფონებზე.

ჩენ ვეილიანგიიპოვნეთ რამდენიმე გზა ინტერნეტში და საბოლოოდ იპოვნეთ სრულყოფილი გამოსავალი.

ამისთვისWordPressროგორ დავამატოთ ბმულები ვებსაიტზე, შეგიძლიათ მოძებნოთ Link Manager მოდულის ინსტალაციის ტესტი ფონზე.

აქ განვიხილავთ, თუ როგორ გადავიტანოთ ბმული ვებსაიტის მთავარი გვერდის ბოლოში, ჯერ იპოვნეთ footer.php ფაილი თემების დირექტორიაში (გარეგნობა → რედაქტირება → footer.php)

შენიშვნა: თემის ფაილის რედაქტირებამდე აუცილებლად გააკეთეთ ფაილის სარეზერვო ასლი.

დაამატეთ შვილობილი ბმულის კოდი

დაამატეთ შემდეგი კოდი footer.php-ის ზემოთ:

<!--links-bottom-index-->

<div class="span12 home-links">
<div class="widget-box">
<div class="widget-title"><span class="icon"><i class="fa fa-link fa-fw"></i></span><h3>友情链接</h3></div>
<div class="widget-content">
<ul>
<?php wp_list_bookmarks('orderby=id&categorize=0&category=66,192&title_li='); ?>
</ul>
<div class="clear"></div>
</div>
</div>
</div>

<!--end links-bottom-index-->

ჩვეულებრივ, დამატების შემდეგ, ის ჩვეულებრივ გამოჩნდება, მაგრამ თუ სტილის შეცვლა გჭირდებათ, CSS ფაილის რედაქტირება დაგჭირდებათ.

შვილობილი ბმული CSS ნაჩვენებია ჰორიზონტალურად საწყისი გვერდის ბოლოში

გარეგნობა >> რედაქტირება >> style.css css რედაქტირებისთვის, კონკრეტული კოდი არის შემდეგი,

/*首页底部横排显示友情链接CSS*/
.widget-box {position:relative;clear:both;margin-bottom:20px;border-top:1px solid #E1E1E1;border-right:1px solid #E1E1E1;border-left:1px solid #E1E1E1;background:none repeat scroll 0 0 #fff;}
.widget-title {height:40px;border-bottom:1px solid #E1E1E1;background:#F8F8F8;}
.widget-content {position:relative;z-index:1;padding:10px 15px;border-bottom:1px solid #E1E1E1;}

ზემოაღნიშნული ცვლილებების განხორციელების შემდეგ, კოდი ჩვეულებრივ გამოჩნდება ნორმალურად და Link Manager Affiliate ბმული გამოჩნდება ჰორიზონტალურად.

იმედი ჩენ ვეილიანგის ბლოგი ( https://www.chenweiliang.com/ ) გააზიარა „როგორ ვაჩვენოთ მეგობრობის ბმულები ჰორიზონტალურად? ჰორიზონტალური მეგობრობის ჯაჭვი CSS" WordPress-ის საწყისი გვერდის ბოლოში თქვენთვის სასარგებლოა.

კეთილი იყოს თქვენი მობრძანება ამ სტატიის ბმულის გასაზიარებლად:https://www.chenweiliang.com/cwl-2121.html

კეთილი იყოს თქვენი მობრძანება Chen Weiliang-ის ბლოგის ტელეგრამის არხზე, რომ მიიღოთ უახლესი განახლებები!

🔔 იყავით პირველი, ვინც მიიღეთ ღირებული "ChatGPT Content Marketing AI Tool Usage Guide" არხის ზედა დირექტორიაში! 🌟
📚 ეს სახელმძღვანელო შეიცავს უზარმაზარ ღირებულებას, 🌟ეს იშვიათი შესაძლებლობაა, არ გამოტოვოთ! ⏰⌛💨
გააზიარეთ და მოიწონეთ თუ მოგეწონათ!
თქვენი გაზიარება და მოწონებები ჩვენი უწყვეტი მოტივაციაა!

 

评论

თქვენი ელ.ფოსტის მისამართი არ გამოქვეყნდება. გამოყენებულია აუცილებელი ველები * ლეიბლი

გადახვევა ზევით