WordPress Shortcode Tutorial | How & Why to Use Shortcodes

쇼트 코드 란 무엇이며 사이트에서 어떻게 사용합니까? 그것은 오늘의 비디오의 주제가 될 것입니다 지금, 당신이 WordPress의 신선한 설치가있을 때, 귀하의 사이트에 이미 단축 코드가 추가되지는 않습니다

단축 코드는 항상 플러그인과 때로는 테마에 의해 추가됩니다 짧은 코드를 사용하는 이유는 게시물 또는 페이지 예를 들어, 여기에서 내 연락처 페이지에 기본 연락처 양식이 표시되어 있음을 알 수 있습니다 이 연락처 양식을이 페이지에 추가하려면, 나는 짧은 코드를 사용하고 있으므로 잠시 후에 어떻게하는지 보여 드리겠습니다 하지만 먼저 게시물이나 게시물을 수정할 때 페이지에서 게시물 편집기로 단락을 출력 할 수 있습니다

이미지, 유튜브는 모든 종류의 콘텐츠를 포함합니다 그러나 더 복잡한 무엇인가를 위해, 당신은 종종 단축 코드를 사용해야합니다 따라서 연락 양식이 좋은 예라고 생각합니다 그래서이 비디오에서, WPForms라는 연락처 양식 플러그인을 사용하고 있습니다 그리고 귀하의 사이트에 연락 양식을 추가하기위한 플러그인이 필요한 경우, 나는 확실히 WPForms을 추천한다

내가 좋아하는, 어, 양식 플러그인이야 정말로, 음, 풍부한 기능과 모든 종류의 물건에 사용할 수 있습니다 그래서 나는 매우, 이 것이 좋습니다 엄청난 양의 리뷰가 있습니다 따라서이 비디오에서이 플러그인의 기능 및 이점을 보여주지는 않겠습니다

나는 그것을 예제로 사용하려고합니다 음, 당신은 WPForms가 설치된 것을 볼 수 있습니다, 새 WPForms 메뉴가 있고 간단한 연락처 양식이 하나 있습니다 WPForms는이 양식을 만드는 데 사용되며, 그러나 질문은 남아있다 연락처 페이지에이 양식을 어떻게 추가합니까? 그래서 각 양식에 짧은 코드가 포함되어 있습니다 이제 짧은 코드를 볼 때마다, 왼쪽에는 브래킷, 오른쪽에 브래킷이 있습니다

내부 일반적으로 플러그인 이름과 일련의 속성을 볼 수 있습니다 이 경우, WPForms와 819라는 ID를 보게되는데이 형식은이 형식을 의미합니다 819의 이드 이제는 어쨌든이 텍스트를 편집 할 필요가 없습니다 그래서 만약 당신이 이상한 코드를 아는 것 같으면 괜찮습니다

플러그인에서 제공하는 단축 코드를 복사하여 붙여 넣기 만하면됩니다 따라서이 양식의 미리보기와 모양을 알려주기 위해, 이것이 내 사이트에 양식이 표시되는 방식입니다 괜찮아, 그래서이 단축 코드는 내가 원하는대로 모든 게시물이나 페이지에 출력하는 내 방식입니다 원하는 경우 여러 페이지에 출력 할 수 있습니다 이제 페이지에 추가하려면, 이 간단한 연락처 페이지를 설정하고 Enter 키를 눌러야합니다

구텐베르크 (Gutenberg) 지부 편집장과 함께 새로운 블록을 만들고 있습니다 나는 단지 단축 코드를 복사하여 붙여 넣을 수 있었고, 하지만 내가하고 싶은 것은이 "블록 추가"버튼을 클릭하는 것입니다 shortcode 옵션을 선택하면 바로 팝업됩니다 일단 내가 그것을 클릭하면, 새 단편 블록을 삽입하도록하겠습니다 이제는 Windows 컴퓨터에서 V 명령어 나 V 명령어를 누르기 만하면됩니다

이 블록에 단문을 붙여 넣으십시오 내 게시물을 업데이트하고 확인하면, 양식이 출력되는 것을 볼 수 있습니다 더욱이, 이 문의 양식을 업데이트하면, 이 짧은 코드는이 변경 사항을이 연결에 연결했기 때문에 즉시 변경 사항을 표시합니다 문의 양식 그래서 여러 가지 방법을 추가하는 WordPress 플러그인이 많이 있습니다

귀하의 사이트에 콘텐츠를 출력하십시오 보통 잘 만들어진 플러그인이라면, 사이트에 추가 할 위젯과 단축 코드를 모두 갖게됩니다 그래서 나는 이것이 당신이 단축 코드를 사용하는 이유와 그것들을 사용하는 방법을 깨끗케하기를 바란다 귀하의 사이트 평소와 같이 질문이 남아있는 경우, 아래의 댓글 섹션에 게시하십시오

지켜봐 줘서 고마워

How to REALLY EASY Add Buttons in WordPress NO CODE (2017)

안녕하세요 Guru-wordpress

com에서 환영합니다 이 비디오에서는 단축키를 사용하지 않고 WordPress에 버튼을 추가하는 방법을 보여줍니다 처음에는 Shortcode 버튼을 잊어 버리는 플러그인을 설치합니다 일부 게시물이나 페이지를 열어보십시오 단추를 추가하려면 "단추 삽입"을 클릭하십시오

다양한 유형, 크기 및 색상의 단추 중에서 선택할 수 있습니다 마지막으로 미리보기를보십시오

How to add a Twitter feed to WordPress

-이 비디오에서 우리는 Twitter 피드를 가져올 것입니다 우리의 WordPress 웹 사이트에, 그래서 당신은 귀하의 사이트에 귀하의 트윗을 실시간으로 보여줄 수 있습니다

그들은 이것처럼 보입니다 기본적으로 페이드 인 / 페이드 아웃 할 수 있습니다 또는 당신이 정말로 좋아하는 무엇이든지, 원하는만큼 많이 보여줄 수 있습니다 또는 당신이 원한다면, 모든 종류의 것들 설정하기가 쉽고 많은 옵션이 있습니다

나는 이것을하기 위해 무료 플러그인을 사용하고있다 너는 돈을 쓸 필요가 없어 그것은 좋은 소식입니다 그럼, 시작하겠습니다 (소프트 피아노 음악) 안녕하세요, WPEagle의 Alex입니다

내가 말했듯이이 비디오에서 우리는 트위터 피드를 추가 할 것입니다 귀하의 트위터 피드 아마도, 또는 어쩌면 하나의 클라이언트 원하는만큼 많은 짹짹을 가져올 수 있습니다 레이아웃 옵션이 많아서 어떻게 표시 할 것인지를 결정합니다 그래서 우리가 오늘 사용할 플러그인들, 첫 번째 것은 분명히 당신을 허용합니다

