How to Add Clickable Email Addresses to WordPress | Link Email Address

안녕하세요, WPAnsweredcom의 Ben입니다

이 비디오에서 이메일 주소를 클릭 가능하게 만드는 방법과 게시물에 추가하는 방법, 페이지, 위젯 또는 메뉴 지금은 게시물을보고 있으며 Ignite 테마를 사용하고 이메일을 추가하고 있습니다 주소, 가장 먼저 할 일은이 "Edit Post"링크를 클릭하는 것입니다 관리 도구 모음 내에 있습니다 여기에서 볼 수있는 구텐베르크 편집기에서 Enter를 클릭하여 새 단락 블록을 만들고 일부를 입력하겠습니다

간단한 텍스트 "이메일 보내기"는 어떻습니까? 그리고 목적을 위해 가짜 이메일 주소를 만들어 보겠습니다 이 비디오 물론 이메일 주소를 입력하는 것은 매우 쉽습니다 그러나 문제는 어떻게 연결합니까? 이 이메일 주소를 클릭하면 누군가가 클릭 할 때 방문자의 전자 우편에 설치된 전자 메일 클라이언트를 여는 곳에서 컴퓨터? 실제로는 매우 간단합니다

가장 먼저 할 일은이 텍스트를 강조 표시하는 것입니다 계속해서 Command + c를 클릭하거나 Windows 컴퓨터에 있다면 Control + c 이제 이것을 클립 보드에 복사하십시오 다음으로 할 일은 바로이 링크 아이콘을 클릭하는 것입니다 보시다시피 링크 아이콘을 클릭하면 그리고 당신은 아마 전에 이것을 한 적이 있습니다 이 URL 입력이 팝업되고 일반적으로 "http : //"를 입력합니다 웹 주소가 뒤 따릅니다

여기서 강조한이 프로토콜은 이 링크를 클릭하면 브라우저가 다음은 웹 페이지이며 브라우저는 웹 페이지에서 해당 웹 페이지를 열어야합니다 창문 우리는 그렇게하고 싶지 않습니다 대신에 "mailto"라는 완전히 다른 프로토콜을 사용합니다 mailto는 말한다 이 콜론 다음에 오는 모든 것이 유효한 이메일 주소이며 누군가 클릭하면 방문자의 장치에 설치된 메일 클라이언트를 열어야합니다

이제 Command + v를 누르면 이메일 주소에 붙여넣고 그게 당신이해야 할 전부입니다 Enter 키를 누르거나 여기에서이 버튼을 클릭하면 자신에게 올바르게 연결된 이메일 주소 글을 업데이트했습니다 지금이 링크를 클릭하지는 않겠지 만 클릭하면 내 Macbook에서 메일 앱이 열린 것을 볼 수 있습니다 클릭 가능한 이메일 주소를 게시물에 추가하기 위해 필요한 모든 것입니다

상상할 수 있듯이 페이지도 동일한 편집기를 사용하므로 클릭 가능한 이메일 주소를 게시물에 추가하는 과정은 다르지 않습니다 다음으로 메뉴로이 작업을 수행하는 방법을 보여 드리겠습니다 메뉴로 이동하려면 관리 도구 모음에서 "맞춤 설정"링크를 클릭하십시오 아래로 스크롤하면 여기 하단에 "메뉴"섹션이 나타납니다 클릭하면 내가 만든 메뉴가 표시됩니다

이 경우 기본 메뉴 위치에 기본 메뉴가 할당되어 있습니다 테마를 점화하십시오 이 장소를 클릭 한 다음 "항목 추가"를 클릭하겠습니다 지금은 추가하지 않습니다 페이지 또는 게시물, 카테고리 또는 태그 실제로 사용자 정의 링크를 추가하고 있습니다 여기이 섹션을 클릭하겠습니다

보다시피, 그들은 이미 일반 링크 프로토콜로 필드를 미리 채웠습니다 대부분의 시간을 사용할 것입니다 하지만이 경우에도 "mailto :"를 입력 한 다음 이메일 주소를 입력하고 싶습니다 그리고 앵커 텍스트라고도하는 링크 텍스트의 경우 또는 메뉴 레이블이라고 부를 수 있습니다 쓸게요 "이메일로 보내기"를 클릭하고 "메뉴에 추가"버튼을 클릭하십시오

이제 "Email me"가 표시되는 것을 볼 수 있습니다 이것을 클릭하면 내 사이트의 새 페이지로 이동하는 대신 메일 클라이언트가 열립니다 이것이 메뉴에 클릭 가능한 이메일 링크를 추가하는 방법입니다 마지막으로 보여 드릴 단계는 위젯을 사용하여 동일한 작업을 수행하는 방법입니다 맞춤 설정 도구를 사용하는 대신 이전 위젯 메뉴로 이동합니다

현재까지 WordPress에 포함되어 있으며 일부에서 제거 할 수 있습니다 하지만 항상 모양 메뉴 아래에서 찾을 수 있습니다 이메일을 추가하려면 이 없기 때문에, 이메일이나 링크 위젯이 없습니다 그러나 사용자 정의 HTML 위젯이 있으며 이것을 클릭하고 기본을 선택할 수 있습니다 사이드 바 위젯 영역을 클릭하고 "위젯 추가"를 클릭하거나 드래그 앤 드롭 할 수 있습니다 위젯 영역을 포함 시키려고합니다 제목을 지정하겠습니다

다시 한번, 그냥 "Email me"라고 부르면 HTML이 추가됩니다 HTML에 익숙하지 않다면 조금 이상하게 보일 수 있습니다 이 과정을 진행하면서이 점을 이해하시기 바랍니다 하지만 아래 설명에이 코드 스 니펫을 포함 시켜서 클릭 가능한 이메일 주소를 추가하려면 사이트에 복사하여 붙여 넣기 만하면됩니다 이메일 주소의 이름을 추가하여 시작하겠습니다

이것은 앵커 텍스트가 될 것입니다 방문자들이 귀하의 사이트를 볼 때 보게되는 것입니다 이것을 "a"태그로 둘러 쌀 것입니다 편집자가 저에게 여는 태그와 닫는 태그를 넣었습니다 이메일 주소를 "a"여는 태그와 "a"로 묶은 것을 볼 수 있습니다

닫는 태그 "a"HTML 요소는 링크에 사용됩니다 링크라고 생각할 수도 있지만 그렇지 않습니다 방금 'a'라고하며 브라우저에게 방문자를 어디로 안내해야하는지 앵커 텍스트를 클릭하면 "href"속성을 사용합니다 정상적인 웹 페이지가 있다면 'Google 방문'을 입력 한 다음 여기에 Google 웹 페이지 주소 등 이 링크를 여기에서 볼 수 있듯이 "접근성 모드 사용"이것은 이와 같은 앵커 텍스트입니다

그리고 실제로 그것이 어디로 가는지에 관해서는 그것이 href 값입니다 대신이 주소를 다시 이메일 주소로 바꾸겠습니다 사실로, 그거 알아? "지금 이메일로 보내주세요"라는 말로 변경하고 사용하고 싶지 않다는 것을 기억하십시오 "http" 우리는 mailto라는 다른 프로토콜을 가지고 있습니다

해당 이메일 주소를 붙여 넣겠습니다 일단 저장하고 사이트를 방문하면 기본 사이드 바 상단에서 전자 우편 위젯을 볼 수 있습니다 "지금 이메일 보내기"는 앵커 텍스트이며 클릭하면 해당 mailto 프로토콜을 사용하고 있습니다 보내기 필드와 함께 새 이메일로 메일 클라이언트를 엽니 다 email@email

