Html에 target=_self 속성인데도 계속 새탭에서 링크가 열리는 경우 해결 방법
워드프레스에서 링크의 타겟을 변경하여 현재 탭에서 열리도록 설정하는 것은 가능합니다. 보통 링크의 타겟을 "_self"로 설정하면 현재 탭에서 열리는데, 경우에 따라 다음과 같은 이유로 새 탭에서 열릴 수 있습니다:
- 테마 또는 플러그인 설정: 워드프레스 테마나 설치된 플러그인은 기본적으로 링크의 동작을 변경할 수 있습니다. 따라서 테마 또는 플러그인 설정에서 링크의 타겟을 지정하거나 변경할 수 있습니다. 이 설정을 확인하고 수정할 수 있도록 해당 테마 또는 플러그인의 관리자 설정 페이지를 찾아보세요.
- 브라우저 설정: 사용자의 브라우저 설정도 링크의 동작을 변경할 수 있습니다. 예를 들어, 브라우저가 "_self"로 설정된 링크를 무시하고 항상 새 탭에서 열도록 설정되어 있을 수 있습니다. 이 경우 브라우저 설정을 확인하고 조절할 필요가 있습니다.
- HTML 및 CSS 구문: 때로는 HTML 구문이나 CSS 스타일링이 링크의 동작에 영향을 미칠 수 있습니다. 워드프레스에서 사용하는 테마나 커스텀 디자인에서 HTML 및 CSS를 조절하여 링크 동작을 변경하려는 경우 해당 부분을 확인해야 합니다.
만약 워드프레스에서 링크의 타겟을 "_self"로 설정했음에도 불구하고 계속해서 새 탭에서 열린다면, 먼저 워드프레스 테마 또는 플러그인 설정을 확인하고, 그 다음에 브라우저 설정과 HTML/CSS 코드를 검토해 보세요. 원인을 찾아서 수정하면 원하는 동작을 얻을 수 있을 것입니다.
1. 테마 또는 플러그인 설정
워드프레스의 테마나 플러그인 설정을 변경하려면 다음과 같이 구체적인 단계를 따를 수 있습니다.
테마 설정 변경:
- 워드프레스 대시보드에 로그인: 워드프레스 웹사이트에 관리자로 로그인합니다.
- 테마 설정 페이지로 이동: 대시보드에서 "외모" 또는 "디자인"과 관련된 메뉴 항목을 찾아 선택합니다. 일반적으로 "테마" 또는 "테마 설정"과 같은 이름일 것입니다.
- 테마 설정 옵션 탐색: 선택한 테마 설정 페이지에서 테마의 옵션을 탐색합니다. 이 옵션은 테마마다 다를 수 있으며, 일반적으로는 레이아웃, 색상, 로고, 폰트 및 홈페이지의 다양한 요소를 설정할 수 있습니다.
- 원하는 변경사항 적용: 테마 설정 페이지에서 원하는 변경사항을 설정하고 저장 또는 적용하는 버튼을 클릭합니다. 대부분의 테마는 실시간 미리 보기 기능을 제공하여 변경 사항을 미리 확인할 수 있습니다.
- 변경 내용 저장: 설정을 완료한 후 변경 내용을 저장합니다. 이로써 새로운 테마 설정이 웹사이트에 적용됩니다.
플러그인 설정 변경:
- 워드프레스 대시보드에 로그인: 워드프레스 웹사이트에 관리자로 로그인합니다.
- 플러그인 관리 페이지로 이동: 대시보드에서 "플러그인" 또는 "확장 기능"과 관련된 메뉴 항목을 선택합니다.
- 플러그인 목록에서 원하는 플러그인 선택: 원하는 플러그인을 찾아서 활성화되어 있는지 확인하고, 플러그인 이름을 클릭하여 설정 페이지로 이동합니다.
- 플러그인 설정 옵션 탐색: 선택한 플러그인의 설정 페이지에서 해당 플러그인에 관련된 옵션을 탐색합니다. 플러그인에 따라 설정 항목이 다를 수 있습니다.
- 원하는 변경사항 적용: 플러그인 설정 페이지에서 원하는 변경사항을 설정하고 적용 또는 저장하는 버튼을 클릭합니다. 몇몇 플러그인은 자세한 설정을 위해 여러 개의 하위 탭을 제공할 수 있습니다.
- 변경 내용 저장: 설정을 완료한 후 변경 내용을 저장합니다. 이로써 새로운 플러그인 설정이 웹사이트에 적용됩니다.
테마와 플러그인 설정은 각각의 테마 및 플러그인에 따라 다를 수 있으므로, 특정 테마 또는 플러그인의 공식 문서를 참고하거나 관련 도움말을 살펴보는 것이 도움이 될 수 있습니다.
2. 크롬에서 브라우저 설정
Google 크롬 브라우저의 설정은 다양한 옵션과 기능을 사용자가 조절하고 사용자 경험을 개인화하는 데 도움이 됩니다. 아래에서 Google 크롬 브라우저의 설정 메뉴로 이동하고 일반적인 설정 옵션을 설정하는 방법을 자세히 설명하겠습니다:
- 크롬 브라우저 열기: 먼저 컴퓨터에서 Google 크롬 브라우저를 엽니다.
- 설정 메뉴로 이동: 크롬 브라우저 오른쪽 상단에 있는 메뉴 아이콘 (세로로 높은 세 점)을 클릭합니다.
- 설정 선택: 메뉴가 열리면 "설정"을 선택합니다.
- 일반 설정 탭으로 이동: 설정 페이지에서 왼쪽 사이드바에 "일반" 탭이 있는지 확인하고, 이 탭을 클릭합니다.
- 일반 설정 옵션 변경: "일반" 탭 아래에서 다음과 같은 일반 설정 옵션을 변경할 수 있습니다:
- 시작 페이지 설정: "시작 페이지" 섹션에서 원하는 홈페이지 주소를 입력할 수 있습니다. 이 페이지가 크롬을 시작할 때 열립니다.
- 검색 엔진 관리: "검색 엔진" 섹션에서 기본 검색 엔진을 선택하거나 관리할 수 있습니다.
- 언어 설정: "언어" 섹션에서 원하는 언어를 선택하거나 추가 언어를 관리할 수 있습니다.
- 크롬 업데이트: "Google 크롬 정보" 섹션에서 크롬을 최신 버전으로 업데이트할 수 있습니다.
- 시스템: "시스템" 섹션에서 크롬 브라우저의 동작과 성능을 개선하는 설정을 변경할 수 있습니다.
- 설정 저장: 변경한 설정을 저장하려면 화면 하단에 있는 "설정 저장" 또는 "변경 내용 저장" 버튼을 클릭합니다.
이러한 단계를 따라 크롬 브라우저의 기본 설정을 변경할 수 있습니다. 크롬은 많은 다른 설정 옵션과 확장 기능을 제공하므로, 원하는 설정을 찾아 개인화할 수 있습니다.
3. 워드프레스에서 HTML 및 CSS 구문으로 새탭에서 링크 열기하는 방법
HTML과 CSS를 사용하여 웹 페이지 디자인을 변경하려면 다음 단계를 따를 수 있습니다.
HTML과 CSS 구문 설정 방법:
- HTML 파일 열기 또는 생성하기:
- 이미 존재하는 HTML 파일을 열거나
- 새로운 HTML 파일을 생성합니다.
- HTML 구조 정의:
<html>,<head>,<body>등과 같은 기본 HTML 요소를 추가하여 페이지 구조를 정의합니다.
html<html> <head> <title>웹 페이지 제목</title> </head> <body> <!-- 웹 페이지 내용 --> </body> </html> - CSS 스타일시트 연결:
- CSS 스타일을 적용하기 위해
<link>요소를 사용하여 외부 CSS 파일을 연결합니다. 또는<style>요소 내에 CSS 코드를 작성할 수도 있습니다.
또는 내부 스타일 시트 사용:html<head> <link rel="stylesheet" type="text/css" href="styles.css"> </head> - CSS 스타일을 적용하기 위해
-
html
<head> <style> /* CSS 코드 여기에 작성 */ </style> </head> - 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; } - HTML 요소에 클래스 또는 ID 추가:
- CSS 스타일을 적용하려는 HTML 요소에 클래스 또는 ID 속성을 추가합니다.
html<h1 class="title">웹 페이지 제목</h1> <div class="container"> <p>웹 페이지 내용</p> </div> - CSS 스타일 적용:
- CSS 스타일이 HTML 요소에 적용됩니다. 이제 웹 페이지의 디자인이 변경되었을 것입니다.
간단한 CSS 예제:
다음은 간단한 HTML과 CSS 예제입니다. 이 예제는 웹 페이지의 제목을 스타일링하고 배경색을 변경합니다.
<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>
/* 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 코드를 검토하고 조절해야 합니다. 이러한 설정들이 새 탭에서 열린 원인이 될 수 있으므로, 원하는 동작을 얻기 위해 이러한 설정을 확인하고 수정해야 합니다.
댓글