기사 디렉토리
제 친구는 국제 무역 온라인 마케팅 분야 에서 일하는데 , 사이드바에 있는 친구 링크를 홈페이지 맨 아래로 옮기고 싶어합니다.
이러한 방식으로 Affiliate Links의 친구는 자신의 휴대폰에서 연결을 볼 수도 있습니다.
천웨이량은 인터넷에서 여러 방법을 찾아본 끝에 마침내 완벽한 해결책을 발견했다.
워드프레스 웹사이트 에 링크를 추가하는 방법을 알아보려면 관리자 페이지에서 링크 관리자 플러그인을 검색하여 설치하면 됩니다.
여기에서는 웹사이트 홈페이지 하단으로 링크를 이동하는 방법에 대해 설명합니다. 먼저 테마 디렉토리(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 링크는 가로로 표시됩니다.
Chen Weiliang님의 블로그( https://www.chenweiliang.com/ ) 에 공유된 "친구 링크를 가로로 표시하는 방법? 워드프레스 홈페이지 하단에 가로 친구 링크를 위한 CSS"라는 글이 여러분께 도움이 되기를 바랍니다.
이 기사 링크( https://www.chenweiliang.com/cwl-2121.html )를 자유롭게 공유해 주세요.