com으로 이미 채워져 있습니다이 비디오에서 많은 것을 배우 셨기를 바랍니다 이메일 주소를 클릭 가능하게 만드는 방법과 이메일 주소를 게시물, 페이지, 메뉴 및 위젯 비디오가 마음에 들면 좋아요 버튼을 클릭하십시오 더 많은 WordPress 자습서를 보려면 구독하고 시청 해 주셔서 감사합니다

How to Make a WordPress Menu Item Open in a New Tab

이 비디오에서는 WordPress 메뉴 항목을 새 탭에서 여는 방법을 배웁니다 마지막 몇 개의 비디오를 보셨다면 우리는 많은 메뉴 기반 자습서를 다루었으며 이미 방법을 알고 있습니다

메뉴에 외부 링크를 추가하고 메뉴에 외부 링크 아이콘을 추가하는 방법 그래도 여전히 같은 탭에서 열립니다 원하지 않는 방문자에게 혼란을 줄 수 있습니다 제가 지금 보여 드릴 것은 방문자가이 링크를 클릭하도록하는 방법입니다 동일한 탭이 아닌 새 탭에서 열 수 있습니다 지금까지 모든 수정 작업을 수행하기 위해 맞춤 설정 도구를 방문했습니다 하지만이 메뉴 항목을 새 탭에서 열려고하면 거기에는 선택의 여지가 없습니다 맞춤 설정 도구 내에 해당 맞춤 설정을 추가 할 방법이 없습니다

그리고 WordPress는 항상 새로운 것을 만들기 때문에 미래에 이것을 바꿀 수 있습니다 맞춤 설정 도구 개선 새 버전의 WordPress를 출시 할 때 하지만 지금은 그 옵션은 없습니다 그리고 이것이 항상 편집하는 방식이라면 가능하지 않다고 생각할 수도 있습니다 메뉴, 이전 메뉴 설정 페이지로 이동하면이 옵션을 추가 할 수 있습니다 당신이 여기에 가본 적이 없다면 모양 메뉴로 가서 아래 메뉴를 클릭하면 비슷하지만 인터페이스가 다릅니다 테마 메뉴 항목을 클릭하면 여전히 새 탭 옵션으로 열지 않은 것을 볼 수 있습니다

화면 옵션을 클릭하면 화면 오른쪽 상단에있는이 작은 탭 활성화 할 수있는 몇 가지 고급 메뉴 속성이 있습니다 추가하고 싶은 것을 "링크 대상"이라고합니다 화면 옵션을 닫으면 이제이 확인란이 있습니다이 메뉴 항목을 클릭하여 열 수 있습니다 새 탭

그 상자를 체크하기 만하면됩니다 저장 메뉴를 클릭하면 완료됩니다 그리고 이제 화면 녹화가 설정된 방식으로 탭을 볼 수 있다고 생각하지 않습니다 테마를 클릭하면 실제로 새 탭에서 열립니다 메뉴 옵션을 찾기가 어렵습니다

그러나 어디를보아야하는지 알면 정말 사용하기 쉽습니다 여전히 질문이있는 경우 아래 의견 섹션에 게시하십시오 더 많은 WordPress 자습서를 원한다면 구독하십시오 시청 해 주셔서 감사합니다

How to Add an External Link to Your WordPress Menu

이 비디오에서는 WordPress 메뉴에 외부 링크를 추가하는 방법을 배우게됩니다 지금, 사용자 정의 메뉴를 만들 때 마지막 비디오를 보지 않았는데 아직 사용자 정의 메뉴를 만들었습니다

계속해서 비디오를 볼 것을 권한다 그래서 이미 사용자 정의 메뉴가 설치되어있는 사람이라면, 여기에 외부 링크를 추가하는 방법은 다음과 같습니다 먼저 커스터마이저를 방문하여 업데이트하거나 메뉴를 사용할 수 있습니다 메뉴 섹션을 잊어 버린 경우를 대비하여 변경 사항을 실시간으로 확인하십시오 아래 커스 터 마이저 아래쪽에 있습니다

일단 내가 열면 메뉴 위치와 모든 메뉴를 볼 수 있습니다 만들어진 나는 또한 내가 기본이라는 메뉴가 기본으로 설정되었음을 볼 수 있습니다 메뉴 위치는 바로 여기 교대입니다 그래서이 메뉴를 열어서 편집 할 수 있습니다

이제 알 수 있듯이 세 개의 메뉴 항목과 하위 메뉴가 있으며 클릭 할 예정입니다 항목 추가 단추를 사용하여 추가 메뉴 항목을 추가하고, 외부 링크가 될 것입니다 상단에는 맞춤 링크 섹션이 있습니다 이걸 열면, 그것은 페이지 섹션을 닫을거야 그리고 지금 나는 옵션을 볼 수 있습니다 원하는 웹 사이트에 URL을 입력하십시오

따라서 Google에 링크를 추가하기 만하면됩니다 실제 웹 사이트에서는 전혀 필요하지 않으며 링크를 제공 할 것입니다 Google의 가치에 텍스트를 입력하고 메뉴에 추가를 클릭하십시오 그리고 내가 이것을 닫으면, 이제 Google에이 링크가 연결됩니다 한 가지 메모 : 커 스터 마이저에 있으면 샘플 페이지를 클릭 할 수 있습니다

나는 홈페이지를 클릭 할 수 있고이 페이지들 중 어떤 것도 열릴 것입니다 미리보기에서 이 미리보기는 내 사이트 내에서만 탐색합니다 미리보기는 사용자 정의 패널의 오른쪽에있는 모든 것을 의미하며, 취소 아이콘이 표시됩니다 외부 링크 위로 마우스를 가져 가면 이는 사용자 정의 프로그램 내에서 외부 페이지를 열 수 없기 때문입니다 그러나 이것이 효과가 있음을 증명하기 위해, 나는 커 스터 마이저에서 빠져 나갈 것이고 일단 사이트를 방문하면, Google에 마우스를 올려 놓을 수 있습니다

당신은 똑같은 통지가 없다는 것을 알게 될 것입니다 클릭하면 Google 홈페이지로 연결됩니다 그래서 당신이 원하는만큼 많은 외부 링크를 쉽게 추가 할 수 있습니다 wordpress 메뉴 먼저 사용자 정의 메뉴가 먼저 설정되어 있는지 확인하십시오

질문이 있으시면 아래에 게시하십시오 구독하는 것을 잊지 마십시오 더 많은 워드 프레스 튜토리얼을보고 싶다면보고 주셔서 감사합니다

How to Add an External Link Icon to a WordPress Menu Item

이 비디오에서, 외부 링크 아이콘을 외부 링크에 추가하는 방법을 배우게됩니다 WordPress 메뉴

그래서 여기에있는 나의 예에서, 나는이 메뉴 항목을 가지고 있고 그 중 하나는 "테마"라고 불린다 그리고 이것들과는 다른 이 기존 사이트 내의 페이지로 방문자를 이동시키는 다른 메뉴 항목, "테마"를 클릭하면 competethemescom으로 이동하므로 괜찮습니다 그게 내가 원하는거야 외부 링크입니다

