How to Add Social Media Icons to the WordPress Menu Without a Plugin

안녕하세요, 여기 Hoz입니다 동영상을 추가하는 방법을 보여 드리겠습니다

WordPress에 소셜 미디어 아이콘 이것을 위해 예 저는 테스트 블로그를 사용할 것입니다 이게 네가 여기서 볼 수있는거야 멋진 일이고이 예에서 나는 삽입하려고한다고 가정합니다 WordPress의 소셜 미디어 아이콘 메뉴

내 메뉴 내 탐색 메뉴는 상단에서 볼 수있는 흰색 막대 실제로 그것은 헤더이지만 탐색 메뉴가 오른쪽에 있습니다 옆에있는 링크를 볼 수 있습니다 나에 관해서는 일반적으로 당신이 블로그 접촉에 대해 소셜 미디어 아이콘을 원하거나 마치 마치 거기에 표시되는 다양한 메뉴 항목이었고 분명히 그 소셜 미디어 아이콘을 클릭하십시오 너를 데려다 줄거야 사용자를 소셜 미디어로 데려 가기 트래픽을 유도하려는 속성 에

좋아, 내가 너에게 보여줄거야 당신이 가고있는 멋진 리소스 반복해서 사용하기를 원하기 때문에 그것은 단지 굉장한 ok 다 그래서 좋아, 첫 번째 우리가 필요로하는 것은 아이콘이나 아이콘은 이것에 대해 말해 보자 우리는 페이스 북을 설정하려고합니다 우리가 원하는 모든 아이콘 분명히이 프로세스를 원하는만큼 아이콘을 추가하는 데 사용하십시오

그것은 단지 헹굼과 반복이지만 거기에 Facebook 아이콘을 추가하고 싶습니다 가장 먼저 필요한 것은 아이콘이고 우리가 갈 두 번째 일은 링크가 필요합니다 그렇게 분명하게 자연스럽게 사회적 아이콘이 있다면 거기에 당신이 링크를 기대할 것입니다 어딘가로 가면 나는 단어 아이콘과 링크가 같은 의미로 사용됩니다 이 ok를 통하여 첫번째 물건은이다

우리가 할 수있는 아이콘을 찾아 보자 분명히 가지고 있지 않은 사용 저작권 제한 및 우리가 그것을 사용할 수 있고 그 자원을 칠 수있다 나는에 언급하기 전에 언급했다 font awesome dot IO라고 불리는 웹 사이트 걱정하지 마라 나는 이것들을 포함시킬 것이다

링크 및 설명 하단에 동영상 하단 YouTube에서이 동영상을보고 있다면 니가 있으면 설명에 들어갈거야 내 블로그에서 링크를 볼 것입니다 실제로 기사의 일부분이거나 아마이 비디오를두고 떠날거야 어쨌든 괜찮아요이 글꼴은 굉장합니다 정말 이걸 방문하는 것이 좋습니다

웹 사이트에서 당신이 블로깅을한다면 당신이 필요로하는 웹 사이트를 구축하십시오 당신은 이것을 사랑할 수 있습니다 자원 괜찮아 그래서이 예제에서는 우리는 여기서 아이콘으로 갈거야 너는 들어 와서 분명히 이것을 탐구한다

당신의 마음 속에 담긴 내용으로 예를 들어 아이콘을 클릭하면됩니다 탐색 메뉴의 아이콘을 클릭합니다 아이러니하게도 그들은 사회적으로 자신의 탐색에 미디어 아이콘 좋아요 아이콘 페이지로 이동합니다

여기에 엄청난 아이콘과 그들은 그것들을 잘 분류했다 응용 프로그램 아이콘 에 대한 아이콘이 있습니다 모든 것이 정말로 거기에 차가있어

화장실있어 당신이 할 수있는 모든 것 접근성 향상 아이콘을 원한다 웹 사이트의 종류에 따라 건물 손 아이콘 교통 성별 및 목록 이동 통화 아이콘과 계속 켜져있다 에서 아이콘을 얻는 가장 좋은 장소 정말 웹 사이트 디자인을 향상시키고 경험이 좋아서 돌아 가자 우리가하는 일에 우리가 갈거야

여기에있는 검색 창으로 제목 섹션 아래 및 여기 우리는 얼굴을 보게 될 것입니다 페이스 북을 검색하려고합니다 사회적인 것을 자동으로 불러옵니다 미디어 아이콘을 사용할 수 있으며 일치하는 우리의 검색 및이 경우 우리는 그들이 가지고있는 페이스 북을 검색하기 우리가 사용할 수있는 3 가지 아이콘과 당신이 이 아이콘 위에 커서를 올리십시오

당신은 그들이 녹색으로 변하는 것을 볼 수 있습니다 강조하고 무엇이든 선택할 수 있습니다 사실 우리가 원하는 스타일을 원한다면 커서를 가리키면 강조 표시됩니다 아이콘이 약간 얻는다 그래서 당신은 그것이 무엇이 될 것인지에 대한 감각을 얻습니다

귀하의 웹 사이트처럼 보이게하십시오 예를 들어 내가 할거야 페이스 북 광장입니다 나는 내가 가지 않을 것임을 클릭 할 것이다 실제 페이지로 이동하려면 페이스 북의 아이콘은 괜찮아요 그래서 여기 있습니다 조금 아래로 내려갈 것입니다

여기서 코드 줄을 볼 수 있습니다 이 코드는이 아이콘을 참조합니다 내가 할 일은 내가 갈거야 해당 코드를 마우스 오른쪽 버튼으로 클릭하고 복사하여 강조 표시하십시오 나는 그것을 클립 보드에 복사 할 것입니다

