정보24

카테고리 없음

워드프레스에서 링크 타켓을 target=_self으로 변경했는데도 계속 새탭에서 링크를 엽니다. 현재탭에서 링크 여는 방법

bhlog 2023. 9. 24.

목차

반응형

Html에  target=_self 속성인데도 계속 새탭에서 링크가 열리는 경우 해결 방법

 

워드프레스에서 링크의 타겟을 변경하여 현재 탭에서 열리도록 설정하는 것은 가능합니다. 보통 링크의 타겟을 "_self"로 설정하면 현재 탭에서 열리는데, 경우에 따라 다음과 같은 이유로 새 탭에서 열릴 수 있습니다:

  1. 테마 또는 플러그인 설정: 워드프레스 테마나 설치된 플러그인은 기본적으로 링크의 동작을 변경할 수 있습니다. 따라서 테마 또는 플러그인 설정에서 링크의 타겟을 지정하거나 변경할 수 있습니다. 이 설정을 확인하고 수정할 수 있도록 해당 테마 또는 플러그인의 관리자 설정 페이지를 찾아보세요.
  2. 브라우저 설정: 사용자의 브라우저 설정도 링크의 동작을 변경할 수 있습니다. 예를 들어, 브라우저가 "_self"로 설정된 링크를 무시하고 항상 새 탭에서 열도록 설정되어 있을 수 있습니다. 이 경우 브라우저 설정을 확인하고 조절할 필요가 있습니다.
  3. HTML 및 CSS 구문: 때로는 HTML 구문이나 CSS 스타일링이 링크의 동작에 영향을 미칠 수 있습니다. 워드프레스에서 사용하는 테마나 커스텀 디자인에서 HTML 및 CSS를 조절하여 링크 동작을 변경하려는 경우 해당 부분을 확인해야 합니다.

만약 워드프레스에서 링크의 타겟을 "_self"로 설정했음에도 불구하고 계속해서 새 탭에서 열린다면, 먼저 워드프레스 테마 또는 플러그인 설정을 확인하고, 그 다음에 브라우저 설정과 HTML/CSS 코드를 검토해 보세요. 원인을 찾아서 수정하면 원하는 동작을 얻을 수 있을 것입니다.

1. 테마 또는 플러그인 설정

워드프레스의 테마나 플러그인 설정을 변경하려면 다음과 같이 구체적인 단계를 따를 수 있습니다.

테마 설정 변경:

  1. 워드프레스 대시보드에 로그인: 워드프레스 웹사이트에 관리자로 로그인합니다.
  2. 테마 설정 페이지로 이동: 대시보드에서 "외모" 또는 "디자인"과 관련된 메뉴 항목을 찾아 선택합니다. 일반적으로 "테마" 또는 "테마 설정"과 같은 이름일 것입니다.
  3. 테마 설정 옵션 탐색: 선택한 테마 설정 페이지에서 테마의 옵션을 탐색합니다. 이 옵션은 테마마다 다를 수 있으며, 일반적으로는 레이아웃, 색상, 로고, 폰트 및 홈페이지의 다양한 요소를 설정할 수 있습니다.
  4. 원하는 변경사항 적용: 테마 설정 페이지에서 원하는 변경사항을 설정하고 저장 또는 적용하는 버튼을 클릭합니다. 대부분의 테마는 실시간 미리 보기 기능을 제공하여 변경 사항을 미리 확인할 수 있습니다.
  5. 변경 내용 저장: 설정을 완료한 후 변경 내용을 저장합니다. 이로써 새로운 테마 설정이 웹사이트에 적용됩니다.

플러그인 설정 변경:

  1. 워드프레스 대시보드에 로그인: 워드프레스 웹사이트에 관리자로 로그인합니다.
  2. 플러그인 관리 페이지로 이동: 대시보드에서 "플러그인" 또는 "확장 기능"과 관련된 메뉴 항목을 선택합니다.
  3. 플러그인 목록에서 원하는 플러그인 선택: 원하는 플러그인을 찾아서 활성화되어 있는지 확인하고, 플러그인 이름을 클릭하여 설정 페이지로 이동합니다.
  4. 플러그인 설정 옵션 탐색: 선택한 플러그인의 설정 페이지에서 해당 플러그인에 관련된 옵션을 탐색합니다. 플러그인에 따라 설정 항목이 다를 수 있습니다.
  5. 원하는 변경사항 적용: 플러그인 설정 페이지에서 원하는 변경사항을 설정하고 적용 또는 저장하는 버튼을 클릭합니다. 몇몇 플러그인은 자세한 설정을 위해 여러 개의 하위 탭을 제공할 수 있습니다.
  6. 변경 내용 저장: 설정을 완료한 후 변경 내용을 저장합니다. 이로써 새로운 플러그인 설정이 웹사이트에 적용됩니다.

테마와 플러그인 설정은 각각의 테마 및 플러그인에 따라 다를 수 있으므로, 특정 테마 또는 플러그인의 공식 문서를 참고하거나 관련 도움말을 살펴보는 것이 도움이 될 수 있습니다.

2. 크롬에서 브라우저 설정

