CSS

게시글 내의 이미지에 테두리나 배경이 없어서 심심해 보이기도 하고 가독성도 떨어져 보인다. 이미지에 그림자(음영) 효과를 넣으면 이미지도 돋보이고 가독성도 향상되어 SEO(검색엔진최적화)에도 도움이 될 것이다. 이번에는 워드프레스 이미지 그림자 효과를 적용해 본다. CSS box-shadow 속성 먼저 그림자를 추가하려면 box-shadow 속성에 대한 이해가 필요하다. box-shadow 속성은 CSS 요소에 그림자를 추가하는 속성이다. 위와 같이 box-shadow 속성을 정의해서 원하는 … Read more about 워드프레스 이미지 그림자 효과 적용하기

글 작성 시 제목들이 크기만 조금씩 달라 구분이 쉽지 않다. 제목마다 간격이나 색상, 글자 크기 등, 스타일을 적용하면 게시글이 보기 좋고 읽기도 쉽게 되어 SEO(검색엔진최적화)에도 도움이 될 것이다. 이번에는 워드프레스 제목 스타일을 변경해 보도록 한다. CSS 스타일 코드 작성 워드프레스 제목에 CSS 스타일을 적용하려면 CSS 코드를 작성해야 한다. CSS 작성이 가능할 경우 직접 작성하면 되고, … Read more about 워드프레스 제목 스타일 변경 하기

이미지 하단의 설명글을 캡션이라고 하는데, 글자 크기나 색상이 본문과 비슷한 밋밋한 스타일이어서 구분이 어렵고 마음에 들지 않았다. 이번에는 테마(모양)의 사용자 정의기능을 이용해서 워드프레스 이미지 캡션 스타일 변경을 진행해 보고 내용을 공유한다. 이미지 캡션 스타일 변경 추가CSS 메뉴 이동 워드프레스 이미지 캡션 스타일을 변경하려면 추가CSS 설정으로 가능하다. 워드프레스관리자>모양>사용자정의>추가CSS메뉴로 이동한다. CSS코드 적용 스택오버플로우를 참고하여 텍스트를 왼쪽정렬하고 색상과 … Read more about 워드프레스 이미지 캡션 스타일 변경하기