그러나 나는 방문자이고 나는이 사이트에가 본 적이 없다 그리고 나는 "테마"와 나는 "집"을보고 시각적으로 "페이지"를보고, 모두 동일합니다 그래서 나는 완전히 새로운 사이트로 나를 데려가는 "테마"를 기대하지 않는다 그리고 사이트 소유자는 방문자를 혼동하지 않으려 고합니다 따라서 메뉴에 외부 링크를 추가하는 경우, 당신은 일종의 방법으로 그것을 표시하고 싶어하므로 방문객들은 그것들을 가져갈 것이라고 안다

다른 웹 사이트로 이동하십시오 방법은 다음과 같습니다 먼저, 여기서 Admin 툴바로 이동하여 사용자 정의를 클릭하겠습니다 라이브 커 스터 마이저로 이동합니다 다음 것, 맨 아래에있는이 메뉴 섹션을 클릭하면 기본 메뉴가 선택됩니다

내가 만들고 할당 한 메뉴는 실례합니다 기본 메뉴 위치

이제는 내 사이트에서 볼 수있는 메뉴 항목을 보았으므로, "테마"메뉴 항목을 클릭하겠습니다 그리고 일단 내가 그것을 클릭하면, 입력 한 URL과 라벨이 표시됩니다 이제이 아이콘을 추가하려면, HTML 문자 코드를 추가하겠습니다 이제는 이것에 대해 많이 알 필요가 없습니다 튜토리얼을 통해 관심이 있다면 문자 코드에 대해 더 많이 배울 수 있습니다

하지만 그들은 당신이 추가 할 수 있도록, 음, 음, 일반 문자 예를 들어, 항상 앰퍼샌드로 시작하며 항상 세미콜론으로 끝납니다 오른쪽 화살표 아이콘으로 "rarr"을 입력 할 수 있습니다 따라서이 기능을 사용하여 게시물, 페이지, 또는 귀하의 메뉴 항목 기호를 포함시키는 멋진 방법입니다

음, 사용할 수있는 다양한 기호가 많이 있습니다 그래서 아래 링크를 포함 시켜서 확인할 수 있습니다 그러나 우리의 목적을 위해서, 이 지저분한 코드를 사용하겠습니다 그리고 이것은 외부 링크 아이콘을 추가 할 것입니다 따라서 많은 HTML 문자 코드와 달리, 이 것은 또한 어떤 것에 의해서도 영향을받을 것입니다, 음소거 시스템이 현재 기기에서 사용 중입니다

그래서이 경우 당신은 파란 음을 볼 것입니다 외부 링크 아이콘이며 다른 브라우저에서 다르게 보일 수 있습니다 다른 컴퓨터, 어, 아니면 아이폰에서 안드로이드 장치를 볼 때 그러나 그것은 정말로, 그냥 외부 링크 아이콘을 추가하는 정말 쉬운 방법 색상이 마음에 들지 않으므로, 이 메서드를 사용하면 안타깝게도 제어 할 수 없습니다

외부 링크 아이콘을 추가하는 방법을 한 가지 더 알려 드리겠습니다 다른 방법은 Font Awesome으로 아이콘을 추가하는 것입니다 이건 좀 더 복잡해 그리고 그런데, 아래에 이러한 코드 스 니펫을 포함시켜 복사하고 붙여 넣을 수 있습니다 그러나 이번에는 HTML 아이콘 요소를 만들려고합니다

나는 그것을 닫을 것입니다 "fas"및 "fa-external-link-alt"와 같은 클래스를 제공 할 것입니다 이제 나는 그것이 당신이 이해하지 못할지도 모르는 것들이 많다는 것을 알고 있습니다 이것이 필요하지 않기 때문에 모든 것을 처리하는 것은 정말 어렵습니다 아이콘을 추가하기 만하면 되겠지만, 나는 이것을 포함시켜 당신이 복사하여 당신의 사이트에 붙여 넣을 수 있습니다

이제이 멋진 외부 링크 아이콘이 추가 된 것을 볼 수 있습니다 메뉴 항목과 동일한 색상을 표시합니다 그래서 마지막으로 알아야 할 것이 하나 있습니다 이 코드 스 니펫을 사용하여 아이콘을 추가하도록 선택하는 경우 테마가 Font Awesome이라는 아이콘 글꼴을로드하지 않으면, 그러면 아무것도 보이지 않을거야

대부분의 WordPress 테마는 글꼴 굉장합니다 그러나 여기에이 스 니펫을 포함하면 아이콘이 보이지 않습니다 지금 할 수있는 플러그인 메뉴로 이동하면됩니다 WP Font Awesome이라는이 플러그인을 설치할 수 있습니다 이 플러그인을 설치하기 만하면 아이콘이 표시됩니다

대지 따라서 외부 링크 아이콘을 외부 링크에 추가하는 두 가지 쉬운 방법이 있습니다 귀하의 워드 프레스 메뉴 질문이나 문제가있는 경우, 아래에 의견을 남겨주세요 더 많은 비디오를보고 싶다면, 보고 구독 해 주셔서 감사합니다

How To Make Astra WordPress Websites Mobile Perfect – Including Mobile Headers…

웹 사이트를 소유하고있을 때 간과하기 쉬운 것 중 하나를 알 수 있습니다 어떻게 보이나요? 모바일 장치에서 어떤 조정 및 변경을 수행하여 개선 할 수 있는지 모바일 장치에서 웹 사이트를 보는 방식 등이 동영상에서는 Astrid가 당신에게 Astra 테마를 제공하는 설정들 모바일 장치를위한 테마 안녕 내 이름 WPCrafter

com의 Adam입니다 Remick WordPress 자습서 비디오 (비 기술적 인 경우) 구독 버튼을 클릭하는 것을 고려해보십시오 Astro를 가지고 있거나 Astra 테마에 익숙하지 않다 여기에 많은 튜토리얼이있다 아스트라 주제에 관한 채널 여기에 여기에있는 웹 사이트가 있습니다

WPCraftercom/Astra를 방문하면이 비디오를 만들고 싶다는 생각이 들게되었습니다 Astro에 새로운 기능이 추가되었습니다 이미 사용하고 있다면 실제로 액세스 할 수 있습니다 Astra Theme를 소유하고 있습니다

현재 베타 버전이므로 사용자 포털에 로그인 한 경우 Pro 부가 기능의 베타 버전과 베타 버전이 있습니다 Pro 확장 기능을 통해 Pro 옵션을 사용하기 위해이 비디오가 작동하는 Astra 용 확장 프로그램 그래서 본질적으로 이것은 그들이 여기에 약간의 15 % 지금 그들의 생일을 위해가는 할인 판매 그들은 이제 1 살입니다 Themis 그래서 여기 있습니다 무엇이 베타 버전이고 나는 곧 모든 사람들이 빠져 나갈 것이라고 상상할 것입니다 마음을 사용하고 싶다면 지금 웹 사이트에서 사용하고 있습니다 베타 버전을 설치할 때 알아 차린 버그 나 두 가지가 있습니다 내 메뉴 중 하나를 재 지정해야했기 때문에 큰 문제가되지 않았을 것입니다

그래서 지금 당신이 얻는 것은 귀하의 웹 사이트의 모바일 헤더를보다 잘 제어 할 수 있습니다 당신이 할 수있는 메뉴 옵션이 있습니다 사역에 비명을 지르며 전체 화면 메뉴를 사용하고 있습니다 헤더의 스타일 옵션에 대한 정보를 제공하고 사용자 정의 헤더 중단 점을 설정할 수도 있습니다 이것은 헤더가 변경 될 때를보다 잘 제어하기를 원하는 개발자들에게는 큰 것입니다 그 모바일 웹 사이트 헤더에 이제는 제어 할 수 있으므로 여기가 좋습니다