트윗을 끝까지 당겨 라 위젯을 만듭니다 어떤 사이드 바에 추가 할 수 있습니다 당신이 당신의 주제에 가지고있는 것 우리가 사용할 두 번째 플러그인, 기본적으로 그 위젯을 짧은 코드로 사용할 수 있습니다

짧은 코드는 단지 텍스트와 비슷합니다 원하는 곳에 붙여 넣을 수 있습니다 페이지 내에서 또는 무엇이든간에 그런 다음 트윗이 표시됩니다 매우 유연합니다 잘하면 당신은 유용하다고 생각할 것입니다

그럼 컴퓨터를 타 보자 어떻게 작동하는지 보여 드리겠습니다 좋아, 이제 그 사이트에서 끝났어 트위터 피드를 추가 할 예정입니다 최근에 방금 작업 한 웹 사이트입니다

사실, 나는 그것에 대해 비디오를 녹음 해왔다 그래서, 그것을 조심하십시오 곧 올거야 내가 그것을 편집했을 때 약 4 시간 분량의 영상이 있습니다

그래서, 조금 시간이 걸릴지 모르지만 그래, 곧 올 것이다 그러나 어쨌든, 나는 횡재하고있다 우리가해야 할 첫 번째 일 몇 가지 플러그인을 설치합니다 우리를 도울 것입니다 트위터 피드

그래서, 대시 보드에 들어가 봅시다 그런 다음 플러그인, 새로 추가를 차례로 클릭합니다 추가 할 첫 번째 것은 Twitter입니다 TweetScroll이라고하는 것입니다 잠깐만, 공간이 없을 수도 있습니다

그냥 공간을 없애 버리자 그것이 우리가 원하는 것입니다 설치를 클릭합니다 자, 이제는 위젯처럼 유용합니다 따라서 사이드 바에 Twitter 피드를 추가 할 수 있습니다

그들이 당신의 주제에 있을지도 모른다 어디든지, 어쩌면 옆에, 바닥 글에있을 수, 헤더에있을 수 있습니다 활성화를 클릭하십시오 하지만 또 다른 작은 플러그인을 추가하려고합니다 위젯을 짧은 코드로 추가 할 수 있습니다 즉, 기본적으로 사이드 바에 추가 할 수 있음을 의미합니다

그런 다음 사이드 바 또는 위젯을 드롭합니다 메인 페이지 본문과 같은 내용으로 그 말이 맞는다면 따라서 두 가지 옵션이 있습니다 사이드 바에 추가 할 수있는 위젯이 있습니다 짧은 코드 플러그인을 사용하게 될 것입니다

그래서 우리는 다른 어느 곳에 나 추가 할 수 있습니다 예를 들어, 홈페이지 또는 그와 비슷한 것으로 말하십시오 따라서 두 번째 플러그인을 위젯 단축 코드라고합니다 나는 그걸 타이핑 할거야, 수색을 해 아, Add New, 바보 같은 것을 클릭해야합니다

위젯 ShortCode 지금 설치를 클릭하십시오 그런 다음 활성화를 클릭하십시오 좋아, 그럼 우린 잘됐다 먼저 Twitter 위젯을 설정해 보겠습니다

그래서, 만약 내가 외관과 사이드 바에 들어가면, 그게 네가 모든 위젯을 찾은 곳이야, 우, 미안, 안돼 당신은 거기에서 그들을 찾지 못합니다 당신은 Appearance and Widgets에서 찾을 수 있습니다 바보 나 그래서 Appearance and Widgets에서이 새로운 영역을 얻었습니다

우리가 사용할 수있는 임의의 짧은 코드는 기본적으로 여기에 넣습니다 그런 다음 사이트의 아무 곳이나 덤프 할 수 있습니다 모든 것이 잠시 후에 깨끗해질 것입니다 그러니 TweetScroll 위젯을 찾으십시오 여기있어

물론, 당신은 당신의 메인 사이드 바에 넣을 수 있습니다 또는 어디에서든지, 그러나 나는 이것을 홈페이지에 떨어 뜨리고 싶다 그래서 사이드 바가 유용하지 않을 것입니다 그래서 우리는 짧은 코드를 사용하고 있습니다 따라서 일단 위젯을 넣으면 제목을 붙일 수 있습니다

당신은 당신의 사용자 이름을 넣을 수 있습니다 로드하려는 트윗의 수와 모든 종류의 것들 그래서, 끝까지 가자 나는 지금 트위터로 제목을 남겨 둘 것이다 나는 그것을 제거하고 싶을지도 모르지만, 나는 볼 것이다

사용자 이름을 추가하겠습니다 그것은 bakeitfreeform입니다 로드 할 트윗의 수는 정상입니다 자, 그냥 페이드를하기 만하면됩니다 그래서, 나는 그것을 위해 갈 것입니다

어, 600 괜찮아, 내 생각 엔 타임 스탬프는 괜찮아 그래서, 그냥 페이드로 설정하고 싶습니다 새 창에서 너의 을 열어 라 사람들이 당신의 트위터 링크 중 하나를 클릭했을 때를위한 것입니다 트위터 로고를 표시하십시오 프로필 이미지에 신경 쓰지 마세요

원하는 경우 캐싱을 설정할 수 있습니다 아마 5 분이 좋다 이제 우리는 소비자 키와 액세스 키를 가져와야합니다 그래서, 우리는 트위터로 향할 필요가 있습니다 새 탭을 열어 보겠습니다

사실 우리는 appstwittercom에 갈 것입니다 그럼 로그인해야합니다 자, 트위터에 로그인하자

당신이 사이트를 설정하고 있다는 것을 계산하기가 꽤 쉽지만, 그러나 그것은 분명히 중요하지 않습니다 트위터 계정을 사용할 수 있습니다 api 키를 가져와야합니다 로그인을 클릭하십시오 현재로서는 어떤 앱도 갖고 있지 않습니다

새 앱 만들기를 클릭하기 만하면됩니다 나는 그것에게 이름을 줄 것이다, 그것은 bakeitfreeformwebsitetweets 설명 웹 사이트 트윗 URL을 입력하십시오 콜백 URL이 필요 없습니다

예, 동의합니다를 선택하십시오 내 휴대 전화 번호를 추가해야한다고 말합니다 내 트위터 프로필로, 그래서 난 그냥 그렇게 할거야 이봐

전화 번호는 어디에 있습니까? 여기에 있어야합니까? 아, 모바일, 우리가 간다 전화 번호를 추가하십시오 텍스트 당신에게 코드 방금 가져 왔으니 입력 해 보겠습니다 우리는 거기에 갈

