구글 블로그 반응형 테마 사용법: 이메일 구독 신청폼에 글자 텍스트 추가하는 방법
반응형 테마에 기본적으로 들어 있는 이메일 구독 신청 (Subscribe) 폼에, HTML 편집을 하지 않고, 간단하게 글자(텍스트)를 간단하게 삽입할 수 있습니다.
아래 그림에서, 주황색 동그라미로 표시한 "이메일 구독신청"이라는 문구는 추가하여 넣은 것입니다.
[반응형 테마의 이메일 구독신청폼에 글자를 추가한 모습]
이메일 구독신청 폼에 글자 넣는 방법
>> 테마 디자이너 > Advanced > Add CSS 로 이동하여, 사용자 CSS 입력창을 열고, 아래와 같이 입력하면 됩니다.
>> '이메일 구독신청' 대신에 원하는 문구(텍스트)로 바꾸면 됩니다.
.subscribe-title:after 에서 after 대신에 before 로 바꾸면, 추가되는 텍스트가 앞쪽에 들어 갑니다.
[추가하는 텍스트를 앞쪽에 넣기]
[테마 디자이너에서, 사용자 CSS 입력하는 방법]
참고:
이메일 구독신청 폼에 글자를 추가한 실제 모습은 아래 링크 페이지에서 볼 수 있습니다.
>> 시장통
페이지의 맨 상단에 있는 "Subscribe" 버튼을 누르면 됩니다.
>> 구글블로그 사용법: CSS코드 추가 변경하는 방법 2가지
도움이 되기를 바랍니다.
아래 그림에서, 주황색 동그라미로 표시한 "이메일 구독신청"이라는 문구는 추가하여 넣은 것입니다.
[반응형 테마의 이메일 구독신청폼에 글자를 추가한 모습]
이메일 구독신청 폼에 글자 넣는 방법
>> 테마 디자이너 > Advanced > Add CSS 로 이동하여, 사용자 CSS 입력창을 열고, 아래와 같이 입력하면 됩니다.
>> '이메일 구독신청' 대신에 원하는 문구(텍스트)로 바꾸면 됩니다.
.subscribe-title:after {content:'이메일구독신청';}
.subscribe-title:after 에서 after 대신에 before 로 바꾸면, 추가되는 텍스트가 앞쪽에 들어 갑니다.
[추가하는 텍스트를 앞쪽에 넣기]
.subscribe-title:before{content:'이메일구독신청';}
[테마 디자이너에서, 사용자 CSS 입력하는 방법]
참고:
이메일 구독신청 폼에 글자를 추가한 실제 모습은 아래 링크 페이지에서 볼 수 있습니다.
>> 시장통
페이지의 맨 상단에 있는 "Subscribe" 버튼을 누르면 됩니다.
>> 구글블로그 사용법: CSS코드 추가 변경하는 방법 2가지
도움이 되기를 바랍니다.