네가 할 수있는 일의 몇 가지 애니메이션 교대 가자 이제 업데이트가 나올 때 곧 추가하자 그렇지 않으면 가야한다 당신은 당신의 웹 사이트에 가서 이것을 가능하게 할 수있는 베타 버전을 사용하고 싶습니다 새로운 옵션 당신은 외형 옵션으로 갈 수 있습니다

이미 활성화 시켰습니다 바로 여기에 모바일 헤더가 있기 때문에이 새로운 옵션이 WordPress에 추가되고 추가됩니다 맞춤 설정 도구를 사용하면이 설정을 조정할 수 있으므로 이미 설정되어 있습니다 내 웹 사이트를여십시오 로컬 컴퓨터의 로컬 버전에 있습니다

얼마나 빠르거나 느린지 알기에 여기에 모두로드되어 있습니다 나는 커 스터 마이저에 있습니다 따라서 설정에 액세스해야하는 경우 맞춤 설정 도구를 사용할 때 필요합니다 휴대 기기에서 어떻게 보이는지 확인하려면 맞춤 설정 도구에 대해 좋아하는 점이 하나 있습니다 여기 당신은 휴대 전화를 대표하는 작은 아이콘을 클릭 할 수 있습니다

당신의 웹 사이트가 어떻게 휴대 전화에서와 같이 보이는지 정확하게 볼 수 있습니까? 내 경험이 꽤 정확해서 지금 내 모바일 헤더를 볼 수있다 멋지거나 아무것도 주목할만한 아무것도하지만 그것은 여기에 바로 클릭하면 잘 작동합니다 내 메뉴가 그런 식으로 내려 왔기 때문에 괜찮습니다 몇 가지 옵션을 살펴 보겠습니다 우리가 모바일 장치에 대해 가지고있는 것, 그래서 당신이 일반적으로 터지는 곳 귀하의 로고가 귀하의 망막 버전이지만 천왕성에서 귀하의 로고를 볼 수있는 몇 가지 컨트롤 너의 천성과 로고가있는 커스터마이져는 작은 전화기 아이콘이라면 무엇이든 그것을 볼 수있다

당신은 모바일 장치에 적용 할 것입니다 그래서 이것들은 모두 당신 것입니다 모바일 장치에 특정한 설정은 실제로 제가 좋아하는 설정 중 하나입니다 근본적으로이 슬라이더로 제어 할 수 있습니다 여기에는 내 로고의 크기가 있지만 멋지게 나타납니다

모바일 장치에서 제어 할 수 있습니다 이렇게하면 갈 수 있습니다 내 로고의 크기가 실제로 계획의 빠른 변경을 긁어 낸다 나는 Artie처럼 이것을하고있다 내 로컬 컴퓨터에서 나는 내 실제 라이브 웹 사이트로 전환했다

왜냐하면 나는 이것을 조정하고 있기 때문에 여기서는 상쾌하지 않아서 나는 확신한다 그게 내 로컬 환경과 관련이있다 맞아요 이미 새 탭에서 열어서 건너 뛰고 있습니다 실제로 수정 한 모바일 헤더가 어떻게 보이는지를 실제로 볼 수 있지만 당신이 볼 수있는 몇 가지 비틀기는 이미 일부 tweeted하지만 그건 괜찮아 그냥하자

사이트 ID로 돌아가려면 몇 가지 변경 사항이 있으므로 지금 만들고 싶습니다 나는 네가 아주 고르곤으로 로고를 조정했다 내 개발 환경이 좋았어 너 너비를 설정할 수있는 걸 볼 수있다 모바일 장치와 관련된 로고가 너무 작아서 항상 필요할 수 있습니다

당신의 모바일 버전에서하고있는 공간의 양에주의를 기울이십시오 웹 사이트와 나는 기본적으로 내가 이렇게 당신이 그것이 기본적으로 어떻게 볼 수있을 것 같아요 나는 조금 내 취향에 맞춰 커다란 작은면에서 조금 더 선호하는 것 같아 180이나 좋아요 190 정도가 되니까 조금 작아 요 나는 그것을 선호하고 다시 돌아가서 그것이 당신이 할 수있는 첫 번째 것입니다

머리글 바로 지금 레이아웃으로 이동하고 머리글이있는 곳으로 이동합니다 해당 모바일 헤더 옵션을 활성화 한 경우 여기에 해당 위치를 표시 할 수 있습니다 모바일 헤더 이것은 모바일 헤더에 고유 한 것이고 일부는 기본을 클릭하기위한 것입니다 헤더는 이것이 간격의 일부를 얻는 곳이기 때문에 여기에 3 개의 간격이 있기 때문에 options하지만 실제로는 헤더 공간이므로 왼쪽 위의 이 아이콘의 오른쪽 하단에 그 간격이 있습니다 그래서 옵션이 있습니다

그것의 다른 부분을 위해 또는 나는 그들을 원할 경우 여기를 클릭하여 모두 걸을 수 있습니다 그것을 0으로 줄이기 위해 나는 그것이 보이지 않는 10을 만들었을 것입니다 좋아, 제로를 만들면 내 로고가 이제까지 볼 수 있습니다 꼭대기 끝까지 가면 너무 좋아서 그렇게 될 것입니다 아마 내가 좋아하는 것을 볼 수 있을지 모르지만 내가 좋아하는 5 명이 실제로 여기있는 것처럼 보일 수있다

그냥 이것처럼 올라가는거야 우리가 지금 여기서 볼 수있는 것처럼 가야 해 나는 여기있다 그것은 내가 픽셀 인 PX를 클릭하여 EMI 분에게 말한 이유를 알지 못한다 그래서 이제는 그 간격을보기 위해 그걸 가지고 놀기 시작할 수 있습니다

나는 내가 지금 막 성취 한 것을 원한다 나는 나의 웹 사이트에 내 머리글을 만들었다 공간을 적게 차지하십시오 당신이 분명히 원했던 방법은 당신에게 달려 있습니다 당신은 이것들을 풀고 싶었고 아마도 왼쪽이나 오른쪽에 조금 더 추가하고 싶었을 것입니다

너를 확실히 조여 줄 수있는 그런 종류의 물건에 이르기까지, 이제 너는 너의 공간 여기까지의 모든 항목에 대해 특정 모바일 헤더 옵션을 살펴 보겠습니다 이것들은 여러분에게 사용 가능한 새로운 옵션입니다 그래서 첫 번째 것은 헤더 중단 점입니다 이렇게하면 많은 개발자들이 다음 로고를 가질 수있게됩니다 이제는 모바일 장치가 필요한 이유를 물을 수 있습니다 여기서 완벽한 것은 있습니다

예를 들어 휴대 기기에서 헤더의 배경색을 다른 색상을 사용하므로 정상적인 로고를 사용할 때 잘 보이지 않을 수 있습니다 나를 위해 다른 색으로 나는 흰 색으로 남겨 두겠다 어두운 색상과 내 로고가 흰색 버전 인 경우이 옵션이있는 이유입니다 여기에 특정 헤더가 있어야만 모바일 버전을위한 특정 로고가 있어야합니다 이 웹 사이트에서 좋아요

다음에는 메뉴 스타일이 있습니다 이미 광산을 전체 화면으로 설정했습니다 Dave에 의해 이것이 바로 기본 설정이므로 바로 그 모습을 보도록하겠습니다 다음과 같이 보이는 메뉴 항목은 바로 옆에 표시됩니다 당신이 비행기를 타야 할 때 오른쪽이나 오른쪽에서 비행기를 탈 수있는 옵션이 있습니다