다시 돌아가서 다시 시도해 봅시다 내 URL이 마음에 들지 않습니다 나는 그것이 http를 필요로한다고 생각한다 http 코드 인 http : //가 있습니다 알다시피, 평소

어, 우리가 간다 그리고 이제 우리는 몇 가지 열쇠와 사물을 가지고 있습니다 열쇠와 액세스 토큰을 클릭합시다 여기에 복사하여 붙여 넣기해야 할 것들이 있습니다 WordPress에 우리 위젯으로

그래서, 나는 여기서 내려갈거야 내 액세스 토큰 생성을 클릭하십시오 그리고 우리는 필요한 모든 것을 갖추고 있습니다 첫 번째 것은 소비자 키입니다 그래서, 저는 이것을 클립 보드에 복사 할 것입니다

붙여 넣기, 공백이 없는지 확인하십시오 다음이 있습니다 그런 다음 아래쪽으로 향해 당신은 당신의 접근 토큰과 그 밖의 것들을 발견 할 것이고, 그냥 액세스 토큰을 복사하십시오 그리고 그걸 붙여 넣으세요 저장을 클릭합니다

그럼 우린 가야 돼 그러면 여기에 짧은 코드가 필요합니다 나는 그걸 복사 할거야 그런 다음 홈페이지로 돌아갈 것입니다 이 웹 사이트에서 X-Theme을 사용하고 있습니다

그러나 당신이 사용하고있는 테마는 정말로 중요하지 않습니다 당신은 분명히, 짧은 코드를 붙여 넣으십시오 이 페이지를 편집하겠습니다 꽤 복잡한 비주얼 편집기가 있습니다 그러나 당신은 더 많은 것에 그것을 붙여 넣을 수 있습니다

보통의 WordPress Editor 또는 이것 저것 그래서, 음, 여기 아래쪽으로, 나는 새로운 섹션을 추가 할 것이라고 생각합니다 그런 다음 해당 섹션 내에서 텍스트를 추가하고, 그래서 이것은 당신의 주제 등에 따라 달라질 것입니다 그러나 기본적으로, 나는 그저 그런 실제 코드를 붙여 넣으려고합니다 그리고 내가 원했던 것보다 더 많이 자랐다

그래서, 음, 내 설정을 조정해야한다고 생각합니다 하지만 그래, 좋아 보이는구나 저장을 클릭하십시오 페이지를 살펴 보겠습니다 그 10 개의 트윗 설정을 잊어 버린 것 같아요

내가 한 일 이니, 위젯으로 돌아 가자 설정을 조정하십시오 음, 위젯 아, 네 나는해야한다, 하나는 1이어야한다

나는 그것을 일찍 바꿨다고 생각했다 저장을 클릭하십시오 그리고 새로 고침 그리고 우리의 트위터 피드가 있습니다 그래서, 당신이 유용하다고 생각하길 바랍니다

나는 분명히 조금만 정돈하려고한다 공간을 움직여서 조금 움직여보세요 하지만 그것은 주제별 일 것입니다 다행히도 귀하의 웹 사이트에 지금 트위터 피드가 있습니다 그리고 그것은 좋아 보인다

질문이 있으시면 아래에 남겨 두십시오 내가하고있는 것을 좋아한다면, 같은 버튼을 클릭하십시오 더 많은 동영상을 구독하십시오 다음 번엔 지금까지 안녕 (peppy soft rock)

How to List Events by Category or Tag in WordPress

– [Brian] 안녕하세요, Brian Hogg 여기 있습니다 이벤트 캘린더 Shortcode Pro에서, 이것은 빠른 데모입니다

이벤트를 나열 할 수있는 방법을 보여줍니다 당신이 행사 달력에 가지고있는 귀하의 사이트 어디서나, 카테고리 나 태그로 필터링 할 수 있습니다 또는 여러 범주 및 여러 태그, 그래서 제가 여기있는 사건들을 볼 수 있다면, 우리는 이런 종류의 갈라, 회의, 도보 카테고리, 큰 이벤트, 회의, 자연, 정기 이벤트, 그런 것들 그래서 내가 보여주고 싶은 사건에 따라, 하나 이상의 태그로 필터링 할 수 있습니다 또는 하나 이상의 범주

그래서 그것이 작동하는 방식은 내가 여기에 페이지가 있다면입니다 짧은 코드와 함께, 나는 페이지를 편집하고, 고양이 평등을 추가하면됩니다 하나 이상의 카테고리에 대해, 또는 태그가 하나 이상의 태그와 같으면 하지만이 따옴표 안에 무엇을 넣어야하는지 알아 내려면 내 사건에 들어갈 필요가있어 그래서 내가 말하고 싶은 말로 걸러 내고 싶다면, 나는 꼬리표로 향한다 내가 거기에 넣어야 할 것은 그 꼬리표의 슬러그인데, 그것은 변하지 않을 것입니다

비록 내가이 꼬리표의 이름을 꼬집었다해도 그래서 나는 큰 사건으로 걸러 내고 싶다 그래서 나는 큰 사건을 복사 할 것이고, 이것을 tag로 바꾸고, 그 안에 팝, 그 태그로 필터링 할 수 있습니다 변경 사항을 미리 보면, 당신은 이제 큰 행사가있을 뿐이라는 것을 알게 될 것입니다 네 가지 사건 모두와는 대조적이다

실제로 태그로 돌아갈 수 있습니다 나는 볼 수있다 나는 회의도하고있다 그래서 나는 쉼표로 그것을 팝 할 수 있고, 모든 이벤트를 보여줄 수있다 태그에 큰 이벤트 나 회의가 있습니다

그리고 그것은 저에게 3 가지 사건을 가져옵니다 큰 이벤트 태그가있는 두 개, 회의에 참석 한 사람 그래서 카테고리와 마찬가지로, 나는 이들을 제거 할 것입니다 내가 다시 돌아 가면 이벤트 카테고리로 들어갈 수 있습니다 그리고 슬러그를 위해 당신은 그것을 볼 수 있습니다, 공백이 없기 때문에, 대구에 어떤 대시 나 아무것도 넣지 않습니다

이름의 소문자 버전 일뿐입니다 내가 카테고리를 만들었을 때 그래서 똑같은, 갈라, 미리보기, 갈라 카테고리 이벤트 만 나타납니다 그리고 마찬가지로, 나는 쉼표 (comma) 갈라 카테고리에있는 이벤트를 보여줄 수 있습니다 또는 도보 카테고리

그게 전부입니다 그것이 당신의 이벤트를 필터링 할 수있는 방법입니다 카테고리 또는 태그별로, WordPress 사이트에서 필요할 때마다 추가하십시오 Events Calendar Shortcode Pro를 사용하십시오

