Wordpress
1. 마우스 오른쪽 버튼 방지 복사 기능의 대표적인 경로인 우클릭을 차단합니다. 🔧 방법 플러그인 사용 (추천): 설치 후 관리자 화면에서 복사 방지 기능을 설정할 수 있습니다. 2. 텍스트 드래그(선택) 방지 css복사편집/* Additional CSS에 삽입 */ body { user-select: none; -webkit-user-select: none; -moz-user-select: none; } ⚠️ 하지만 개발자 도구(F12)를 통해 여전히 복사 가능하므로 완전한 보호는 아님 […]
CSS는 웹사이트를 디자인하고 꾸미는 데 사용되는 언어입니다. CSS란? CSS는 Cascading Style Sheets의 줄임말로,**웹페이지의 스타일(모양)**을 지정하는 언어입니다. HTML이 웹페이지의 뼈대를 만든다면,CSS는 그 위에 색상, 크기, 간격, 폰트, 애니메이션 등을 입혀주는 디자이너 역할을 합니다. 예시로 쉽게 보기 html복사편집<!– HTML –> <p>Hello, world!</p> css복사편집/* CSS */ p { color: blue; font-size: 18px; } 위의 CSS는 모든 <p> 태그에
방법 1: CSS로 Category Description 숨기기 HTML 구조를 보면, description은 <div class=”ast-archive-description”> 안에 있습니다. 이 영역을 숨기려면 다음과 같은 CSS를 추가하세요: css복사편집.ast-archive-description { display: none !important; } 적용 방법 방법 2: 테마 파일에서 직접 제거 (고급 방법) FTP 또는 **자식 테마(child theme)**에서 category.php, archive.php, content-archive.php 또는 template-tags.php 등을 수정해야 합니다. 예: archive.php에서 아래 코드 제거
WordPress에서 excerpt(발췌) 부분의 글꼴 크기(font-size)를 조절하려면 아래와 같은 방법을 사용하면 됩니다. 특히 Astra 테마에서는 CSS 클래스를 지정하여 조절할 수 있어요. 방법 1: CSS로 excerpt 폰트 크기 변경하기 사용되는 주요 클래스: 예시 CSS 코드: css복사편집.ast-excerpt-container { font-size: 16px !important; line-height: 1.6; } 설정 위치: 방법 2: 반응형 적용 (모바일 따로 설정) css복사편집@media (max-width: 768px) { .ast-excerpt-container
Astra 테마 기반 WordPress 블로그의 **사이드바 글꼴 크기(font size)**를 줄이려면, 아래 CSS 코드를 **”추가 CSS”**에 입력하세요. 사이드바 전체 폰트 크기 줄이기 (기본 17px → 예: 15px) css복사편집#secondary, #secondary button, #secondary input, #secondary select, #secondary textarea { font-size: 15px !important; } 사이드바 위젯 제목 크기 줄이기 (기본 약 24px → 예: 18px) css복사편집#secondary .widget-title, #secondary h2
방법 1: Customizer의 Additional CSS 사용 설정 경로: WordPress 대시보드 > Appearance(외모) > Customize(커스터마이즈) > Additional CSS 예시 코드: css복사편집/* 사이드바 전체 줄 간격 조절 */ .sidebar-main * { line-height: 1.6; /* 기본값은 보통 1.5~1.6, 숫자를 키우면 간격이 넓어짐 */ } 🔹 세부 항목별로 조절하고 싶다면 예: css복사편집/* 사이드바 위젯 제목 */ .sidebar-main .widget-title {
워드프레스 블로그에서 **포스트 간 간격(posting spacing)**을 줄이려면, 다음의 CSS 코드를 적용하면 됩니다. 현재 사용하는 Astra 테마와 blog-layout-5 구조를 기준으로 최적화했습니다. 각 website 마다 다릅니다. chatgpt에 website html을 넣고 분석하면, 바로 조정할 수 있습니다. 방법: 포스트 간 간격 줄이기 (margin-bottom 조절) CSS 코드 css복사편집.ast-article-post { margin-bottom: 1em !important; /* 기본값은 약 2em 또는 3em */ }
웹사이트의 HTML 구조를 확인하고 다운로드까지 할 수 있는 사이트 또는 도구는 다음과 같습니다: 1. View Page Source 2. HTTrack (HTML 사이트 전체 다운로드 도구) 3. Chrome 브라우저 개발자 도구 (수동 확인 및 저장) 또는: 4. Webscraper.io (크롤링 + 다운로드) ✳ 추천 조합: