WordPress 블로그 게시물에 간단하고 우아한 각주를 추가하는 방법

최근 게시물 게시판 wordpress WordPress 블로그 게시물에 간단하고 우아한 각주를 추가하는 방법

  • 기사에 각주를 추가하는 쉬운 방법을 찾고 계십니까?

    각주는 페이지 하단에 표시되는 추가 정보입니다. 인용을 추가하고, 출처를 제공하고, 콘텐츠에 명확성을 추가하는 일반적인 방법입니다.

    이 기사에서는 WordPress 블로그 게시물에 간단하고 우아한 각주를 추가하는 방법을 보여줍니다.

    블로그 게시물에 각주를 추가하는 이유는 무엇입니까?

    각주는 기사 하단에 콘텐츠에 대한 참조를 제공하는 좋은 방법입니다. 정보 출처를 보여줌으로써 독자들과 신뢰를 구축하는 데 도움이 됩니다.

    또한 각주를 사용하여 주석을 추가하고 중요한 사실을 강조 표시하고 콘텐츠에 대한 추가 정보를 제공할 수 있습니다.

    각주는 귀하의 사이트를 보다 전문적이고 신뢰할 수 있게 보이게 할 수 있습니다. 예를 들어, 연구 논문을 출판하거나 역사적 사건을 다루는 경우 독자는 인용이 포함된 각주를 찾을 수 있습니다.

    즉, 각주를 추가하는 방법을 살펴보겠습니다. 워드프레스 웹사이트.

    플러그인을 사용하여 WordPress에 각주 추가

    콘텐츠에 각주를 추가하는 가장 쉬운 방법은 워드프레스 플러그인. 플러그인을 사용하면 각주 스타일을 보다 유연하게 제어할 수 있으며 코드를 편집할 필요가 없습니다.

    이 자습서에서는 다음을 사용합니다. 각주 워드프레스용 플러그인. 다른 많은 옵션이 있지만 각주는 사용하기 쉽고 사용자 정의를 위한 여러 옵션을 제공하며 완전히 무료입니다.

    먼저 설치하고 활성화해야 합니다. 각주 워드프레스용 플러그인. 자세한 내용은 다음 가이드를 참조하세요. WordPress 플러그인을 설치하는 방법.

    플러그인이 활성화되면 다음으로 이동할 수 있습니다. 설정 » 각주 WordPress 관리자 패널에서. 이제 각주를 사용자 정의할 수 있는 다양한 옵션이 표시됩니다.

    예를 들어 드롭다운 메뉴에서 각주의 시작 및 끝 단축 코드를 선택할 수 있습니다. 이러한 단축 코드를 사용하여 콘텐츠에 각주를 추가할 수 있습니다.

    시작 및 종료 단축 코드 선택

    콘텐츠에 각주를 추가하는 데 사용할 단축 코드를 알고 있는 한 플러그인을 사용하여 WordPress 게시물 및 페이지에 각주를 추가할 수 있습니다. 나머지 설정은 완전히 선택 사항입니다.

    각주를 추가하려면 새 게시물을 작성하거나 기존 기사를 편집하세요. 당신이있을 때 워드프레스 편집기, 각주에 대해 선택한 단축 코드를 추가하기만 하면 됩니다.

    예를 들어 단축 코드로 이중 괄호를 선택한 경우 각주를 추가하려는 내용에 삽입합니다. 그런 다음 소스의 URL을 입력하거나 각주에 포함하고 싶은 모든 것을 입력할 수 있습니다.

    다음과 같이 보일 것입니다.

    콘텐츠에 각주 단축 코드 추가

    그런 다음 게시물을 미리 보고 각주 링크가 제대로 작동하는지 테스트할 수 있습니다. 설정이 만족스러우면 계속 진행하여 워드프레스 블로그 포스트 작동 중인 각주를 보려면

    각주 예

    이제 각주를 사용자 정의하고 모양을 변경하려는 경우 각주 플러그인은 여러 옵션을 제공합니다.

    다음으로 이동하여 시작할 수 있습니다. 설정 » 각주 ‘일반 설정’ 탭을 클릭합니다.

    번호 매기기 스타일을 선택하기 위한 설정이 표시됩니다. 플러그인을 사용하면 일반 숫자, 로마 숫자, 소문자 및 대문자 등을 선택할 수 있습니다.

    번호 매기기 스타일 선택

    그런 다음 콘텐츠에서 각주의 스크롤 동작을 구성할 수 있습니다. 스크롤 기간을 설정하고 방문자가 각주를 클릭할 때 지연을 추가하는 옵션이 있습니다.

    스크롤 동작 구성

    플러그인은 각주 링크의 기본 제목으로 ‘참조’를 사용하지만 제목 텍스트와 ‘참조 컨테이너’ 섹션에 표시되는 방식을 변경할 수 있습니다.

    참조 컨테이너 설정

    플러그인은 발췌 부분에 각주 표시, URL 조각 ID 설정 구성 및 활성화와 같은 추가 설정을 제공합니다. 앰프 호환 모드. 변경이 완료되면 ‘변경사항 저장’ 버튼을 클릭합니다.

    다음으로 ‘리퍼러 및 툴팁’ 탭으로 이동할 수 있습니다. 여기에서 각주 링크에 나타날 백링크 기호를 변경하는 설정을 볼 수 있습니다.

    플러그인에서 제공하는 다양한 기호 중에서 선택하거나 고유한 기호를 추가할 수 있습니다. 그와 함께 참조 페이지 설정을 변경하고 각주 번호를 괄호 안에 표시할지 여부를 선택할 수 있는 옵션이 있습니다.

    리퍼러 및 도구 설명 설정 변경

    그 외에도 플러그인은 사용자가 각주 번호 위로 마우스를 가져갈 때 소스 링크를 표시하는 텍스트 상자인 툴팁을 활성화하는 설정을 제공합니다. 툴팁 위치, 치수, 타이밍, 텍스트를 변경하고 사용자 지정을 위해 다른 옵션을 사용할 수 있습니다.

    ‘범위 및 우선 순위’ 탭에서 각주가 다른 플러그인보다 먼저 실행되는지 여부를 결정하는 우선 순위 수준을 설정할 수 있습니다.

    또한 다음을 수행할 수 있습니다. 사용자 정의 CSS 추가 ‘맞춤 CSS’ 탭으로 이동합니다. 변경이 완료되면 ‘변경사항 저장’ 버튼을 클릭하는 것을 잊지 마십시오.

    HTML을 사용하여 WordPress에서 수동으로 각주 추가

    플러그인을 사용하는 것 외에도 WordPress 블로그 게시물에 HTML을 사용하여 각주를 추가할 수도 있습니다.

    이 방법은 시간이 더 많이 걸리며 HTML 코드를 입력할 때 실수를 하면 각주가 작동하지 않습니다. 초보자와 이전에 HTML을 편집한 적이 없는 사람을 위해 플러그인을 사용하여 각주를 추가하는 것이 좋습니다.

    즉, HTML은 단일 게시물이나 페이지에만 각주를 추가해야 하는 경우에 좋은 옵션입니다.

    시작하려면 먼저 새 페이지나 게시물을 수정하거나 추가해야 합니다. 다음으로 각주를 추가하려는 콘텐츠로 이동합니다.

    WordPress 블록 편집기에서 단락 블록의 점 3개 메뉴를 클릭한 다음 ‘위 첨자’ 옵션을 선택하여 위 첨자를 추가할 수 있습니다.

    WordPress 블록 편집기에서 위 첨자 추가

    다음으로, 점 3개로 된 메뉴를 다시 클릭하고 ‘HTML로 편집’ 옵션을 선택해야 합니다. 자세한 내용은 다음 가이드에서 확인할 수 있습니다. WordPress에서 HTML을 편집하는 방법.

    완료되면 위 첨자 번호에 다음 HTML 코드를 입력합니다.

    <a href="#example_link">your superscript</a>

    다음과 같이 표시되어야 합니다.

    WordPress 편집기에 HTML 코드 입력

    그런 다음 게시물 하단의 참조 또는 인용 링크에 다음 HTML 코드를 추가해야 합니다. 이렇게 하면 사용자가 각주 번호를 클릭하면 해당 URL로 이동합니다.

    id="example_link"

    WordPress 편집기에서 다음과 같이 표시됩니다.

    각주 링크에 HTML ID 코드 입력

    이제 블로그 게시물을 미리 보고 각주가 제대로 작동하는지 확인하십시오. 그런 다음 블로그 게시물을 게시하고 작동 중인 각주를 볼 수 있습니다.

    HTML을 사용한 각주 미리보기

    이 기사가 WordPress 블로그 게시물에 간단하고 우아한 각주를 추가하는 방법을 배우는 데 도움이 되었기를 바랍니다. 당신은 또한 우리의 가이드를 살펴보고 싶을 수도 있습니다 최고의 블로그 플랫폼을 선택하는 방법, 또는 우리의 전문가 비교를 참조하십시오 최고의 무료 웹사이트 호스팅.

    이 기사가 마음에 들면 구독하십시오. 유튜브 채널 WordPress 비디오 자습서용. 당신은 또한 우리를 찾을 수 있습니다 트위터 그리고 페이스북.

    포스트 WordPress 블로그 게시물에 간단하고 우아한 각주를 추가하는 방법 에 처음 등장 WPB초보자.

    Source link

    신고하기
'WordPress 블로그 게시물에 간단하고 우아한 각주를 추가하는 방법'에 답변달기
글쓴이 정보:




12 + = 13