워드 프레스 에 우정 링크 를 추가 하 는 방법 을 자세히 설명 합 니 다.
일반 방법
우정 링크 페이지 를 만 드 는 절차 도 비교적 간단 하 다.먼저 새로운 페이지 템 플 릿 을 만 들 고 친구 체인 함수 로 친구 체인 을 호출 한 다음 에 css 미화 하면 일이 완성 된다.
구체 적 인 절 차 를 말씀 드 리 겠 습 니 다.
1.새 템 플 릿 페이지 만 들 기
테마 에 있 는 page.php 파일 을 복사 하여 links.php 로 이름 을 바 꿉 니 다.
페이지 상단 에 다음 코드 를 추가 합 니 다.
<?php
/*
Template Name: Links
*/
?>
다음 과 유사 한 코드 를
<div class="post-content"><?php the_content(); ?></div>
다음으로 바꾸다
<div class="lists"><p class="tips"> </p><?php wp_list_bookmarks('orderby=rand&show_images=1'); ?></div>
교체 후 links.php 를 테마 폴 더 루트 디 렉 터 리 에 두 고 페이지 를 새로 만 들 고 페이지 템 플 릿 에서 새로 만 든"Links"를 선택 하여 저장 합 니 다.위의 코드 를 설명해 주세요.
my_list_bookmarks 는 WordPress 에서 친구 체인 을 호출 하 는 함수 입 니 다.orderby 는 친구 체인 의 정렬 방식 입 니 다.여기 제 가 쓴 것 은 rand,즉 랜 덤 쇼 입 니 다.images 는 친구 체인 의 그림 을 표시 할 지 여 부 를 제어 하 는 것 입 니 다.불 형 변 수 는 1 표시 변 수 를 대표 하고 0 은 표시 되 지 않 습 니 다.다른 선택 할 수 있 는 매개 변 수 는 다음 과 같 습 니 다.
categorize
불 형,연결 이 각각 분류 에 따라 category 를 표시 할 지 설정 하 는 데 사용 합 니 다.
문자열 형,바로 뒤에'=링크 분류 ID 번호'가 있 으 면 이 분류 아래 링크 를 표시 합 니 다.지정 하지 않 으 면 모든 링크 를 표시 합 니 다.
category_name
문자열 형,뒤에'=어떤 링크 분류의 이름'이 있 으 면 이 링크 분류 전에 분류의 이름 을 표시 하고,여기에 비어 있 으 면 모든 링크 분류의 분류 이름(즉 기본 형식)을 표시 합 니 다.
category_before
링크 분류 전의 텍스트 나 코드 에 있 는 문자열 형 입 니 다.
category_after
링크 분류 후의 문자 나 코드 에 있 는 문자열 형 입 니 다.
class
문자열 형,모든 링크 의 분 류 는'class'속성(위의 코드 에서 볼 수 있 음)이 있 습 니 다.기본 값 은 링크 cat 입 니 다.
category_orderby
문자열 형,링크 분류의 정렬 방식,명사 나 ID 에 따라.
'name'(기본 값)
‘id'
category_order
문자열 형,링크 분류의 승강 순서 배열 방식:
ASC(기본 값)
DESC
title_li
문자열 형,링크 제목 의 헤더 텍스트 나 코드 입 니 다.기본 값 은 북 마크 이 며,연결 이 목록 에 따라 배열 되 는 지 여 부 를 제어 합 니 다.
title_before 와 titleafter
말 그대로 제목 머리 앞 뒤 를 연결 하 는 문자 나 코드 입 니 다.기본 값 은 h2 태그 입 니 다.
show_private
불 형,개인 링크 를 표시 할 지 여부 입 니 다.
include
문자열 형,지 정 된 ID 를 출력 하 는 Blogroll 의 분류 링크,각 ID 간 에 반 각","분리 합 니 다.기본적으로 모든 Blogroll 분 류 를 표시 합 니 다.
exclude
문자열 형,지 정 된 ID 의 Blogroll 분류 링크 를 전체 링크 목록 에서 제외 하고,각 ID 사 이 는 반쪽","분리 합 니 다.묵인 은 아무것도 배제 하지 않 는 다.
orderby
문자열 형,Blogroll 의 배열 방식(기본적으로 이름 에 따라 정렬 합 니 다.이 값 을 비 워 두 지 않 는 한),즉 우리 가 WP 배경 링크 설정 인터페이스 에 있 는 매개 변수 에 따라 정렬 합 니 다.
(1)'id'
(2)‘url'
(3)‘name'
(4)‘target'
(5)‘description'
(6)‘owner'
(7)‘rating'
(8)‘updated'
(9)'rel'C 는 설 정 된 관계 에 따라 배열 한다.
(10)‘notes'
(11)‘rss'
(12)'length'C 연결 이름 의 길이 설정
(13)'rand'C 무 작위 배열 표시
order
문자열 형,승강 순 서 를 설정 하 는 배열 방식
ASC(기본 값)
DESC
limit
정형,출력 링크 개수 의 최대 값 을 설정 합 니 다.기본 값 은"-1"입 니 다.출력 전부 입 니 다.
between
모든 연결,그림,설명 사이 의 문자 나 코드,기본 값 은'n'줄 바 꿈 입 니 다.
show_description
불 형,모든 링크 에 대한 설명 을 표시 할 수 있 습 니까?
show_rating
불 형,링크 의 등급 을 표시 할 수 있 습 니까?
show_updated
불 형,최근 업 데 이 트 된 시간 스탬프 를 표시 할 수 있 습 니까?
hide_invisible
불 형,모든 링크 를 표시 할 지,심지어 관리자 가 보이 지 않 는 링크 로 설정 할 지,기본적으로 표시 할 수 있 습 니 다.
2.css 미 화 를 추가 합 니 다.다음은 개인 css 입 니 다.참고 하 시기 바 랍 니 다.
.lists {padding: 5px; margin: 25px auto auto 0;}
.linkcat {font-size: 12px; font-weight: bolder; padding: 5px; margin-bottom: 15px; list-style: none; clear:both}
.lists li h2 {font-size:14px; margin-bottom: 15px; color: #99CC33; }
.listcat ul {margin-left: 20px;}
.linkcat ul li {float: left; margin-bottom: 20px; margin-left: 20px; padding: 4px 0 4px 6px; width: 150px; border: 1px solid #d9d9d9;}
.linkcat ul li a {color: #a4a4a4; text-decoration: none;}
.linkcat ul li a img {margin-right: 3px;}
.linkcat ul li a:visited {color: #a4a4a4;}
.tips {font-size: 14px; margin-bottom: 18px; margin-left: 5px;}
jQuery 사용 하기구체 적 인 실현 절 차 는 두 단계 로 나 뉜 다.
1.jQuery 라 이브 러 리 를 불 러 오 면 google jQuery 라 이브 러 리 를 직접 호출 할 수 있 습 니 다.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
2.jQuery 기능 코드 불 러 오기,jQuery 닫 기 주의
$(".linkpage a").each(function(e){
$(this).prepend("<img src=http://www.google.com/s2/favicons?domain="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">");
});
이 jQuery 는 모든 class 가 링크 페이지 아래 에 있 는 a 탭 을 옮 겨 다 니 며 이 a 탭 에 img 을 추가 한 다 는 뜻 입 니 다.그 중에서'링크 페이지'는 자신의 템 플 릿 에 따라 변경 해 야 합 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
wordpress+Stripe로 간단 서브스크 결제스트라이프 어드벤트 캘린더 12/20입니다(일에 걸치고 고멘나사이!)&간단한 재료로 죄송합니다! WordPress의 플러그인으로 구현할 수 있을 것 같다-, 그중 하고 싶다-라고 생각하고 있는 분에게! 유료 플러그인...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.