클립 보드 당신이 아마 그것을 알고 그냥 컴퓨터 메모리를위한 멋진 단어 이제 마이크로 비디오 메모리에 저장됩니다 내가 다른 곳에 붙여 넣을 수 있다는 것을 의미한다 메모장이나 다른 어떤 것으로도 괜찮아 이제 우리는 블로그에 올거야 알았어

그리고 실제로 나는에 있어야 해 이것에 대한 대시 보드는 당신이가는거야 너의 메뉴에 외모로 내려와 그런 다음 두 번째 레이어 메뉴에서 메뉴로 이동하고 여기서 할 수 있습니다 내가 가지고있는 메뉴 항목을 보아라 모든 요소가 집에 쌓여있는 곳 내가 클릭하면 나에 대해 블로그 연락처 홈페이지에서 메뉴를 볼 수 있습니다

여기 오른쪽 상단에 항목 나에 관한 집은 잘 블로그 연락처 그들은 어디에서 그렇게 할거야? 너 여기에 갈거야 왼쪽 편 a 당신이 가지고있는 곳 클릭 할 위젯 확장하는 맞춤 링크 제목 위젯과 링크 텍스트에는 두 가지가 있습니다 URL과 링크가있는 입력 상자 링크 텍스트의 텍스트 입력 상자 커서를 거기에 놓으십시오 Ctrl + V를 붙여 넣거나 마우스 오른쪽 버튼으로 클릭 할 수 있습니다 붙여 넣기를 선택하면 우리가 여기서 가져간 코드는 괜찮아

코드 줄이 여기에 있으며 여기에 해당 아이콘을 원하는 모든 것의 URL 이 경우에는 Facebook에 연결됩니다 아이콘을 예로 들어 보겠습니다 사실 나는 그것을 단지 Facebook의 홈페이지이므로 Ctrl + C가 복사합니다 그 URL을 복사하려고합니다 wwwfacebook

com 그리고 여기에 나는 단지 갈거야 그 Ctrl + V를 붙이려면 이제 괜찮아 메뉴에 추가 버튼을 클릭하십시오 그리고 거기에 그것을 추가 할 것입니다 메뉴를 저장하려고합니다

지금 홈 페이지로 돌아 가기 두 번째로 새로 고침 만하면됩니다 그것은 당신이 여기에 메뉴에서 볼 수 있습니다 톱 메뉴 거기 환상적 있어요 내 WordPress 메뉴의 소셜 미디어 아이콘 그것이 얼마나 멋진 지, 클릭하면 내가 삽입 한 URL로 이동합니다 이 경우 페이스 북이다 페이지 그래서 내가 다시 지금 보자 언급 할 문제가 하나 있습니다

문제는 당신이나 때 누군가가 아이콘을 클릭하면 그러면 해당 페이지가로드되어 이전에는 괜찮 았던 블로그 였으므로 당신이 보낸 방문자를 효과적으로 잃어 버렸습니다 누군가 당신의 블로그와 아마 그렇게하고 싶지 않아 너가하고 싶어하는 것을 되돌려 줘 웹 사이트를 시작했거나 다른 탭의 소셜 미디어 페이지 그래서 여기에 트릭을 보여 드리겠습니다 대시 보드로 돌아가서 그 커스텀 링크를 열면 여기에서하고 싶다

여기 다른 탭을 올리면 당신이 볼 수있는 WordPress 설치 화면 옵션이라고하는 것 그걸 클릭하면 링크 타겟을 클릭하면 클릭하여 다시 가져올 수 있습니다 화면 옵션 탭 이제 사라졌습니다 여기에서 볼 수있는 것은 메뉴 요소의 메뉴 항목 여기 이걸 열면 열어 놓은 새로운 체크 박스가 있습니다 새 탭에서 링크하기 그게 바로 우리가 사용하도록 설정 한 것입니다 지금 당장 내가 할 일은 나는 이것을 선택하려고합니다

나는 그 링크가 필요할 때 그것을 원한다 다른 탭에서 열려면 클릭하십시오 나는 메뉴를 저장하려고합니다 블로그 홈페이지로 천천히 로딩 오늘은 알았어 알았어

이제 누군가 블로그에 도착합니다 주변을 둘러 보니 와우가 나옵니다 절대적으로 믿어지지 않는다 페이스 북 아이콘과 그들이 클릭 할 때 새 탭이 열리는 것입니다 이제 귀하의 Facebook 페이지를 볼 수 있습니다

그들은 그것을 조사하고 그들은 그들이 보는 것과 다른 것에 대해 좋아합니다 탭은 여전히 ​​블로그이며 실제로 페이스 북을 다 끝냈다면 페이지를 닫으면 그 페이지가 닫힙니다 항상 귀하의 블로그 및 분명히 더 많은 소셜 미디어를 추가 할 수 있습니다 아이콘 거기 당신은 단지 과정을 반복한다 단계적으로 유일한 차이점은 물론 너는 끝내 주겠다

돌아 가자 여기에 검색 창을 사용하여 입력하십시오 다른 아이콘은 Twitter 용으로 표시됩니다 예를 들어 두 가지 아이콘이 있습니다 사용하고 네, 단지 사회에 들어가십시오

원하는 미디어 네트워크 에 대한 아이콘을 가지고 예, 당신을 멀리합니다 그렇게 쉽게 가고 싶어 나는 너를 즐겼기를 바란다 이 튜토리얼은 당신이 다음에 그랬다면하십시오 내 채널을 구독하기 만하면됩니다

하단에 나타나는 아이콘 이 비디오의 오른쪽 그리고 그 길 너는 내가 새로운 것을 풀 때마다 너는 알거야 자습서 및 예 그리고 그렇지 않은 경우 이미 블로그로 넘어가십시오 예, 당신이 보는 것을 좋아하는지보십시오