Divi를 사용하면 머리글에서 바닥 글까지 웹 사이트의 모든 세부 사항을 제어하고 디자인 할 수 있습니다. 웹 사이트에서 가장 많이 클릭되는 요소 중 하나는 소셜 미디어 아이콘입니다. 참여도가 높은 청중은 다른 곳에서 귀하를 찾고 귀하를 알고 싶어합니다. 분명히 가능한 한 쉽게 만들고 싶을 것입니다. 

따라서 Divi의 테마 옵션에서 추가 소셜 미디어 아이콘을 활성화하는 방법, Divi Builder를 사용하여 페이지나 게시물의 아무 곳에나 소셜 미디어 아이콘을 삽입하는 방법, 디비 테마 사이트의 구석구석에 소셜 미디어 아이콘을 추가하는 빌더.

Divi 바닥 글에서 추가 소셜 미디어 아이콘을 쉽게 활성화하는 방법

Divi 사이트에 더 많은 소셜 미디어 아이콘을 추가하는 가장 쉬운 방법은 패널로 이동하는 것입니다. 테마 옵션 , Facebook, Twitter, Instagram 및 RSS에 대한 활성화 옵션. 그런 다음 필드에 프로필의 URL을 입력하기 만하면됩니다. 이렇게하면 사이트 바닥 글에 아이콘 링크로 표시됩니다.

사회 아이콘 divi

워드 프레스 대시 보드 메뉴에서 Divi-테마 옵션 탭을 클릭하십시오 일반 . 네트워크 스위치를 보려면 아래로 스크롤하십시오. 또한 해당 토글 바로 아래에 활성화 한 각 Divi 소셜 아이콘의 URL을 입력해야합니다. 그렇지 않으면 아이콘이 나타나지만 아이콘을 클릭하면 사용자가 어디에도 없습니다. 사용 # URL 대신 사용자를 잠재적으로 페이지로 리디렉션하지 않고 페이지 404 .

Divi 테마 옵션

테마 옵션의 끝으로 스크롤하고 변경 사항 저장 . 이제 사이트의 바닥 글로 이동하여 소셜 아이콘을 클릭하여 테스트 할 수 있습니다!

바닥 글에 아이콘이 보이지 않으면 아래에서 테마 맞춤 설정 도구를 확인하십시오 모양-사용자 정의 그리고 확인 소셜 아이콘 표시 바닥 글 옵션에서 확인됩니다.

Divi 워드 프레스

그러나 소셜 바닥 글 아이콘에 대한 더 많은 옵션을 원한다면 Divi Theme Builder의 섹션으로 계속 스크롤하여 사용자 정의 템플릿과 전체 기본값을 모두 논의하십시오.

Divi Builder를 사용하여 소셜 미디어 추적기를 페이지에 추가하거나 콘텐츠를 게시하는 방법

때로는 페이지나 게시물 본문의 텍스트 블록, 이미지 또는 기타 콘텐츠 사이에 추가 소셜 미디어 아이콘을 배치하는 것이 많은 의미가 있을 수 있습니다. 예를 들어 랜딩 페이지나 정보 페이지는 사용자에게 알리기 위해 추가 소셜 아이콘을 추가하기에 좋은 위치입니다. 방문자 당신과 연결하는 방법에. 일반 텍스트를 사용하여 소셜 프로필에 연결하는 것 이상으로 눈에 띌 것입니다. 또한 사람들은 알아볼 수 있는 아이콘을 찾고 있습니다.

Divi Builder를 사용하여 소셜 미디어 아이콘을 페이지 또는 게시물에 직접 삽입 할 수 있습니다. 소셜 미디어 추적 .

WordPress 대시 보드에서 기존 페이지 나 기사를 만들거나 열 때마다 Divi Builder 사용 여부를 묻는 큰 자주색 버튼이 표시됩니다.

Divi 기사 생성

물론 그렇습니다. 그냥 클릭 Divi Builder 사용 페이지를 작성하거나 처음부터 게시 (또는 사전 정의 된 레이아웃 ). 또한 기본 WordPress 편집기를 사용하는 경우 Divi 소셜 미디어 아이콘을 포함 할 수 있습니다. 필요한 것은 블록을 삽입하는 것입니다. 디비 레이아웃 아래에서 수행하는 것과 동일한 단계를 따릅니다.

Divi Gutenberg 레이아웃

도구를 사용하여 사용 가능한 페이지 빌더 모듈을 사용하여 원하는대로 페이지 또는 게시물을 디자인 할 수 있습니다. Divi Builder를 처음 사용하는 경우 먼저이 개요를 확인하여 작동 방식을 명확하게 이해하는 것이 좋습니다.