WordPress Shortcodes – How to Create a Custom Twitter Shortcode

우리가 여전히 더 많은 시간을 가지고 있기 때문에 좋아요 우리는 더 이상 질문하지 않습니다

이 짧은 코드는 다른 질문에 더 나아가 그리고 앞으로 할 일은 트위터 쇼트를 만들 예정입니다 코드 및이 트위터 짧은 코드는 링크 또는 링크의 종류가 될 것입니다 게시물을 Twitter에 게시합니다 그래서 여기에서 코드를 빌리 자 WP 조리법에서

그들은이 작은 조각을 잘 가지고 있습니다 HTML 코드라고 생각합니다 그들은이 WordPress 코드를 가지고 있습니다 실제로 HTML 링크입니다 짧은 코드로 이제는 맞춤 설정으로 돌아가겠습니다

함수 php 이건 예, 그건 내 꺼야 그게 내가하고있는 일이야 그래서 나는 짐작한다 먼저,이 함수는 우리의 트위터 짧은 코드를 정의합니다

그리고 트위터 기능에 의해 또 다시 그게 보자 콘텐츠가 필요합니까? 너도 알다시피, 그게 내가 필요로하지 않는 콘텐츠를 필요로하지 않는다는 것을 나는이 atts을 필요로하지 않는다 또 다른 내용 = 아니오 나는 그 것을 비워 둘 수있다 그래서 저는 열거 나 닫을 겁니다

대괄호를 입력하고 그 코드를 다시 캡처해야합니다 좋아, 전체 복사본 가져 오기 여기로 돌아가서 나는 말하고 싶다 아, 나는 할당하고 싶지 않다 Byob_twitteroy twit Byob_twit = 그런 다음 그 코드를 붙여 넣습니다

그래서 그것이 실제로 작동하는지 봅시다 그래서 우리는이 책을 읽었고 그 다음에 permalink가 있습니다 그래서 저는 가려고합니다 실제로 멈추고 다시 떨어 뜨리고 다시 말하라 byob_twit = whoopsÖ it iss 도트는 같습니다

점은 같고 따옴표입니다 사실, 따옴표가 아닙니다 사실, 나는 없애 버릴거야 그 PHP와 나는 이걸 없애 버리고 나는 그것을 다시 내려 놓고 $ byob_twit을 말하고 싶다 = 그리고 작은 따옴표

제목이 페이지를 Twitter, target = blank show로 보내려면 클릭하십시오 트위터에 그리고 나서 좋습니다, 이것이 우리가 여기에 문제가 있음을 보여줍니다 AH ref = 문제가 무엇입니까? 뭔가 빠졌어요

오, 그래, 나는 세미콜론을 놓치고있어 괜찮아 그래서 이것은 연결 기호입니다 byob_twit = this plus this this and create 짧은 코드는 짧은 코드를 추가 한 다음 괄호를 열고 닫는 것입니다 방금 말했어 그리고 따옴표를 다시 열고 닫고 byob twitter, 함수의 이름, 그리고 그 마지막에 세미콜론이있다

좋아, 그럼 우리가 가고있어 계속해서 이것을 구하십시오 그래서 우리는이 작은 HTML을 만들었습니다 약간의 PHP는 우리가 반환 진술을 연결 concatenateohoh, 맞아 그래서 지금 우리는 리턴과 $ byob_twit 세미콜론이 필요합니다

좋아, 돌아올거야 이 위치의 내용 우리는 그렇게하고 앞으로 나아가서 이것을 저장합니다 그럼 우리가 여기 와서 업로드 할게 그런 다음 사이트로 이동합니다 그리고 저는이 일의 초기에 여기에서하려고하는 것이 단지 비틀 거리는 것이라고 생각합니다

그래서 트위스트하고 그것을 업데이 트하십시오 나는 이것을 새로 고칠 것이고 거기에있다 Twitter에서 공유하십시오 당신 이 제목을 클릭하면 트위터로이 페이지를 보낼 수 있습니다 그리고 그것을 클릭하면 내가 그것을 추가 할 수있는 나의 로그인을 올려라

그러면 거기에 가라 우리는 짧은 코드를 가지고있다 그래서 당신은 전체 플러그인이 필요하지 않습니다 당신은 이것을 할 짧은 코드를 넣을 수 있습니다 대신에

그리고 우리는 10 분 더 지났으므로, 우리는 이미지에 대한 링크를 대체 할 수 있습니다 그래서 우리는 그것을 단순히 제거하고 그것을 저장하고 그 다음 나는 여기의 사이트에 되돌아 가게되어야한다 나는 가서 조각과 이미지를 얻어야 해 이것 때문에 미디어 라이브러리로 이동하여 새로 추가하고 파일을 선택합니다

나 갈거야 내 아이콘이있는 곳, 내 웹 사이트 그래픽 IconsÖ이 트위터라고 생각합니다 핑 (ping)은 아마도 그렇게 열어 놓고 싶을 것입니다 파일이 비어 있습니다

좋아요, 파일을 선택하십시오 다시 알았어, 트위터 핑 오, 다른 업 로더를 사용해 봅시다 이제 파일을 선택하고 데이터, 웹 사이트, 그래픽, 아이콘, 트위터 핑

업로드 좋아, 거기있다 이제 편집하겠습니다 그것과 우리는 그것을 복사합니다 그리고 잠깐 여기 다시와 보겠습니다

그래서 나는 내가 필요하다고 생각한다 to say class = twit 그래, 그 수업에 수업을 추가해야하고, 여기서 우리는 무엇을 할까? twit a입니다 그리고 배경 이미지 URL을 말할 것입니다

URL이 있습니다 닫기, 세미콜론, 배경 이미지와 높이를 말하려고합니다 : Â 나는 32 픽셀과 같다고 생각합니다 32 pxÖ 너비 콜론 32 px 좋아요, 그래서 우리는 방금 정의한 것입니다 우리는 a를 정의했습니다

우리는 높이와 너비가 32 픽셀이고 배경 이미지가 있습니다 그래서 우리는 저것을 제외하고 우리는 전방 저축하고 저축 할 것이다 그리고 우리는 그들을 업로드하고 그게 어떻게 작동하는지 봅시다 이제 나는 그것에 대해 모두 흥분한다 데모 3

나는 실패 했음에 틀림 없다 나는 그 모든 것을하지 않았다 좋아 나는 제대로 업로드하지 못했습니다 사용자 정의 기능 PHP 파일 업로드

다시 돌아와 여기, 새로 고침 이것이 내가 Custom File Editor를 사용하는 이유 중 하나입니다 보자, 내가 거기 아래쪽에 꼬꼬댁을 가지고 있니? 나는 지저분 해, 알았어 내 사용자 정의 함수 PHP 파일에 있어요

