댓글은 인터넷에서 커뮤니티를 구축하는 데 중요한 역할을합니다. 댓글은 독자가 자신의 생각을 공유 할 수있는 상호 작용의 플랫폼을 제공하여 자주 돌아오고 싶어합니다.

사용자가 블로그에 댓글을 남기도록 유도하는 방법에는 여러 가지가 있습니다. 이러한 방법 중 하나는 아름답고 유용하며 액세스 가능한 댓글 양식을 만드는 것입니다.

이 튜토리얼에서는 기본 WordPress 댓글 양식의 스타일을 지정하는 방법과 소셜 미디어 ID를 통해 댓글 기능을 추가하는 방법, 댓글 구독 기능을 만드는 방법 등을 보여줍니다. 더.

그러나 이전에 WordPress discover를 설치 한 적이 없다면 워드 프레스 블로그 7 단계를 설치하는 방법 et 어떻게 찾아 설치하고 블로그에 워드 프레스 테마를 활성화하려면 

그런 다음 왜 우리가 여기 있는지 다시 돌아옵니다.

댓글 워드 프레스의 스타일을 변경하는 방법

스타일에 대해 이야기 할 때 일의 CSS 측면. 아래에서는 WordPress에서 댓글 양식의 모양을 사용자 정의하는 방법을 보여줍니다. 기본적으로 WordPress의 각 요소에는 CSS 코드가 있습니다. 이것은 댓글 목록의 경우입니다. 탐색 메뉴, 의견 양식, 위젯 더.

의 파일 중 워드 프레스 테마, 우리는 파일이 comments.php 블로그 게시물 및 페이지에 댓글 및 댓글 양식을 표시하는 데 사용됩니다. WordPress 댓글 양식을 표시하려면 " comment_form () 사용됩니다.

발견 워드 프레스 로그인 페이지로 연결되는 링크를 찾는 방법

기본적으로이 기능은 XNUMX 개의 텍스트 필드 (이름, 이메일 및 웹 사이트), 큰 텍스트 상자, 댓글 내용 및 제출 버튼이있는 댓글 양식을 생성합니다.

기본 CSS 클래스 및 식별자를 조작하기 만하면 이러한 각 요소를 쉽게 수정할 수 있습니다. 다음은 WordPress가 각 주석 양식에 추가하는 기본 CSS 클래스 목록입니다.

#respond {#} 회신 제목 {#} 취소-방법을 회신 링크를 {} {} #commentform # 저자 #email {} {} {} #URL #comment # 제출 .comment 노트 {} {} .required 괜찮나 형태 저자 {} .comment 형태 - 이메일} {괜찮나 형태-URL} {괜찮나 형태-방법 {} .form-허용 - 태그 {} .form 제출

이러한 CSS 클래스를 조정하기 만하면 주석 양식의 모양을 완전히 변경할 수 있습니다. 우리가 무엇을 할 수 있는지에 대한 아이디어를 제공하기 위해 무언가를 변경해 봅시다.

발견 WordPress에 SSL을 설치 한 후 이미지 링크를 바꾸는 방법

먼저 양식의 활성 필드를 강조 표시하여 시작합니다. 활성 필드를 강조 표시함으로써 사용자는 자신이 변경하는 내용을 쉽게 볼 수 있으며 웹 사이트에 약간의 동적 인 측면을 제공합니다.

#respond {배경 : #ececec; 패딩 : 0 5 0px 5px; } / * 강조 활성 텍스트 필드 * / #respond 입력 [TYPE = 텍스트] 텍스트 영역 {-webkit 전이 모든 0.30s 쉽게 - 인 - 아웃; -moz-전환 : 모든 0.30s이 완화 된 아웃; -ms-전환 : 모든 0.30s이 완화 된 아웃; -o 전이 : 모든 0.30s이 완화 된 아웃; 개요 : 없음; 패딩 : 3px 0px 3px 3px; 마진 : 5px 1px 3px 0px; 국경 : 고체 1px의 #dddddd; } #respond 입력 [TYPE = 텍스트] 포커스 텍스트 영역 : 포커스 {상자 그림자 : 0 0 5px의 RGBA (81, 203, 238, 1); 마진 : 5px 1px 3px 0px; 테두리 : 고체 1px의 RGBA (81, 203, 238, 1); }

다음은 귀하의 의견 양식이 Twenty Twelve에 어떻게 보이는지입니다.

이러한 클래스를 사용하여 필드 내부에 텍스트가 표시되는 방식을 변경할 수 있습니다. 이것이 다음 예제에서 수행 할 작업입니다.

# 저자 {글꼴 - 가족 : 랍스터 "랍스터 1.4", "드로이드 산세", 굴림; 폰트 크기 : 16px; 색상 : #1d1d1d; 자간 : .1em; #URL} {색상 : #21759b; 글꼴 - 가족 : "Luicida 콘솔", "택배 새", "택배"미니 밴; } 

이전 코드에서 생성 된 결과는 다음과 같습니다.

댓글 양식 버튼의 스타일을 변경할 수도 있습니다. 다음 예에서는 그라데이션 배경을 제공합니다.