Google 크롬 브라우저의 설정은 다양한 옵션과 기능을 사용자가 조절하고 사용자 경험을 개인화하는 데 도움이 됩니다. 아래에서 Google 크롬 브라우저의 설정 메뉴로 이동하고 일반적인 설정 옵션을 설정하는 방법을 자세히 설명하겠습니다:

  1. 크롬 브라우저 열기: 먼저 컴퓨터에서 Google 크롬 브라우저를 엽니다.
  2. 설정 메뉴로 이동: 크롬 브라우저 오른쪽 상단에 있는 메뉴 아이콘 (세로로 높은 세 점)을 클릭합니다.
  3. 설정 선택: 메뉴가 열리면 "설정"을 선택합니다.
  4. 일반 설정 탭으로 이동: 설정 페이지에서 왼쪽 사이드바에 "일반" 탭이 있는지 확인하고, 이 탭을 클릭합니다.
  5. 일반 설정 옵션 변경: "일반" 탭 아래에서 다음과 같은 일반 설정 옵션을 변경할 수 있습니다:
    • 시작 페이지 설정: "시작 페이지" 섹션에서 원하는 홈페이지 주소를 입력할 수 있습니다. 이 페이지가 크롬을 시작할 때 열립니다.
    • 검색 엔진 관리: "검색 엔진" 섹션에서 기본 검색 엔진을 선택하거나 관리할 수 있습니다.
    • 언어 설정: "언어" 섹션에서 원하는 언어를 선택하거나 추가 언어를 관리할 수 있습니다.
    • 크롬 업데이트: "Google 크롬 정보" 섹션에서 크롬을 최신 버전으로 업데이트할 수 있습니다.
    • 시스템: "시스템" 섹션에서 크롬 브라우저의 동작과 성능을 개선하는 설정을 변경할 수 있습니다.
  6. 설정 저장: 변경한 설정을 저장하려면 화면 하단에 있는 "설정 저장" 또는 "변경 내용 저장" 버튼을 클릭합니다.

이러한 단계를 따라 크롬 브라우저의 기본 설정을 변경할 수 있습니다. 크롬은 많은 다른 설정 옵션과 확장 기능을 제공하므로, 원하는 설정을 찾아 개인화할 수 있습니다.

3. 워드프레스에서 HTML 및 CSS 구문으로 새탭에서 링크 열기하는 방법

HTML과 CSS를 사용하여 웹 페이지 디자인을 변경하려면 다음 단계를 따를 수 있습니다.

HTML과 CSS 구문 설정 방법:

  1. HTML 파일 열기 또는 생성하기:
    • 이미 존재하는 HTML 파일을 열거나
    • 새로운 HTML 파일을 생성합니다.
  2. HTML 구조 정의:
    • <html>, <head>, <body> 등과 같은 기본 HTML 요소를 추가하여 페이지 구조를 정의합니다.
    html
    <!DOCTYPE html> <html> <head> <title>웹 페이지 제목</title> </head> <body> <!-- 웹 페이지 내용 --> </body> </html>
  3. CSS 스타일시트 연결:
    • CSS 스타일을 적용하기 위해 <link> 요소를 사용하여 외부 CSS 파일을 연결합니다. 또는 <style> 요소 내에 CSS 코드를 작성할 수도 있습니다.
    html
    <head> <link rel="stylesheet" type="text/css" href="styles.css"> </head>
    또는 내부 스타일 시트 사용:
  4. html
    <head> <style> /* CSS 코드 여기에 작성 */ </style> </head>
  5. CSS 코드 작성:
    • CSS 파일 또는 내부 스타일 시트에서 원하는 스타일을 정의합니다. 다음은 간단한 CSS 예제입니다.
    css
    /* styles.css 파일 내에서 작성한 스타일 */ body { font-family: Arial, sans-serif; background-color: #f0f0f0; } h1 { color: #333; } .container { width: 80%; margin: 0 auto; padding: 20px; background-color: #fff; }
  6. HTML 요소에 클래스 또는 ID 추가:
    • CSS 스타일을 적용하려는 HTML 요소에 클래스 또는 ID 속성을 추가합니다.
    html
    <h1 class="title">웹 페이지 제목</h1> <div class="container"> <p>웹 페이지 내용</p> </div>
  7. CSS 스타일 적용:
    • CSS 스타일이 HTML 요소에 적용됩니다. 이제 웹 페이지의 디자인이 변경되었을 것입니다.

간단한 CSS 예제:

다음은 간단한 HTML과 CSS 예제입니다. 이 예제는 웹 페이지의 제목을 스타일링하고 배경색을 변경합니다.

html
<!DOCTYPE html> <html> <head> <title>웹 페이지 제목</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <h1 class="title">웹 페이지 제목</h1> <div class="container"> <p>웹 페이지 내용</p> </div> </body> </html>
css
/* styles.css 파일 내에서 작성한 스타일 */ body { font-family: Arial, sans-serif; background-color: #f0f0f0; } .title { color: #333; } .container { width: 80%; margin: 0 auto; padding: 20px; background-color: #fff; }

이렇게하면 웹 페이지의 제목과 컨테이너의 스타일이 변경됩니다. 웹 페이지의 레이아웃과 스타일을 변경하려면 CSS 속성을 조절하고 HTML 요소에 클래스 또는 ID를 적용하여 원하는 디자인을 만들 수 있습니다.

 

요약글

워드프레스에서 링크의 "_self" 타겟 설정으로 현재 탭에서 열리도록 변경하려면, 테마/플러그인 설정, 브라우저 설정, HTML/CSS 코드를 검토하고 조절해야 합니다. 이러한 설정들이 새 탭에서 열린 원인이 될 수 있으므로, 원하는 동작을 얻기 위해 이러한 설정을 확인하고 수정해야 합니다.

반응형
저작자표시 비영리 변경금지 (새창열림)

댓글

티스토리툴바