나는 거기에 꼬꼬댁 소리가났다 나는 분명히 꼬꼬댁을하고있다 나는 그 여분의 꼬리표를 가지고 있지 않다 따라서 이전에는 작동했던 일부 기능이 더 이상 작동하지 않습니다 어쩌면 이것이 문제 일 수 있습니다

어쩌면 내가 정말로해야 할 일은 우리에게 한 마디 될 것입니다 그리고 여기로 다시 와서 닫는 div 그래, 그렇게 해보자 좋아, 만약 우리가 그 elementÖ 형식을 검사한다면 텍스트, div 클래스 twit 클래스 div, 클래스 twit

내가 뭘 잘못 했니? 오, 그것은 세미콜론이 누락되었습니다 있잖아, 너 이 물건을 망치고 작동시킬 수는 없습니다 오, 늦은 밤이야 그거야 내 문제

그럼 오오, 그걸 가져와 그게 그걸로 돌아 왔어 처음이 좋아요, 그렇게해도 괜찮습니다 문제 없습니다

이미지 자체 48 오 오 그것은 디스플레이 블록입니다 그걸 잊어 버렸어 만약 우리는 여기서 CSS, CSS, 사용자 정의 CSS를 편집합니다 여기 와서 디스플레이 블록이라고 해

세미콜론을 차단하십시오 그것 참 흥미 롭네 나는 둘 다 명확하게 말할 필요가 있다고 생각합니다 좋아요 12 48

48, 이것을 Twitter에 보내려면 클릭하십시오 거기는 그리고 이제 당신도 알다시피,이 사람들은 일반적으로 Twitter 버튼을 사용한다고 생각합니다 그럼에도 불구하고이 목적을 위해 이것을 클릭하면 우리에게 트위터에 그래서 분명히 그 일을합니다

48×48, 디스플레이 블록 콜론 블록 세미콜론 그리고 다른 두 가지를 모두 깨끗하게 정리해야 콜론이 명확합니다 그걸 저장해라 문서를 업로드하고 업로드합니다 이것이 여기 있습니다

업로드하고 여기로 돌아와서 그것을 새로 고칠 것입니다 좋아, 내가 뭘 했니? 나는 수업 twit을 가지고있다 나는 지금 지구에서 했습니까? 사실, 어떻게 든 그 물건을 망 쳤어 나는 ~ 내 안에 있어야합니다 피로, 오, 안돼

나는 그것을 변경하지 않았다 예, 맞춤 함수로 변경했기 때문에 PHP는 사용자 정의 CSS가 아니야 우리는 거기에 갈 떨어져 우리는 Twitterland에 간다 좋아, 그렇게 봐

그것은 10 02 WordPress에서 짧은 코드를 사용하는 방법에 대한 흥미로운 대화가 있습니다 우리 목록에 있던 질문에 대답했다고 생각합니다 여러분 모두에게 감사드립니다 오늘 밤에 참여하기 위해

더 많은 비디오 자습서를 보려면 웹 사이트를 방문하십시오 : † http : //wwwbyobwebsitecom

Using WordPress at Boise State: Shortcodes and Buttons

>> 그림자 :이 비디오에서는 WordPress에서 단축 코드를 사용하여 토론 할 것입니다 Shortcodes는 WordPress에서 작업을 수행하거나 요소를 표시하는 텍스트 스 니펫입니다

단축 코드를 사용하면 열의 레이아웃 텍스트와 같은 작업을 수행 할 수 있습니다 회전하는 이미지, 확장 및 축소 기능이있는 토글 메뉴를 추가하거나, 또한 단축 코드를 사용하여 화면에 버튼을 만들어 작업을 수행 할 수 있습니다 이전에는 웹에서 이미지를 처음부터 만들거나 이미지를 복사 한 다음 다른 곳에 어딘가에 어쩌면 그것에 약간 주문을 받아서 만들어진 원본을두고 당신의 웹 사이트에 올려주기하십시오, 귀하의 페이지에 그 이미지를 삽입하십시오 보이시 주 (Boise State)의 문제는 우리가 볼 때마다 다르게 보인 버튼이 있다는 것입니다 단일 사이트, 일부는 꽤 좋게 보였고 일부는 솔직하게 나 빠졌다

WordPress를 사용하면 짧은 코드를 사용하여 이미지가 아닌 버튼을 만들 수 있습니다 계단식 스타일 시트를 사용하여 작성, 적어도 사이트마다 버튼이 동일하거나 비슷하게 보일 수 있습니다 따라서 버튼 단축 코드를 만드는 가장 쉬운 방법은 단축 코드 삽입 메뉴로 이동하는 것입니다 WordPress 편집기 도구 모음 위에 있으며 드롭 다운 메뉴에서 요소 섹션을 열고 버튼을 선택하십시오 그렇게하면 "button"이라고 쓰여진 괄호로 둘러싸인 여는 태그가 있고 대괄호로 묶인 닫는 태그

버튼도 사용됩니다 자, 버튼의 실제 문구가 아직 없습니다 우리가 가지고있는 전부는 WordPress에 버튼이 여기에서 시작한다는 것을 알려주는 짧은 코드입니다 여기에서 끝납니다 따라서 이후에 오는 모든 콘텐츠에는 버튼 스타일이 적용되지 않습니다

따라서 저장하고 미리보기를하면 우리는 빈 단추임을 알게 될 것입니다 사실, 너무 작아 거기에는 거의 아무것도 없습니다 따라서 버튼에 텍스트를 추가하려면이 두 개의 단축 코드 사이에 커서를 놓기 만하면됩니다 텍스트를 입력하십시오 이 경우 온라인으로 Google 양식에 연결하는 방법을 보여주기 위해이 예를 사용합니다

따라서 Google Form은 이벤트 등록과 관련이 있습니다 그래서 지금은 Register Now라는 텍스트를 사용합니다 그리고 이것을 저장하고 미리보기하면 이제 텍스트가 나타납니다 지금 등록하세요 폰트 나 색상 또는 다른 것에 대해 걱정할 필요가 없도록 스타일이 지정되었습니다

기본 배경은 파란색, 색상은 흰색 우리는 그걸 바꾸는 방법을 잠깐 살펴볼 것입니다 그러나 지금 당장은 모든 상단 뚜껑으로되어 있습니다