# 제출 {글꼴 - 가족 : 굴림; 색상 : #FFFFFF; 폰트 크기 : 20px; 패딩 : 10px; 텍스트 장식 : 없음; 상자 그림자 : 0px 1px 3px #666666; -webkit-상자 그림자 : 0px 1px 3px #666666; -moz-상자 그림자 : 0px 1px 3px #666666; 텍스트 그림자 : 1px 1px 3px #666666; 배경 : -webkit 구배 (선형, 행 (#0ad0) (#0)로부터 100 006, 4 003366의 %); 배경 : -moz 선형 구배 (상단 #006ad4, #003366); } # 제출 : 호버 {배경 : -webkit 구배 (선형, 행 (#0) (#0ad0)로부터 100 003366, 006 4의 %); 배경 : -moz 선형 구배 (상단 #003366, #006ad4)}

표시되는 결과는 다음과 같습니다.

댓글에 소셜 상호 작용을 추가하는 방법

WordPress 댓글 양식에 소셜 로그인을 추가하는 것으로 시작하겠습니다. 가장 먼저해야 할 일은 플러그인을 설치하고 활성화하는 것입니다. 사회 로그인

발견 워드 프레스의 플러그인을 설치하는 방법 이 플러그인을 활성화하려면 다음 주소로 이동하여 무료 계정을 만들어야합니다 : https://app.oneall.com

이 작업이 완료되면 사용자가 네트워크를 통해 연결할 수 있도록 사용하려는 모든 네트워크에 대해 API를 설정할 필요가 없습니다.

서로 다른 소셜 네트워크의 API는 지속적으로 변경되지만 아무것도 할 필요가 없습니다.이 플러그인의 개발자가 API 업데이트를 처리합니다. OneAll API에 로그인하기 만하면됩니다.

양식이 표시되는 방식입니다.

프리미엄 워드 프레스 플러그인도 만나보세요  

당신은 다른 것을 사용할 수 있습니다 워드 프레스 플러그인 현대적인 외관을 제공하고 블로그 또는 웹사이트의 처리를 최적화합니다.

우리는 여기에 당신을 도울 수있는 프리미엄 WordPress 플러그인을 제공합니다.

1. WP 즉시 검색 및 자동 제안

"WP Instant Search & Auto Suggest"플러그인을 사용하면 WordPress 블로그를 검색 할 때 기사, 페이지 및 사용자 지정 게시물 유형에 대한 제안을 즉시 얻을 수 있습니다. 그것은 함께 작동합니다 WPBakery et 기초.

기능은 다음과 같습니다.전체 화면 모드에서 검색, r맞춤형 출판물 유형에 대한 즉각적인 검색, 비주얼 컴포저, 티3 가지 통합 디자인 스타일, 5 색상 구성표, p키보드 및 마우스 지원, e매개 변수 등을 통해 완전히 사용자 정의 가능 ...

다운로드 | 데모 | 웹 호스팅

2. 404 오류 페이지 홈페이지 또는 사용자 정의 페이지로 리디렉션

다음은 방문자를 홈페이지 또는 사용자 정의 페이지로 리디렉션하는 404 오류 페이지를 쉽게 추가하는 가장 좋은 방법 중 하나입니다. 워드 프레스 플러그인.

모든 404 오류 페이지는 홈페이지 또는 사용자 정의 URL로 리디렉션됩니다. 이것을 이용하여 워드 프레스 플러그인, 404 오류 페이지가 많은 경우 Google에서 웹사이트의 페이지 순위를 낮추도록 허용합니다.

Ce 워드 프레스 플러그인 는 리디렉션을 수행할 뿐만 아니라 검색 엔진 결과에서 웹사이트 순위를 높이는 데 적합한 솔루션이 될 수도 있습니다.

다운로드 | 데모 | 웹 호스팅

3. 관련 게시물 프로 

Related Posts Pro는 WordPress에있는 모든 종류의 유사한 콘텐츠에 대해 간단하면서도 강력한 솔루션을 제공합니다. 맞춤 게시물 유형, 다중 사이트, 카테고리, 혼합 콘텐츠, 맞춤 콘텐츠 등을 지원합니다.

다음과 같은 기능을 제공합니다. 3의 다른 유형의 레이아웃 각 레이아웃에 대한 65 사전 정의 템플릿코딩이 필요하지 않습니다, t의 지원브라우징 및 자동 재생, 호환성 플러그인에서 사용하는 사용자 정의 포스트 유형 WooCommerceWP 전자 상거래, bbPress 등 ..., a 검색 창 필터 부착, d매우 설명적인 문서 등이 있습니다.

다운로드 | 데모 | 웹 호스팅

추천 자료

웹 사이트 구축 및 관리에 도움이되는 기타 권장 리소스에 대해 알아보십시오.

• 워드 프레스의 범주에 대한 설명을 표시하는 방법
• 완벽한 SEO를 위해 WordPress Robots.txt 파일을 최적화하는 방법
• WordPress로 마켓 플레이스를 만드는 방법
• 당신의 워드 프레스 블로그의 헤더에 위젯을 추가하는 방법

결론

여기 ! 이 튜토리얼은 끝났습니다. 이 기사가 피드백 양식을 더욱 매력적으로 만드는 데 도움이 되었기를 바랍니다. 주저하지 말고 WordPress 사용자 정의에 대한 팁을 제공하십시오. 이 기사를 좋아하는 소셜 네트워크에서 친구들과 공유하십시오. 

그러나 귀하는 우리와 상담 할 수 있습니다. 능숙, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작.

제안이나 의견이 있으면 섹션에 남겨주세요 commentaires.

...