Website building
방법 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 (크롤링 + 다운로드) ✳ 추천 조합:
지금 분석해 본 any4u.xyz의 페이지 소스코드와 테마 구조를 기반으로, **excerpt(발췌)**의 길이를 조정하는 방법은 아래와 같습니다: 현재 excerpt 구조 분석 소스코드에서 각 게시물의 발췌는 다음과 같이 표현되어 있습니다: html복사편집<div class=”ast-excerpt-container ast-blog-single-element”> <p>WordPress에서 functions.php는 테마의 기능을 확장하거나 사용자 정의 기능을 추가할 수 있는…</p> </div> 이로 보아 Astra 테마의 excerpt는 기본적으로 단어 수로 제한되고 있으며, CSS로 시각적으로 줄
WordPress에서 functions.php는 테마의 기능을 확장하거나 사용자 정의 기능을 추가할 수 있는 테마 전용 PHP 파일입니다. 이 파일은 WordPress 테마의 핵심 구성 요소 중 하나이며, 일종의 테마 전용 “플러그인”처럼 작동합니다. functions.php의 주요 역할 역할 설명 🔧 기능 추가 테마에 맞는 사용자 정의 기능을 추가 (예: 썸네일 지원, 사용자 메뉴 생성 등) 🧩 커스텀 코드 실행 자바스크립트나