그래서 지금이 버튼은 아무 것도하지 않고 그냥 텍스트가 있습니다 클릭하면 온라인 상태의 Google 양식으로 연결됩니다 그래서, 나는 그 짧은 코드에 속성이라고 불리는 것을 추가해야합니다 그 shortcode 브래킷 내에서 단추 뒤에 공백을 넣어야하고, 나는 가지고있다 링크를 입력하고 등호를 입력 한 다음 견적 내 양식의 웹 주소 인 실제 URL을 입력합니다

이제 이것을 저장하고 미리보기하면 버튼이 생깁니다 클릭하면 클릭하면됩니다 나를 Google 양식으로 이동시킵니다 이제 버튼에 추가 할 수있는 다른 속성이 있습니다 색상, 캡션을 추가하려면 더 크게

예를 들어 파란색 대신이 버튼을 주황색으로 만들려면 두 번째 속성을 추가합니다 그 짧은 코드 괄호를 열어서, 그 단어 뒤에 그 공간이 있는지 확인하십시오 버튼을 클릭하고 color equals를 입력 한 다음 주황색을 따옴표로 묶습니다

그런 다음 여기에 링크가 오기 전에 공간을 두었습니다 그래서 두 가지 속성이 있습니다 버튼 공간 색상이 오렌지색과 같고 링크가 웹 링크와 동일합니다 미리보기를하면 오렌지색 버튼이 표시됩니다 배경에서이 경계선을 없애고 자한다면, 버튼이 흰색 배경에

음, 세 번째 속성을 추가 할 수 있습니다 테두리는 따옴표 noborder와 같습니다 그 색상 속성 앞에 공백이 있는지 확인하겠습니다 그리고 미리보기를하면 이제는 내 버튼이 보이지 않습니다 마지막으로이 버튼을 더 크게 만들고 싶으면 버튼에 큰 크기를 선택할 수 있습니다

그리고 버튼을 클릭하면 또 다른 속성이 생깁니다 크기는 큰 따옴표로 나타납니다 미리보기를 클릭하면 지금 등록 버튼이 나타납니다 버튼에 추가 할 수있는 다양한 속성을 보려면 webguideboisestate

edu로 이동하십시오 웹 사이트 모양에는 단축키 사용 링크가 있습니다 당신이 Boise State에서 우리 테마 안에서 이용할 수있는 쇼트 코드 단추 페이지에는 추가 할 수있는 모든 속성이 있습니다 그래서 우리는 배경, 테두리, 밝은 파란색, 주황색, 회색, 작은, 큰, 오른쪽 맞춤

단추에 사용할 수있는 다양한 특성이 있습니다 당신이 당신의 페이지에 원하는 방식으로 정보 기술 사무소, 보이즈 주립 대학, oit

boisestateedu

How to Add and Style Embeded Videos in WordPress

안녕하세요 WordPress 101 과정으로 웹 디자인에 오신 것을 환영합니다

오늘 저는 어떻게하면 WordPress 사이트에 비디오를 퍼가는 지 보여줍니다 퍼간 동영상은 사이트에 표시되지만 다른 사이트에서 호스팅되는 동영상입니다 예를 들어, YouTube는 사람들이 다른 사람들과 공유하기 위해 비디오를 업로드하는 데 사용하는 인기있는 비디오 호스팅 사이트입니다 동영상이 YouTube에 업로드되면 해당 사이트에 동영상을 업로드하지 않고도 다른 사이트에 해당 동영상을 퍼갈 수 있습니다 동영상을 퍼가기 만하면 사이트에 바로 추가하는 대신 동영상을 다른 위치에서 재생할 수 있으므로 서버에서 차지하는 공간을 절약 할 수 있습니다

또한이 클래스에서 간단한 HTML을 사용하여 사이트에 삽입 된 비디오의 프레젠테이션을 조작하는 방법을 보여줍니다 비디오를 포함 시키면 포스트 또는 페이지에 비디오를 포함시키는 것과 동일합니다 간단히 편집기를 열고 삽입하려는 비디오의 URL 주소를 입력하기 만하면됩니다 WordPress에는 텍스트 편집기에서 비디오의 URL 만 입력하면 특정 소스의 비디오를 포함하는 자동 포함 기능이 있습니다 WordPress는 자신이 승인 한 신뢰할 수있는 웹 사이트의 비디오 만 삽입 할 수 있도록하므로 임베드가 작동하지 않는 것으로 확인되면 설명 소스의 비디오 링크가 코덱 링크에 나열된 사이트 중 하나에서 제공되는지 확인하십시오

이 동영상의 http://codexwordpressorg/Embeds [임베드] 단축 코드를 사용하여 비디오와 관련된 다양한 옵션을 설정할 수도 있습니다 단축 코드는 특정 작업을 수행하도록 프로그래밍 된 코드 조각의 자리 표시 자와 같습니다

따라서 편집기에 단축 코드를 입력하면 WordPress는 사용 된 단축 코드를 인식하고 해당 단축키와 관련된 특정 코드를 실행합니다 WordPress의 단축 코드를 사용하면 사이트와 관련된 코드를 직접 조작하지 않아도됩니다 여러 사이트의 동영상을 퍼가는 것과 관련된 여러 개의 단축 코드가 있습니다 Let�s는 youtube shortcode와 동영상을 삽입하는 데 사용 된 방법을 살펴 봅니다 쇼트 코드는 대괄호로 묶여 있으며 대개 오디오, 비디오 또는 이미지 파일을 사이트에 삽입하는 데 사용됩니다

사이트에 YouTube 동영상을 퍼가려면 다음을 입력하십시오 � � YouTube � 공간 동영상의 URL 주소 및 닫기 괄호 이 성명은 귀하의 페이지에 비디오를 삽입합니다 짧은 코드에 추가 용어를 포함시켜 비디오의 일부 속성을 변경할 수 있습니다 비디오 유형의 높이와 너비를 변경하려면 & -h – = – 원하는 높이 – & – w – = – 원하는 너비

닫힌 브래킷 앞에 포함해야합니다 이제 선택한 크기로 비디오가 표시됩니다 또한 YouTube 동영상이 끝난 후 일반적으로 표시되는 관련 동영상을 숨기도록 선택할 수도 있습니다 동영상의 URL 바로 뒤에 짧은 코드에 & rel = 0을 추가하면됩니다 짧은 코드의 속성을 사용하는 것 외에도 비디오를 조작하는 다른 방법이 있습니다

HTML을 사용하여 사이트에서 동영상이 표시되는 방식을 변경할 수도 있습니다 HTML은 하이퍼 텍스트 마크 업 언어 (Hyper Text Markup Language)의 약자이며 웹 사이트에 페이지로 표시 할 파일을 만드는 데 사용됩니다 HTML을 사용하여 비디오가 페이지에 표시되는 위치 또는 비디오와 주변 내용 사이의 공간을 결정할 수 있습니다 비디오를 임베드 할 때 자주 사용되는 몇 가지 간단한 작업을 수행하는 방법을 설명합니다 결정할 수있는 일 중 하나는 비디오가 삽입 될 페이지의 위치입니다