소셜 미디어 아이콘을 페이지에 추가 할 준비가되면 검은 원 + 소셜 미디어 아이콘을 배치하려는 섹션에서 소셜 미디어 추적 이 나타납니다.

소셜 미디어에 모듈 팔로우 삽입

개인화를 시작하기 전에 원하는 소셜 네트워크를 선택하라는 메시지가 표시됩니다. 클릭 새로운 소셜 네트워크 추가 .

소셜 네트워크 소셜 모듈 divi 추가

그런 다음 드롭 다운 목록에서 하나를 선택하십시오.

새로운 소셜 네트워크 추가

선택한 상태에서 프로필의 URL을 추가하십시오. 선택적으로 색상, 그라디언트, 배경 등을 선택할 수 있습니다. 아이콘에 따라 다릅니다.

소셜 네트워크 버튼 사용자 지정

첫 번째 소셜 네트워크를 추가 한 후에는 동일한 단계에 따라 다른 네트워크를 계속 추가 할 수 있습니다. 탭 아래에 모두 나열됩니다. 내용 의 소셜 미디어 추적 설정 . 드래그 앤 드롭하여 편집, 복사 또는 재정렬 할 수 있습니다.

소셜 아이콘 사용자 지정

소셜 네트워크를 추가했으면 탭으로 전환하십시오. 내용 et 임신 다른 사용자 지정 옵션으로 플레이 할 수 있습니다. 상자의 그림자, 테두리 반경, 간격, 필터 및 아이콘 모듈의 인트로 애니메이션까지 모든 것을 변경할 수 있습니다. 버튼을 포함 할 수도 있습니다. 따라 모든 아이콘에 더 많은 관심을 끌 수 있습니다. 완료되면 녹색 진드기 .

우리를 따르라 버튼 divi

그런 다음 페이지에서 아이콘을 이동하여 적절하다고 판단되는 간격과 레이아웃을 작업 할 수 있습니다. (그만큼 분할 변환 옵션 그 결정에 놀랍습니다.) 모든 결정에 만족하면 녹색 저장 (또는 게시) 버튼 새 소셜 미디어 아이콘 모듈을 등록하려면 오른쪽 하단 모서리에 있습니다. 게시 / 저장 버튼이 표시되지 않으면 자주색 줄임표 (세 개의 점) 메뉴를 확장하려면 화면 하단 중앙에 있습니다.

Divi 버튼은 우리를 따르십시오

그 후에는 소셜 미디어 아이콘이 사이트에 게시됩니다.

Divi Theme Builder를 사용하여 소셜 미디어 아이콘 추가

위에서 언급했듯이 Divi Theme Builder는 사이트의 거의 모든 측면을 완벽하게 제어 할 수있는 강력한 도구입니다. 따라서 어디에서나 소셜 미디어 아이콘을 추가하려는 경우 테마 생성기를 사용하면됩니다.

테마 생성기로 시작하려면 Divi-테마 생성기 워드 프레스 대시 보드입니다.

디비 빌더

이것은 빌더 레이아웃에 소셜 미디어 아이콘을 추가하는 것과 관련이 있습니다. 디비 테마 기존의. 아니면 새것으로! 사이트의 전체 머리글, 바닥글, 본문 또는 특정 카테고리나 기타 특수 페이지 유형에 추가하는 것은 중요하지 않습니다. 당신은 같은 과정을 따를 것입니다.

먼저 추가 할 섹션을 찾습니다. 다시 말하지만, 글로벌 또는 개인화가 가능합니다. 이전에 테마 빌더를 사용한 적이 없다면 쉽습니다. 개별 게시물에 소셜 미디어 아이콘을 추가 할 예정입니다. 따라서 클릭하여 시작할 수 있습니다. 새 모델 추가 그리고 선택 모든 메시지 ou 특정 카테고리의 메시지 . 그런 다음 포함 할 카테고리를 선택하십시오. 그런 다음 템플릿 만들기 .

divi 모델 추가

이미 템플릿을 설정 한 경우 연필 편집 또는 수정하려는 섹션을 두 번 클릭하십시오.

Divi 레이아웃

여기에 소셜 미디어 아이콘을 추가하는 과정은 생성기에서 위에서 설명한 것과 동일합니다. 그러나 단일 페이지를 편집하는 대신 테마 작성기를 사용하기 때문에 선택한 위치에만 아이콘이 표시되지 않습니다. 머리글, 바닥 글 및 전역 템플릿에 템플릿을 추가 할 수 있습니다. 한 번 구성하지 않고도 표시 방법과시기를 선택할 수 있습니다. 위와 같이 페이지 단위가 아닙니다.

