친숙한 링크를 가로로 표시하는 방법은 무엇입니까? WordPress 홈페이지 하단 수평 우정 체인 CSS

대외 무역인터넷 營, 사이드 위젯의 친근한 링크를 홈페이지 하단에 넣고 싶습니다.

이러한 방식으로 Affiliate Links의 친구는 자신의 휴대폰에서 연결을 볼 수도 있습니다.

천 웨이량인터넷에서 몇 가지 방법을 찾았고 마침내 완벽한 솔루션을 찾았습니다.

...에 대한워드프레스(WordPress)웹사이트에 링크를 추가하는 방법은 백그라운드에서 Link Manager 플러그인 설치 테스트를 검색할 수 있습니다.

여기에서는 웹사이트 홈페이지 하단으로 링크를 이동하는 방법에 대해 설명합니다. 먼저 테마 디렉토리(Appearance → Edit → 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/ ) 공유 "우정 링크를 가로로 표시하는 방법? 워드프레스 홈페이지 하단에 있는 Horizontal Friendship Chain CSS"가 도움이 될 것입니다.

이 기사의 링크를 공유하는 것을 환영합니다:https://www.chenweiliang.com/cwl-2121.html

더 많은 숨겨진 트릭을 알아보려면🔑 Telegram 채널에 가입하세요!

마음에 드셨다면 공유하고 좋아요를 눌러주세요! 여러분의 공유와 좋아요는 저희의 지속적인 원동력이 됩니다!

 

发表 评论

귀하의 이메일 주소는 공개되지 않습니다. 必填 项 已 用 * 标注

위쪽으로 스크롤