당신은 HTML의 비트를 사용하여 이것을 제어 할 수 있습니다 동영상을 삽입하려는 페이지의 편집기를 열고 오른쪽 상단의 텍스트 탭을 클릭하십시오 이렇게하면 WordPress는 편집기에있는 HTML을 해석 할 의도가 있음을 인식합니다 Visual Editor에서 HTML을 입력하려고하면 WordPress가 HTML로 인식합니다 이제 HTML 스타일 웹 사이트는 페이지의 콘텐츠를 나누어 전체 사이트에 영향을 미치지 않고 사이트의 개별 요소를 변경할 수 있습니다

HTML이 웹 페이지의 내용을 분할하는 한 가지 방법은 <div> 태그를 사용하는 것입니다 Div는 부문의 약자로, 콘텐츠를 분리하는 데 사용할 수있는 몇 가지 태그 중 하나입니다 <div> 태그에 내 짧은 코드를 묶어서 HTML을 사용하여 내 비디오 영역을 편집 할 수 있습니다 두 번째 <div> 태그에는 d 바로 앞에 백 슬래시가 있습니다 이것은 HTML 문의 닫는 태그입니다

태그를 만들 때마다 일치하는 닫기 태그가 있어야합니다 div 태그와 다른 태그에는 style이라는 속성이 있습니다 이 속성을 사용하면 div 태그 내의 내용이 어떻게 바뀌는 다른 CSS 속성을 수정할 수 있습니다 CSS는 HTML로 작성된 페이지의 형식을 지정하는 데 사용되는 언어 인 계단식 스타일 시트의 약자입니다 귀하의 페이지 왼쪽에 비디오가 나타나기를 바랍니다

첫 번째 div 태그 안에 다음을 포함 시키십시오 : style = "float : left;"Float은 HTML 요소 주위에 다른 내용이 흐르도록 허용하면서 HTML 요소를 배치합니다 왼쪽은 비디오가 사이트에 배치 될 위치를 나타냅니다 두 개는 콜론으로 구분되며 명령문은 세미콜론으로 끝납니다 왼쪽뿐만 아니라 가운데와 오른쪽을 선택할 수도 있습니다 이제 페이지를 미리 볼 때 비디오가 페이지의 맨 왼쪽에 나타나야합니다

페이지에 텍스트 또는 기타 콘텐츠가있는 경우 텍스트가 동영상 주위를 둘러보아야합니다 여백 CSS 속성을 사용하여 HTML 요소와 나머지 콘텐츠 사이의 공간을 결정할 수도 있습니다 스타일 인용 부호 사이에 다음을 입력하면됩니다 : margin : 5px; 5px; 5px; 5px; 거기에 플로트 할당을 남겨두고 그 다음에이 다음 문장을 직접 추가 할 수 있습니다 세미콜론은 각 CSS 속성의 끝점 역할을하며 동일한 줄에 여러 CSS 속성을 설정할 수 있습니다 이 특정 속성에 대해 우리는 HTML 요소를 둘러싼 사각형의 네면과 일치하는 4 개의 숫자를 사용했습니다

숫자 뒤에 나오는 픽셀은 브라우저에서 픽셀을 측정 단위로 사용함을 나타냅니다 첫 번째 숫자는 사각형의 상단을 나타내며 두 ​​번째 숫자는 오른쪽을 나타내며 세 번째 숫자는 아래를 나타내며 네 번째 숫자는 왼쪽을 나타냅니다 여백 속성을 설정하면 동영상의 각면에 5 픽셀의 공간이 생깁니다 활용할 수있는 또 다른 속성은 경계 속성입니다 이 속성을 사용하면 HTML 요소 주위에 여러 가지 유형의 테두리를 만들 수 있습니다

단색, 점선 및 점선은 국경 CSS 속성에 포함 할 수있는 몇 가지 유형의 테두리입니다 테두리 속성을 변경하려면 스타일 인용 부호에 다음을 입력하십시오 border : 5px # 000000 solid ; 5px는 테두리의 크기를 픽셀 단위로 나타내며 숫자는 검정색의 16 진수 형식이며 solid는 만들려는 테두리의 유형을 나타냅니다 사용할 색상의 16 진수 숫자를 모르면 웹에서 16 진수 색상 변환기를 검색하여 원하는 색상을 찾을 수 있습니다

이제 우리는 HTML을 입력 했으므로 비디오 주위에 경계선이 있습니다 활용할 수있는 여러 종류의 테두리가 있으며 W3School에는 사용할 테두리 종류를 찾기 위해 활용할 수있는 목록이 있습니다 링크는 비디오 설명에서 찾을 수 있습니다 우리가 다루지 않은 몇 가지 CSS 속성이 있습니다 여백, 채우기 및 테두리 속성과 동일한 방식으로 설정할 수도 있습니다

HTML 사용 방법에 대해 더 알고 싶다면 W3Schools 웹 사이트를 방문하십시오 링크는 아래 설명에서 찾을 수 있습니다 요약하자면 WordPress에는 사이트의 특정 흰색 목록에서 삽입 할 수있는 자동 완성 기능이 있습니다 또한 단축 코드를 사용하여 허용 된 소스에서 비디오를 퍼갈 수 있습니다

또한 단축 코드를 사용하여 비디오 크기, 비디오 시작 및 중지 시간 및 비디오가 끝난 후 관련 비디오가 표시되는지 여부를 변경할 수 있습니다 WordPress가 허용되는 각 비디오 소스에 대해 제공하는 다양한 단축 코드가 있습니다 각 단축 코드에는 비디오를 조작하는 고유 한 방법이 있으므로 단축 코드에 대한 지침 페이지를 확인하여 다른 소스에서 삽입하는 단축 코드 사용에 대한 정보를 찾으십시오 또한 비디오 소스에 관계없이 HTML을 사용하여 비디오가 나타나는 방식을 변경할 수 있습니다 HTML과 관련하여 더 많은 것을 배울 수 있으며 W3Schools 웹 사이트는 관심이있는 경우 시작할 수있는 좋은 곳입니다

시리즈의 다음 수업을 시청하고 지켜봐 주신 E3을 대신하여 오늘 수업을 위해 잘 알려 드리겠습니다

Shortcode Ninja Review

안녕 얘들 아, 내 이름은 쇼키이고, 나는 기록하러 갈거야 짧은 코드 닌자 검토