왼쪽부터 날아갈 수있는 옵션이 있으므로 오른쪽을 클릭하면 여기에서 메뉴가 오른쪽에서 미끄러 져 보입니다 그러면이 X가 제거됩니다 나는 내 웹 사이트에 대해 내가 좋아하는 것이 무엇이든지간에 좌우로 선택할 수 있습니다 전체 화면입니다 그래서이 상황에 대해 말하지 않았 으면 메뉴가 전체 화면이 나타나고 그냥 나타나서 지금 가지고있는 것이고 이제는 내 모습으로 보입니다

메뉴 여기에 메뉴 항목이 많아서 사람들이 독립적으로 스크롤 할 수 있습니다 그게 새로운 메뉴 스타일 옵션입니다 그래야 토글 버튼이 생깁니다 스타일과 그래서 이것은 제가 좋아할 때 여기에서 보았을 때 제가 한 것입니다 웹 사이트가 망쳐 놓았 기 때문에 응답하지 않았습니다

바로 여기 스타일입니다 그러면이 웹 사이트에서 내가 개요를 바꿨다는 것을 알 수 있습니다 개요를 좋아합니다 여기에있는 것과 같이 조금 더 낫습니다 윤곽선의 색상을 실제로 선택할 수 있습니다

그래서 나는 그것이 내가 가지고있는 녹색과 일치하는 것을 보았습니다 반경이 기본적으로 같아 보이네요 버튼이 정상적으로 보이는 이유는 방금 만든 버튼이 더 좋을 것이라고 생각했기 때문입니다 주위에 그리고 나는 30에 이것을 말했다 그리고 그것은 그것을 완전하게 둥글게했다

그리고 나는 단지 길을 좋아한다 그게 더 좋을 것 같아서 내가 원한다면이 라벨에 라벨을 붙이면 안된다 나는 둥글게 설정했기 때문에 좋아 보인다 그러나 당신은 그것을 할 수있다 그래서 나는 지금 당장 지나갔다 그리고 메뉴에서 당신이 보았던 것은 경계선 반경이 그렇게 생각하지 않는다라고 그것을 선 아래로 밀 었다고 본다

당신이 거기에 편지를 가지고있을 때 그것은 좋아 보인다 그러나 그것은 확실히 당신이다 당신이 원한다면 가질 수 있습니다 나는 그것이 모바일의 보편적 인 상징이라고 생각합니다 메뉴를 선택하고 바로 여기에서 원하는 방식을 선택할 수 있습니다

라인은 로고와 같은 라인에 있거나 우리가 여기에 갈 수 있다는 것을 의미합니다 로고가 로고 아래에 나타납니다 로고가 가운데에 정렬됩니다 이처럼 메뉴를 넣을 때 더 적합 할 수도 있습니다 내가 앞으로 가서 그것을 인라인으로 되돌려 놓는 방법은 내가 좋아하는 것이다

아스트라 테마로 당신에게주는 것은 정말 멋진 새로운 컨트롤입니다 더 많은 컨트롤 이제 당신은 또한 전체 웹 사이트를위한 글꼴과 함께 옵션을 가지고 있습니다 당신은 글꼴 부분에 가서 설정의 여기 내가 바로 여기에 그것은 지형 아래에 가자 모바일 장치에서 글꼴 크기를 제어 할 수 있습니다 사람들은 당신이 자신의 홈페이지를 가지고 있다는 것을 간과하고 커다란 것을 가지고 있습니다 대담한 글씨체이지만 동일한 모바일에있을 때 여전히 큰 거대 함을 보여주고 있습니다

대담한 글씨체로 모든 글꼴 제어를 위해 Astra Theme에서 잘 보이지 않습니다 거기에 모바일 장치 아이콘이 있기 때문에 볼 수있는 글꼴 크기 옵션이 있습니다 귀하의 웹 사이트의 모바일 버전에만 적용되므로, 당신이 그것을보고 있다면 당신을 격려하십시오 그리고 그것은 나에게 너무 커서 당신은 거기에 들어가서 특별히 그들을 위해 설정할 수 있습니다 모바일 장치 및 이것은 당신의 본문 글꼴이 귀하의 본문 글꼴이 될 것이라고 그래서 바로 여기에 내 헤드 라인이있다

나는 그걸 작게 만들고 싶을지도 모른다 나는 내용물에 가겠다 나는 나를 위해 그것이 내가 가고 싶어 할지도 모른다고 생각한다 내가 그것을 만들면 어떻게 생겼는지 20 헤더에 없을 수도있는 것처럼 가라 세번 나가 봐야 겠지만 너는 네가이 곳에 올 수있는 능력이 있다는 생각을하게된다

당신이 원하고 마지막으로 내버려 두는 이들의 적당한 크기로 표제를 올리십시오 우리는 색상과 배경 아래에 몇 가지 색상 옵션을 가지고 있습니다 헤더에 추가 한 다음이 새로운 모바일 헤더 옵션을 여기에 추가하여 설정할 수 있습니다 내가 모바일 장치 또는 배경 이미지를 원하는 배경색은 여기에서 당신이 텍스트를 완벽하게 제어 할 수있는 다양한 다른 옵션들이 있으며 이것은 링크와 이것도 가지고 있습니다 실제 메뉴로 넘어 가서 모든 것을 완벽하게 제어 할 수 있습니다 원하는 색상이므로 전체 화면으로 이동할 때이 색상 체계를 사용할 수 있습니다

내가 어둠이되고 싶었다면, 지금 당장 당신이 쫓아 오는 일은 흰색에서 빼고 그렇게 간다하지만 내가하고 싶은 것은 일치시킬 다른 로고를 설정하는 것이다 거기에 어두운 배경이있어 내가 먼저 가서 그걸 백인들과 Astra Theme에 곧 제공 될 새로운 옵션입니다 어쩌면 30 분 정도 걸릴 것이고 웹 사이트가 어떻게 보이는지 보도록하십시오

모바일 장치를 사용하고 간단한 개선을 할 수있는 영역을 확인하십시오 커스터마이져에 뛰어 들기가 정말 쉽고 빠르다 비틀 거리기 때문에 웹 사이트 방문자에게 휴대 기기를 방문하는 사람들에게 아스트로가 없다면이 비디오와 같은 훨씬 더 나은 경험을 할 수 있습니다 관심이 있으시고 이중 낙오자입니다 /aster 또한 동영상 설명에 링크가 있습니다

아래 상자는 추천 링크입니다 클릭하면 내 웹 사이트로 연결됩니다 그리고 당신이 구입하기를 원한다면 나는 가지고있는 훈련에 대해 이야기합니다 Astra Theme 모든 정보가 바로 여기에 있으므로 내 마지막으로 약간의 정보가 있습니다 정보 나는이 갱신 후에 Astro가 새로운 우두머리 추가에 일할 것이라는 점을 알고있다 스타일 나는 페이지 빌더를 사용하여 내 머리글을 작성하지 않기 때문에 관심이있다

나는 테마에서 그것을 얻는 것을 선호 할 것이고 나는 새로운 헤더 스타일 그들이 올 것이고,이 비디오에서 당신을 지켜 주셔서 감사합니다 당신은 비디오를 즐겼다 다음 비디오에서 Elsie에게 엄지 손가락을 줘라

Create a Custom Categories Menu in WordPress