예를 들어 게시물 제목 아래에 소셜 미디어 아이콘을 포함하고 싶지만 게시하는 모든 블로그 게시물의 게시물 콘텐츠 위에 모듈을 추가합니다. 따라 소셜 네트워크. 원을 클릭 노아 + 대화 상자에서 선택 모듈 삽입 .

소셜 모듈 선택

그런 다음 소셜 미디어 아이콘을 표시 할 위치로 모듈을 드래그하면됩니다. (이 배치에는 와이어 프레임 모드를 사용하고 있습니다). 그런 다음 표시하려는 소셜 네트워크를 추가하기 만하면됩니다. 그런 다음 위에서 한 것처럼 크기와 색상을 사용자 정의합니다.

소셜 아이콘 미디어 모듈 divi

이와 같이 소셜 미디어 생성기에 소셜 미디어 아이콘을 추가했습니다. 디비 테마. 이 예에서는 귀하가 작성하는 모든 블로그 게시물에 표시됩니다.

공유 버튼이있는 divi에 표시

모양이 마음에 들지 않으면 테마 생성기는 쉽게 사용자 지정할 수 있습니다. 사이드 바 상단과 같은 다른 위치로 드래그하면됩니다.

Divi 소셜 공유 모듈 이동

녹색 버튼을 클릭하십시오 레지스터 구석에. 이제 사이트에서이 템플릿이있는 모든 블로그 게시물이 사이드 바 상단에 소셜 미디어 아이콘과 함께 업로드됩니다.

사이드 바 아이콘

Divi Theme Builder로 머리글 및 바닥 글에 소셜 미디어 아이콘 추가

Divi 설정의 기본 소셜 미디어 아이콘이 작동하지 않거나 충분한 사용자 정의를 제공하지 않았을 수 있습니다. 이 경우 언제든지 테마 빌더를 사용하여 더 완벽하게 사용자 지정할 수 있습니다. 

모든 템플릿에서 사용자 지정 바닥 글을 추가 할 수 있습니다. 이것은 기본 Divi를 대체합니다. 사용자 지정 템플릿이없는 모든 템플릿은 기본 테마 요소를 표시합니다. 소셜 미디어 아이콘은 사용자의 필요에 따라 게시물마다 다를 수 있습니다.

개인화 테마 divi 레이아웃

대체 할 전역 바닥 글을 추가 할 수도 있습니다. 모든 사용자가 만든 다른 바닥 글. (전역 본문 및 헤더에도 적용됩니다). 

게시물, 페이지, 프로젝트 및 범주에 대해 4 개의 사용자 지정 바닥 글을 디자인 한 다음 전역 바닥 글을 만든 경우 전역 바닥 글 만 표시됩니다. 

글로벌 템플릿은 신문이나 브랜드 등 사이트 전체의 소셜 미디어 아이콘에 적합합니다. 소셜 아이콘이있는 사용자 지정 템플릿은 네트워크의 일부인 개별 제작자에게 가장 적합 할 수 있습니다.

전역 divi 바닥 글 추가

사용자 지정 머리글, 바닥 글 및 본문 템플릿에 Divi Builder를 사용하면 원하는 거의 모든 Divi 부분에 소셜 미디어 아이콘을 추가 할 수 있습니다. 기본 디자인에 국한되지 않거나 WordPress 파일 시스템을 파헤쳐 야합니다. 또한 테마 생성기를 사용하면 Divi의 디자인 옵션을 사용하여 소셜 미디어 아이콘을 장식하고 각 특정 청중에게 올바른 방식으로 눈에 띄게 만들 수 있습니다.

결론

기본 Divi 바닥 글 옵션, 게시물 및 페이지 용 Divi Builder 도구, Divi Theme Builder의 강력한 기능이 있으면 설치해야 할 이유가 없습니다. 웹 사이트에 소셜 미디어 아이콘을 추가하는 플러그인. Divi는 소셜 아이콘의 모양과 위치를 완전히 제어 할 수 있습니다. 

필요한지 여부 홍보 브랜드, 게스트 작성자, 콘텐츠 제작자 또는 단순히 온라인에서 찾을 수 있는 장소 등 Divi에는 이를 수행할 수 있는 방법이 있습니다. 우리는 편견이 있지만 이것이 귀하의 웹사이트에 소셜 미디어 아이콘을 추가하는 가장 쉽고 간단하며 가장 우아한 방법이라고 생각합니다.