Shortcode Ninja는 전문가를 추가하는 가장 좋은 방법입니다 그래픽을 WordPress 블로그에 추가하십시오 WordPress 블로그에는 정기적으로 업데이트해야하는 페이지 당신 값 비싼 웹 디자이너에게 지불 할 수 있습니다 페이지를 만들거나 고품질 페이지를 쉽게 만들 수 있습니다 Shortcode Ninja로 단 몇 분만에 디자인 할 수 있습니다

프리미엄 WordPress 플러그인을 사용하면 킬러 그래픽, 사용자 정의 웹 페이지 작성 및 즐기기 분 안에 더 나은 찾고 게시물 꿈의 웹 사이트를 만드는 것을 상상해보십시오 한 줄의 코드를 건드리지 않고도 코드 닌자를 사용할 수 있습니다 그렇게하는 데 도움이됩니다 가장 빠른 방법입니다

WordPress 보장 된 웹 페이지를 사용자 정의하십시오! 닌자가 도움을 줄 것입니다 웹 디자인의 어려움을 끝내기 시작할 수 있습니다 의도적으로 조치를 취하고 Shortcode Ninja를 주문할 때 기회를 놓치지 마시고 버전을 지금 받으십시오 설명에서 아래의 링크를 클릭하기 만하면됩니다

Premium WordPress Theme Development Tutorial 2019 | Part 20 | WordPress Shortcode

안녕하세요,이 동영상을 클릭 해 주셔서 대단히 감사합니다 나는 ALI HOSSAIN이며 ALI HOSSAIN과 함께 배우고 있습니다

이것은 프리미엄 WordPress 테마 개발 튜토리얼 시리즈와 Part 20입니다 이 부분은 모두 WordPress ShortCode에 관한 것입니다 나는 WordPress Shortcode에 관한 모든 것을 모두 설명 할 것이다 그 이유는 모든 웹 개발자가 WordPress shortcode에 대해 아주 잘 알고 있어야하기 때문입니다 그 이유는, 당신이 완벽한 지식에 대한 완벽한 지식이없는 경우 wordpress shortcode 당신은 당신의 워드 프레스 개발 경험에 대해 자세히 설명 할 수 없습니다

& 또한 귀하의 워드 프레스 기술 따라서 당신이 당신의 wordpress 주제 발달 기술을 증가시키는 관심 있었던 경우에 당신은 기본 지식을 알고 또한 짧은 코드에 대한 지식을 사전에 알아야합니다 이 튜토리얼에서는 단축 코드에 대한 기본 지식 만 다룰 것입니다 모든 것을 하나씩 설명하기 위해 최선을 다할 것입니다 그래서 만약 당신이 shortcode에 대해 배우고 싶다면, 소개 후 화면으로가 봅시다 #LearnWithAliHossain

What Are WordPress Shortcodes, How Do You Use Them, And What Do They Do?

안녕하세요! 이것은 WinningWP가있는 Topher입니다 이 비디오에서 우리는 질문에 답할 것입니다

"WordPress의 단축 코드는 무엇입니까? 그들을 사용하고 그들이 무엇을합니까? " 단축 코드는 작은 자리 표시 자입니다 일부 코드는 게시물이나 페이지에서 실행됩니다 내가 의미하는 바를 보여주는 것이 가장 쉽습니다 여기에 Ninja Forms라는 양식 플러그인이 설치되었습니다 그리고 우리는 페이지에 연락처 양식을 삽입하고자합니다

바로 여기 짧은 코드입니다 양쪽 끝에 대괄호가 있음을 알 수 있습니다 이것은 쇼트 코드의 귀족 중 하나입니다 단축 코드는 항상 대괄호를 사용합니다 때로는 단 하나의 단어 일뿐입니다

또는이 단어와 같은 밑줄이있는 단어 그러나 때로는 변수도 있습니다 ID = 1 그래서 우리가해야 할 일은 복사하여 붙여 넣기뿐입니다 이 짧은 코드는 게시물이나 페이지로, 양식을 렌더링합니다 보여 드리죠

바로 붙여 넣기 만하면됩니다 이제 시각적으로 똑같아 보입니다 편집기 및 텍스트 편집기로 구성됩니다 그러나 지금 우리가 포스트 자체에 가면, 그 짧은 짧은 코드는이 커다란 형태를 만듭니다 이제 고품질 플러그인에는 짧은 코드를 복사하여 붙여 넣으십시오

이 경우조차도 그렇지 않습니다 바로 여기에 양식 추가 버튼이 있습니다 내 모든 양식 목록에서 선택하고 삽입을 클릭 할 수 있습니다 그리고 실제로 그것을 볼 것입니다 전에 가지고 있었던 것과 같은 짧은 코드

이제 일부 단축 코드는 다음과 같이 보이지 않습니다 시각적 편집기에서 붙여 넣을 때 내가 의미하는 바를 보여 드리죠 미디어를 추가하고 갤러리를 만들려면 그러면 우리는 몇 가지 이미지를 선택할 것이고, 새 갤러리 만들기를 클릭하십시오 그런 다음 갤러리를 삽입하기 만하면됩니다

이제 비주얼 에디터에서 우리가 보는 것은 네 개의 이미지입니다 텍스트 편집기로 전환하면 실제로 갤러리라는 단축 코드라는 것을 알 수 있습니다 그리고 짧은 ID 목록을 필요로합니다 이 방법은 단순히 플러그인 작성자가 그렇게 만들었습니다 일부 단축 코드는 비주얼 편집기, 일부는 그렇지 않습니다

그러나 둘 다 똑같이 작동합니다 업데이트를 클릭 한 다음 내 게시물을 볼 경우, 내 네 가지 이미지가 있습니다 따라서 신속하게 검토 할 수 있습니다 바로 가기는 사용자 지정 코드를 실행하기위한 자리 표시 자입니다 플러그 인을 만들 수 있도록 만들어졌습니다

귀하의 게시물에 꽤 고급 코딩 그러나 당신은 그것을 볼 필요가 없습니다 보아야 할 것은 그 작은 것입니다 대괄호 사이의 텍스트 비트 어느 것이 내 다음 요점으로 나를 데려다 준다

그들은 항상 대괄호로 싸여 있습니다 그리고 때때로 그들은 변수를 취합니다 버튼의 예와 같습니다 그리고 때로는 편집기에서 렌더링되기도하고, 갤러리 단축 코드처럼 실제로 편집기에서 바로 갤러리처럼 보입니다

텍스트 모드로 전환하지 않는 한, 그런 다음 단축 코드를 봅니다 쇼트 코드는 매우 편리한 방법입니다 꽤 복잡한 코드를 얻는 방법 귀하의 게시물이나 페이지에서 바로 실행하십시오 WordPress에 대해 더 자세히 알고 싶다면, WinningWPcom을 확인하십시오