안녕하세요 – 수요일 다른 WordPress에 오신 것을 환영합니다 제 이름은 애쉬톤입니다

오늘 우리는 계속해서 WordPress에 블로그 시리즈 – 특히 물건에 대해 이야기하기 블로그를 개선하십시오 지난 주 우리는 카테고리 대 태그에 대해 간략하게 이야기했습니다 이번 주에는 맞춤 카테고리 메뉴를 설정하는 방법에 대해 이야기하고 있습니다 귀하의 워드 프레스 웹 사이트 내부 그래서 기본적으로 – 우리가 WebTegrity의 여기 웹 사이트 – 기본적으로 자습서에서 볼 수 있습니다 – 우리 블로그는 당신은 여기 오른쪽에서 보게됩니다

카테고리 메뉴가있는 위젯 상자, 이 목록에는 내가 만든 카테고리가 나열되어 있습니다 뿐만 아니라 내부에 내용이 – 알파벳 순서로 괜찮아? 그러나 만약에 – WordPress 수요일이 우리의 큰 주제이기 때문에 – 만약 내가 그걸 맨위로 보내고 싶다면? 또는 특정 메뉴 영역에서이 중 일부만 선택하면됩니까? 글쎄 – 그럴 수있는 방법이있다 기본적으로 여기에 앉아있는 것은 아닙니다 이제 몇 단계를 거쳐 지금 어떻게 할 지 보여 드리겠습니다

위젯 영역으로 넘어 가게됩니다 Appearance >>>에서 위젯으로 이동하십시오 여기에서이 카테고리 옵션을 찾을 수 있습니다 만약 당신이 그것을 끌어 내리고 우리의 블로그 사이드 바 내부에서했던 것을 버리는 것이라면 여기에 카테고리가 있습니다 그리고 우리는 방금 그 위에 말했습니다 – 주제를 선택하십시오 이것이이 위젯의 ​​제목입니다

그리고 물론 이것은 오른쪽 사이드 바를 알파벳 순으로 표시하는 방법입니다 그러나 다시 특정 주제 목록을 갖고 싶다면, 그들 모두를 가지고 있거나 다른 순서로 가지고 있지 않다면 어떻게 할 수 있습니까? 이제는 외관 >> 메뉴로 이동합니다 여기서 팝업하면 맞춤 메뉴를 만들 수 있습니다 그리고 "새 메뉴 만들기"를 클릭하면됩니다 당신은 그것에게 "블로그 카테고리"의 제목을 주거나, 당신이 그것을 제목을 붙이고 자하는 무엇이든을 줄 것입니다

단지 이것을 할당하는 방법을 알기 위해서입니다 물론 이것이 우리의 기본 메뉴가 아닙니다 우리는 이것을 사이드 바에 넣을 수 있기를 원합니다 바닥 글 영역이나 기본 메뉴 이외의 다른 영역에서도 – 그래서 우리는 이것을 체크하지 않은 상태로 남겨 둘 것입니다 하지만 여기에 카테고리를 실제로 추가하려면 우리는 페이지를 원하지 않습니다

그래서 우리는 그것을 압축 할 것입니다 우리는 실제로 "카테고리"라고 불리는 것을 원합니다 그리고 메뉴에 들어갈 때마다 왼쪽에 앉아있는이 옵션이 보이지 않는다면 당신이하고 싶은 일은 스크린 옵션에 바로 올라가는 것입니다 이 작은 서랍을 열면 "카테고리"를 확인할 수있는 옵션이 있어야합니다 이 작은 상자가 선택되어 있는지 확인하고 그 서랍을 지금 백업 할 수 있습니다

모든 카테고리에 액세스 할 수 있습니다 그래서 당신은 "모두보기"를 클릭 할 수 있습니다 원하는 정확한 카테고리를 선택하면됩니다 학생, 비즈니스 팁, 소셜 미디어 마케팅 및 수요일 WordPress 그 중 몇 개를 추가합시다

나는 그들을 선택하고 메뉴에 추가를 클릭합니다 그들은 여기에 팝하며 물론 우리가 원하는대로 드래그 앤 드롭 할 수 있습니다 WordPress 수요일을 맨 위로 드래그합니다 – 하단의 학생부터 소셜 미디어 마케팅 팁 등이 있습니다 그게 내가 원하는 순서 야

그리고 저는 "메뉴 저장"을 클릭 할 것입니다 이제 이것이 나를 위해 무엇을했는지는 카테고리에 직접적으로 연결되는 링크 목록이 만들어졌습니다 맞습니까? 하지만 지금은 할당해야합니다 이제 우리 웹 사이트에 어디에 표시해야하는지 이 링크는 제가 함께 만들었습니다 그 WordPress는 메뉴를 호출합니다

그래서 내가 할 일은 Appearance >> Widgets에 다시 팝하는 것입니다 내 블로그 사이드 바에 들어가십시오 이 작은 서랍을 여기 열어 블로그 사이드 바 나는 앞으로 가서 내가 가지고있는 카테고리 목록을 삭제할 것이다 맞춤 메뉴를 선택하고 싶습니다

그 자리에 떨어 뜨려 라 그리고 나는 그것에게 같은 제목을 줄 것이다 주제 선택 하지만 지금은 드롭 다운에서 – 나는 선택할 수있을거야 내가 방금 만든 블로그 메뉴였습니다 저장을 클릭하십시오

이제 내 웹 사이트의 전면으로 돌아와 새로 고침을 클릭하십시오 – 오른쪽에 여기에 표시되는 더 짧은 메뉴가 있어야합니다 내가 아래로 내려 가게 해줘 주제 선택 – 여기 있습니다 WordPress 수요일 소셜 미디어 마케팅 비즈니스 팁 및 학생으로부터 이제 나는 이것이 당신의 모습을 완전히 바꿔 놓았 음을 주목하기 바란다 그리고 그것은 내 스타일 시트가 완전히 다른 것을 할당했기 때문입니다

오른쪽 메뉴, 그리고 그것은 당신의 주제에서도 마찬가지 일 수 있습니다 그래서 나는 당신에게 일어날 수있는 일을 볼 수있는이 옵션을 남기고 싶었습니다 이런 식으로 뭔가를 설정하면 귀하의 워드 프레스 웹 사이트의 내부 내가 도망 가기 전에 한 가지 더 빠른 팁 상단에 링크하고 싶다면 어떻게해야합니까? "튜토리얼"을 링크하고 싶다면 -이 링크를 클릭하십시오 특정 카테고리 중 하나에? 내가 어떻게 그럴 수 있니? 우리에게 다시 터지자

음, 이제 그걸 정말로 빨리 지우고 다시 던질거야 내 카테고리 목록 – 지금 당장 라이브 웹 사이트에서 작업하고 있기 때문에 (웃음) 그래서 주제 선택 – 거기 가서 저장을 클릭하십시오 그래서 당신이하는 일은 당신의 테마로 되돌아가는 것입니다 그리고 너는 메뉴로 돌아갈거야 외관 >>> 메뉴 우리가 가고 싶은 곳이다

우리의 외모 >> 내부 메뉴 당신은 당신이 주 메뉴로 주위를 어지럽 힌다고 확신하고 싶다 기본 메뉴 – 주 메뉴 모음, 변경하려는 영역이 맞습니까? 그럼이게 내 메인 메뉴이고 자습서를 말하는 것에서 이것을 바꾸고 싶다 제 일반적인 블로그를 가리키면 모든 종류의 내 주제와 나는 특별히 WordPress 수요일을 지적하고 싶다 아니면 특정 카테고리를 가리키는 드롭 다운을 원할 수도 있습니다 이것이 당신이하는 방법입니다

