워드프레스 앵커 링크 클릭 시 부드러운 스크롤 효과 구현하기
앵커 링크를 만들어 페이지 내에서 이동이 가능합니다. 앵커 링크를 클릭할 때 곧바로 이동하는 경우 간단한 CSS를 사용하여 부드러운...
앵커 링크를 만들어 페이지 내에서 이동이 가능합니다. 앵커 링크를 클릭할 때 곧바로 이동하는 경우 간단한 CSS를 사용하여 부드러운...
워드프레스에서 표를 만들어 표시하고 싶은 경우 TablePress와 같은 테이블 플러그인을 사용하거나 블록 에디터의 테이블 블럭을 사용할 수 있습니다....
워드프레스 블록 에디터에서 텍스트에 밑줄을 그으려면 Ctrl+U 단축키를 사용할 수 있습니다. 단축키가 작동하지 않는 경우에는 문단 블록의 더...
CSS를 사용하여 텍스트의 절반 높이만 형광펜으로 표시할 수 있습니다. 워드프레스에서 특정 텍스트에 절반 높이만 하이라이트 효과를 적용하고 싶은...
이 워드프레스 블로그 글에 삽입된 이미지에는 그림자 효과(음영 효과)가 적용되어 있습니다. 이 글에서는 워드프레스 포스트 본문에 추가된 이미지에...
CSS를 사용하여 리스트 불릿 포인트(bullet point)를 변경할 수 있습니다. 워드프레스의 경우 테마에 따라 목록 불릿 포인트가 조금씩 차이가...
메뉴 클릭 시 빨간색 또는 파란색 테두리가 표시되는 경우가 있습니다. 예를 들어, 워드프레스 OceanWP 테마에서 내비게이션 메뉴를 클릭하면...
이 블로그에서는 전면 페이지의 썸네일에 마우스를 올리면 그레이스케일 필터가 적용되도록 설정되었습니다. 이미지에 그레이스케일 효과를 적용하고 싶은 경우 CSS로...
최근 워드프레스 테마를 변경하고 나니 blockquote 태그가 제대로 적용되지 않고 일반적인 텍스트 형식으로 나오는 현상이 발생했습니다. 그래서 단순한...
기본적인 CSS를 알면 워드프레스 테마 옵션이나 페이지 빌더에서 특정 요소의 컬러나 너비 등을 조정하는 옵션을 제공하지 않아도 수월하게...