그래서 – 지금 우리의 튜토리얼 여기를 보면 페이지를 가리키고 있습니다 그러나 특정 범주를 가리 키기를 원한다면 그것이 내가 선택할 수있는 방법입니다 나는 카테고리에 와서 WordPress 수요일을 선택했다 메뉴에 추가를 클릭하십시오

이제 내가 이것에 대해 궁금해지기를 원한다면, 그리고 그것은 "WordPress Wednesday"라고 말하지 않습니다 왜냐하면 그 말이 너무 길기 때문입니다 나는 네비게이션 라벨을 앞뒤로 가면서 "자습서"라고 말할 수있다 그거 지워 라 이제 카테고리에 주목하십시오

그래서 나는 실제로 페이지를 말한 바로 여기 이것을 제거 할 수 있습니다 이제는 WordPress Wednesday의 단 하나의 범주를 구체적으로 가리키고 있습니다 그것이 당신이하는 방식입니다 메뉴 내부에서 다른 것들을 조작하는 법을 배우는 것에 관심이 있다면 바로 여기에 넣을 것입니다 바로 아래에있는 링크와 아래의 설명 상자에 있습니다

내가 만든 동영상 모음 – 변경 방법에 대한 전체 재생 목록 귀하의 워드 프레스 메뉴 정말이 멋진 뒤에있는 힘을 이해하는 것은 매우 중요합니다 드래그 앤 드롭 환경 거기 SEO를 위해 여기에 멋진 물건을 할 수있는 많은 옵션이 있습니다 사용자에게 정말 좋은 경험을 맞춤화하기위한 드롭 다운 옵션 – 모든 종류의 것들

새 창에서 열리는 위치를 어떻게 설정합니까? 링크를 클릭 할 때마다 새 창에서 열리나요? 이 재생 목록에서 어떻게하는지 보여 드리겠습니다 나는 당신이 수요일에 훌륭한 WordPress를 가졌 으면 좋겠다 주위에 스틱 & 구독하셔야합니다 다음주에 우리는 그것을 다시 한번 할 것이기 때문에 – WordPress 블로그에 대한 더 많은 것들 안녕, 모두

⚓😀 How to Create Anchor tags or Anchor Links in WordPress

안녕 모두! 다른 WordPress 하우투 비디오에 오신 것을 환영합니다 당신에게 가져 왔습니다 : WebTegrity, 나, Kori Ashton

그레이스에게 보내는 것에 감사 드리고 싶습니다 질문; 앵커 태그와 WordPress의 내부 앵커 링크 궁금해 어떻게 그 일을 만들어? 당신 중 일부는 "속도 태그"또는 "단축 다이얼"이라고했을 수도 있습니다 그리고 그 때 (이렇게 긴 페이지가 있다고 가정 해 봅시다) 누군가가 빠르게 페이지를 축소하거나 빠르게 다이얼 할 수있게하려고합니다 어쩌면 여기에 유도 토픽이있을거야 그래서, 오늘 어떻게 할 지 보여 드리겠습니다 약간의 "괴상한 코드"사용

대시 보드 영역으로 이동하여 페이지 자체로 이동하려고합니다 이것은 페이지이고 "비주얼 모드"가 아닌 "텍스트 모드"입니다 나는 그들이 아래로 지퍼를 want을 수 있기를 바라는 지역으로 내려 가고 싶다 그래서, 나는 여기에 갈거야 여기 내 h2 태그입니다

이것은 실제로 내가 그들에게 일종의 지퍼를 줄 수 있기를 바라는 곳입니다 거기에 공간을 두십시오 그리고이 작은 "괴상한 코드"를 쓸 것입니다 (귀하의 링크를위한 것입니다) 이름은 같음 따옴표를여십시오 나는 내 견적을 닫을거야

그냥 타자 할거야, 유도 링크를 닫으면 그 것처럼

그래서 이제 여기를 "비주얼 모드"로 클릭하고 페이지를 스크롤하면, 실제로 앵커가있는 작은 상자를 볼 수있게 될 것입니다 만나다! 그것을 확인하십시오 그러면 실제로 속도가 떨어지는 페이지의 기준점입니다 이제, 나는 그것을 만들기 위해 클릭하는 텍스트가 필요합니다 그래서, 나는 나의 페이지의 꼭대기에 되돌아 가게 될 것이다

나는 데이터를 입력 할거야 나는 타이핑 할거야 여기를 클릭하십시오 이상 유도 주제 전체 영역을 '클릭 가능'으로 만들기 위해 강조 할 것입니다 '링크'를 클릭하겠습니다

전체 긴 URL을 입력하는 대신, 나는 해시 태그를 사용하고 이름을 기억한다 나는 그것을 명명했다, 유도 해시 태그, 유도 링크를 추가하십시오 이 모든 괴상한 코드가 아름답게 나옵니다

그래서 "업데이트 된" 내 테스트 페이지로 돌아가서 '새로 고침'을 클릭하십시오 이제, 나는 그것을 가져야한다 여기에 더 많은 유도 (Judo) 주제를 보려면 여기를 클릭하십시오 내가 거기를 클릭하면 유도동의 주제에 대한 페이지가 나옵니다 그것을 확인하십시오! 정말 멋진

그렇게하고 싶다고 가정 해 봅시다 하지만 다른 페이지로 이동하려면 여기를 클릭하면이 링크가 필요합니다 특정 지점까지 아래로 압축하십시오 어떻게하는지 보여 드리죠 자, 앵커를 놓을 다른 페이지로가 봅시다

말하자면 다른 페이지 다시 말하지만, 텍스트 모드 또는 "괴상한 코드 모드"라고하는 것입니다

같은 앵커 태그로 떨어 뜨릴거야 우리가 만든 다른 페이지에 있습니다 그냥 이름을 지어 라, 유도 비주얼 모드로 들어가기 바로 여기에 작은 앵커가 있다는 것을 알 수 있습니다

즉, 페이지에서 앵커 지점을 좁히려는 지점을 설정합니다 "업데이트"를 클릭하십시오 우리는이 페이지를 볼 것입니다 우리가하고 싶은 것은 바로 여기 링크를 잡는 것입니다 괜찮아

이 링크는 우리가 원하는 페이지이기 때문에이 링크를 가져오고 싶습니다 그런 다음 우리는 그것이 연결된 텍스트로 돌아갈 것입니다 테스트 페이지로 이동합니다 이것은 우리의 링크 된 텍스트입니다 텍스트 "괴상한 코드"모드로 다시 전환하겠습니다

해당 해시 태그 바로 앞에 해당 페이지의 URL을 붙여 넣습니다 괜찮아 그래서 당신은 가고자하는 페이지의 전체 URL을 가지고 있습니다 앞으로 슬래시, 해시 태그, 유도 좋구나

이제 "업데이트"를 클릭하십시오 내 테스트 페이지로 돌아 가라 '새로 고침'을 클릭하면 이제해야합니다 (내가 그것을 클릭하면,) 날 데려가 완벽 해! 다른 페이지와 유도 섹션 아래로 그래서, 이것은 또 다른 페이지입니다 페이지의 바로 그 지점, 내 주제가 있습니다 그것이 사람들에게 보여주기를 원하는 것입니다

그래서,이 비디오가 당신을 돕기를 바랍니다 나는이 "괴상한 코드"를 얻을 수있는 링크를 배치 할 것입니다 문자 그대로 복사하여 WordPress 웹 사이트에 붙여 넣으십시오 다른 문의 사항이 있으시면 wpwedcom 또는 webtegrity

com 모두 좋은 하루 되세요 안녕!

How-to Add A Collapsible Text Area In WordPress

Wp craftercom episode 009 접을 수있는 텍스트 영역을 추가하는 방법 이 에피소드에서는 내가 일반적으로하지 않는 일을 시도하는 것이 구현됩니다

내 웹 사이트에서 녹화하기 전에 끝내지 않고도 솔루션을 살 수 있습니다 내가 뭘하는지 알기 때문에 내가 싫어하는 일을 정리하고있다 웹 사이트에서이 비디오로 수행 한 작업을 오디오로 가져 와서 자연적으로 말하기 쉬운 드래곤이라는 프로그램이 실제로 나를 위해 필사 될 것입니다 이제 완벽 할 필요는 없지만 내가 좋아하는 것에 대해 99 % 정확합니다 할 일은 내 게시물에 내용으로 추가되므로 아래에 편집 된 성적표의 원본을 넣으십시오

그리고 지금 나는이 텍스트를 모두 가지고있다 나는 많은 사람들이 이것을 읽을 수 있다고 생각하지 않는다 II 그러나 내 블로그 게시물에 더 많은 콘텐츠를 볼 수 있도록 Google에 더 많은 정보가 없습니다 그것은 아직까지 당신이 원하는 코멘트를 남기기를 원할 것입니다 축소하여 일부 기성품 테마에 나만의 기능이 포함될 것입니다

텍스트 영역을 확장하고 접을 수는 있지만 대리 검색은 거의하지 않습니다 그리고 나는이 플러그인을 바로 여기 Collapse O-Matic라고 불렀다 그러나이 경우에는이 플러그인의 모습을 원하는 코드를 추가하기 만하면됩니다 꽤 단단한 붕괴 O-Matic 그리고 단지 나오는 최신 버전만을위한 것입니다 몇 개월 전에는 적극적으로 개발되고 있다는 것을 의미하며 많은 부분이 작동합니다

긍정적 인 리뷰 나는 내 블로그에 이렇게 많은 사람들이 이것을 설치하는 것이 꽤 편하다고 느낍니다 실시간으로 이름을 강조 표시하고 이름을 클립 보드에 복사 해 봅시다 실제 이름은 여기에 있습니다 내 블로그에 게시물을 올려 놓고 여기에 가서 많은 사람들이 플러그인을 찾아 새로운 것을 추가하자 분명한 속도로 검색 플러그인을 클릭하면 바로 여기에 있습니다

지금 설치를 클릭합시다 다운로드되었습니다 플러그인을 활성화시켜 보겠습니다 그게 내가 여기에 다시 돌아 가게 할 수있게하는 동안, 내가 여기있는 지시는 아주 예쁜 것이다 이 짧은 코드를 내 게시물에 넣고 다른 사람과 일해 볼 필요가 있습니다

내 클립 보드에 복사 해두면 설정대로 진행되도록 구성되어 있습니다 특정 설정이 있는지 보려면 여기에 애니메이션 효과 옵션이 있는지 확인하십시오 나중에 사용자 정의 CSS를 추가 할 수 있으며 나중에 모든 레벨을 올리 자 그들은 프리미엄 버전을 가지고있다 나는 그것이 필요하다고 생각하지 않는다

내 WordPress 게시물 및 여기에 가치가 아래에 말하지 않은 원시 편집되지 않은 성적표입니다 그래서 그를 여기에 붙여 넣은 다음에 붙여 넣은 다음 이걸 복사해서 마이크에 넣어 줘 마이크 그걸 복사해서 삭제해라 멜라니는 맨 아래로 스크롤하여 추가했다 바로 거기에 보자

아래에 보자 아래에있는 대신에 편집되지 않은 원본 텍스트가 있습니다 여기를 클릭하여 말하고 싶을 것입니다 편집되지 않은 원본 사본의 클릭자를 보려면 여기를 클릭하고 업데이트를 클릭하고 다시 돌아와서이 라인을 삭제했는지 확인하십시오 그런 순간은 괜찮아요

나는 새로 고쳐서 아래쪽으로 스크롤하자 여기 편집 된 원본에 원시를 위해 당신은 누르기가 있고 거기 그것은이다 완벽의 성적표 왜 재미있는 일인지 빨리 정리하자 여기에 코드보기로 들어가야 할 수도 있습니다 바로 보도록하겠습니다 내가이 C 오크스를 없애 버린다

나는 그것을 실제로 제거해야한다고 생각한다 실제로 LME에서 모든 경우에 업데이트를 클릭하는 방법과 비슷하게 보입니다 프런트 엔드에서 새로 고침을하십시오 실제로는 나에게 완벽합니다이 모든 것이 더 어둡습니다

거기에 색깔이 있고 성적표가 있습니다 그래서 이것은 실제로 꽤 멋진 것입니다 내 게시물을 클릭하면 NEC를 통해 갈 수 있습니다 공통 영역은 아직 정보가 아직 Google에 남아 있으므로 어쨌든 갖고 싶다면 이 기능은 귀하의 웹 사이트에 추가되었으므로 축소 형 O-Matic이라 불리는 플러그인이었습니다 그리고 당신이 그것을 사용하는 방식은 당신이 여기에 텍스트를 넣는 것입니다

거기 그리고 닫는 꼬리표에 / 확장을 넣으십시오 그리고 아마 당신은 거기에 텍스트를 붕괴했습니다 사이트의 질문 및 답변과 같은 것들을 많이 사용하지만 지금까지는 어떤 특정 플러그인이나 무엇에 관한 질문이 있으면 어쨌든 그것을 좋아합니다 무료로 저에게 연락 할 수있는 WordPress

WordPress Tutorial: How to Set Up the Social Links Menu

안녕하세요 WordPress

com에 오신 것을 환영합니다 이 비디오는 웹 사이트 또는 블로그에 소셜 링크 메뉴를 설정하는 방법을 보여줍니다 소셜 미디어 아이콘은 다양한 방법으로 사이트에 표시 할 수 있습니다 일부 테마는 소셜 미디어 아이콘을 추가하기위한 특별 맞춤 메뉴를 제공합니다 방문자가 Twitter, Facebook 등의 소셜 프로필에 빠르게 액세스 할 수 있습니다

LinkedIn, Instagram 및 심지어 Dribbble 및 Vimeo 첫 번째 단계는 귀하의 테마가 소셜 링크 메뉴를 지원하는지 확인하는 것입니다 내 사이트 및 메뉴를 클릭 한 다음 메뉴 위치를 클릭하십시오 그런 다음 메뉴 추가를 클릭하고 이름을 지정하십시오 그런 다음 각 소셜 프로필 항목을 맞춤 링크로 추가합니다

Facebook, Twitter 및 Instagram을 추가합시다 소셜 미디어 사용자 이름을 모르는 경우 프로필에서 URL을 검색 할 수 있습니다 브라우저 바에서 복사 한 다음 복사하여 사용자 정의 링크 메뉴에 붙여 넣으십시오 그런 다음 해당 메뉴의 위치를 ​​사회 메뉴로 설정하고 저장하십시오 당신의 아주 새로운 연결을보십시오

더 많은 팁과 트릭을 보려면 WordPresscom 지원 사이트를 방문하십시오