8 Things to STOP Doing on Your WordPress Website

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

샌 안토니오 (TX)의 Webtegrity에서 그리고 오늘, 우리는 8 살을 볼 것입니다 귀하의 웹 사이트에서하지 말아야 할 8 가지 만약 당신이 그들을하고 있다면, 당장, 나는 정말로 당신이 잠시 시간을 갖기를 바란다 이 동영상을보고 웹 사이트를 개선하는 방법을 찾아야합니다 왜냐하면, 이러한 것들은 단지 내 개인적인 의견이 아니기 때문에, WordPress 팬 및 웹 개발자로서 이러한 것들은 실제로 일어나는 추세입니다 귀하의 웹 사이트에서 오늘 끝내야하는 수정 사항 그래서, 나는 스크린에서 미끄러질 것이고, 우리는 아주 첫 번째 로고를 크게 만들기 좋아요, 이것은 모든 고객이 요구하는 것입니다

"로고를 약간 더 크게 만들 수 있습니까? 조금 더 커질 수 있습니까?" # 1 인 이유는 아니, 아니 그만해 사람들은 이미 귀하의 웹 사이트에 있습니다 그들은 이미 브랜드에 대해 잘 알고 있습니다 웹 사이트에 로고가 있어야합니다 하지만, 홈페이지에 너무 많은 부동산을 가져갈 필요는 없습니다 또는 그 문제에 대한 모든 페이지 사람들이 더 많은 콘텐츠를 볼 수있는 기회를 놓치고 있습니다

행동 촉구에 도달하려면 네가하고 싶은 일을하는거야 읽는 것을 요구하는 것을 읽으십시오 그래서, 귀하의 홈페이지에서 너무 많은 공간을 차지하지 마세요 귀하의 모든 웹 사이트에서 귀하의 로고와 함께 그렇게 말하면서, 당신은 또한 행동 촉구를 너무 작게하고 싶지 않습니다 따라서 '지금 구입'버튼이 있거나 전화 번호가있는 경우 또는 식당 위치에 주소가있는 경우 당신이 원하지 않는 것은 사람들이 검색을해야한다는 것입니다

또는 연락처 페이지를 클릭하여 귀하에게 연락하는 방법을 찾으십시오 또는 당신과 연락하는 방법 따라서 귀하의 클릭 유도 문안이 "오늘 전화하십시오" 그 전화 번호는 멋지고 크고 클릭 할 수 있습니다 3 초 안에 행동 촉구를 보게 될거야 세 번째로 이야기하고자하는 것은 약한 콘텐츠입니다 귀하의 페이지에 작은 내용의 작은 문구를 넣지 마십시오

특히 귀하의 서비스 페이지 Google이 명확하게 이해할 수있을 것이라고 생각합니다 당신이하고 경쟁자보다 우선 순위를두기 시작한 것은 무엇입니까? 웹 사이트에 큰 단락의 콘텐츠가 있어야합니다 Google에서 명확하게 읽을 수 있도록 이해하기 시작한다 귀하의 서비스는 무엇이며 검색 결과에서 귀하를 찾을 수있는 방법 # 4하자 이전 콘텐츠 여전히 콘텐츠에 대해 이야기하고 있습니다

왜냐하면 검색 엔진이 귀하를 찾는 방식에 있어서는 콘텐츠가 중요하기 때문입니다 오래된 구식 콘텐츠를 원하지 않습니다 항상 새로운 것을 추가하고 싶다 웹 사이트에 신선한 것 고객이 사이트를 방문하는 것을 원하지 않습니다 당장은 5 월입니다

너는 거기에 오는 사람들이 "새해 복 많이 받으세요!" 이미 그걸 지나고있어 새로운 콘텐츠를 계속 만들어야합니다 # 5 산만하게 그만하자 자 그래 그게 바로 뭐야? 중지! 웹 사이트에서 행동 요청 전화가있는 경우 그리고 당신은이 모든 다른 것들이 당신의 웹 사이트에서 계속되고 있습니다 너 여기에 깜박이는 것들을 가졌어 여기를 이동하는 슬라이드 쇼 사이드 바에서 임의의 사진을 볼 수 있습니다 또는 다른 어떤 종류의 산만 함 귀하의 전환, 사람들이 귀하의 웹 사이트에서해야 할 일 매우 쉽게 놓칠 수 있습니다; 왜냐하면 사람들은 정신이 산만하기 때문입니다

하지만이 흥미로운 점에 대해 매우 흥미로운 점이 있습니다 또 다른주의 산만은 매우 쉽게 이러한 것일 수 있습니다 그래서, 비록 당신이 생각한다고해도 "이봐, 나는 내 웹 사이트에 소셜 미디어를 갖고 싶어" 사람들이 사이트에서 몇 초 밖에 머무를 수 없다는 것을 알게되면 또는 몇 분 불행히도, 그들은 소셜 미디어를 클릭하고 계속 나아갑니다 그 옵션을 아주 작게 만들고 싶습니다

또는 바닥 글에 넣을 수도 있습니다 따라서 사람들은 귀하의 웹 사이트 방문을 중단하고 귀하의 Facebook을 클릭합니다 사라지고있다 왜냐하면, 일단 그들이 페이스 북을 친다면, 그들은 사라져 버렸기 때문입니다 # 6 슬라이드 쇼 아마 이걸로 남자들을 적을거야

내 홈페이지에 슬라이드 쇼 제작을 중단하도록 요청할거야 이유는 다음과 같습니다 아무도 슬라이드 4,5,6,7,8,9,10,17 에 붙어 있습니다 거기에 몇 개나 넣고 있니? 아무도 거기에 머물러 있지 않고 시계를 본다 솔직히 사람들을 원하지 않고 기다리지 않아도됩니다 그 슬라이드를 보면서 중요한 정보이고 슬라이드 쇼에 있어야하는 경우 그 정보를 써서 홈페이지에 올리십시오

사람들이 그것을 시각적으로 볼 수있는 곳에 앉아서 일관되게 그리고 그 슬라이드가 모두 전환 될 때까지 기다리지 않아도됩니다 귀하의 사이트에서 그들을 원하지 않는 또 다른 이유 로드 시간 때문입니다 이러한 큰 이미지는 사이트 속도를 늦추고 사용자를 좌절하게 만듭니다 우리가 지금보고있는 것은 큰 사진입니다 어쩌면 텍스트가 회전하는 단 하나의 사진 텍스트가 매우 가볍고 매우 빠르게 회전 할 수 있기 때문에 매우 쉽습니다

많은 시간을 소비하지 않고 그래서, 당신은 하나의 그림을 넣을 수 있으며, 단지 텍스트를 회전시킬 수 있습니다 어떤 종류의 움직임이 있어야만한다면 # 7 느린로드 시간 그래서, 그것은이 슬라이드 쇼를 갖는 것의 일부입니다 또는 귀하의 웹 사이트에 이러한 큰 이미지가있는 경우 Google은 데스크톱에서 웹 사이트로드를 3 초 이내에보고 싶어합니다 전화를 통해 1 초도 채 안되는 시간에로드하려고합니다 그게 미치지 않았 니?! 그래서 어떻게 그 일이 생겼습니까? 이미지를 최적화하는 방법을 실제로 이해하고 있습니다

웹 사이트 제작 방법 이해하기 기본적으로 더 적은 파일을로드합니다 그래서, 그것을 개선하기 위해 할 수있는 몇 가지 다른 것들을 콘텐츠 전송 네트워크를 사용할 수 있습니다 그것은 "CDN"이라고 불립니다 당신은 더 빠른 호스팅 회사를 사용하여 당신을 위해 그 일을 할 수 있습니다 그리고 우리가 한 두 개의 다른 비디오도 있습니다

웹 사이트 속도 향상에 도움 아래의 설명 상자에 링크를 넣어 두겠습니다 그리고 # 8 # 8 no-no

이러지 마 팝 업스인가요? 알았어,이 사람이 다시 좌절 할 수도있어 당신이 누군가의 웹 사이트에 처음 착륙했을 때, 당신은 원하지 않습니다 뭔가 즉시 나타나고 당신에게 경종이 생겼다 네가 식료품 가게에 들어와 누군가가 네 앞에서 뛰어 내리는 것 같아

"안녕!" 그것은 유익한 것보다 정말로 성가신 일입니다 할 수있는 일, 다른 옵션을 사용하는 것입니다 우리는 브라우저 자체가 능력을 가지고 있음을보고 있습니다 당신의 마우스가 어디에 있는지 알고 있어야합니다 그래서, 여기 웹 테그 리티의 웹 사이트에서 보여 드리겠습니다

내가 이것을 보여줄 수 있는지 보자 나는 화면을 조금만 줄이고 너와 아이디어를 줄 것이다 우리가 웹 사이트에서 팝업으로하는 일 따라서 사람들이 페이지 하단으로 스크롤 할 때 우리가하는 일 이 일이 단지 일어나는 것을 보았습니까? 여기로 가서 내가 할 수 있는지 보자 이거 보이니? 어떻게 튀어 나오니? 짜증나는 것은 아니며 페이지의 맨 아래로 스크롤하고 있습니다 이 종류의 a가 나타나서 수신 여부를 묻습니다 무료 WordPress 자습서 이것은 MailMunch에서 제공하는 무료 솔루션입니다 물론 WordPress에서 실행중인 경우이 플러그인은 무료입니다 또한 설치 방법에 대한 비디오를 작성했습니다

체크 아웃 나는 당신이이 8 개의 no-nos를 좋아했기를 바란다 귀하의 웹 사이트에서하지 말아야 할 것 다음 주, 주위에 붙어 다니며 주위에 머물러 있는지 확인하십시오 귀하의 웹 사이트에서해야 할 일 8 가지를 놓치지 마세요 위대한 WordPress 수요일 되세요 안녕, 얘들 아!

How To Have Transparent Headers In Generate Press WordPress Theme With Any Pagebuilder

다른 동영상으로 돌아온 것을 환영합니다 내 이름은 WPCrafter

com의 Adam입니다 비전문가들과 저는이 비디오에서 정말 멋진 것을 사역합니다 generate 헤더를 사용하여 구축중인 페이지와 병합 할 수있는 투명한 헤더 테마가 인기있는 페이지 빌더 플러그인에 포함되어 있으므로 어떻게 될지 보여 드리겠습니다 매우 인기있는 웹 사이트가 여기에있는 것처럼 보입니다 실제로이 웹 사이트를 스마트하게 만듭니다

수동 소득은 인터넷에서 가장 인기있는 웹 사이트 중 하나입니다 투명하게 보이는 부분은 배경 이미지가 무엇이든간에 혼합되어 있습니다 투명 헤더가 무엇인지 알기 때문에 여기에있는 블로그 게시물에서 볼 수 있습니다 여기 또는 웹 페이지의이 페이지 중 하나가이 투명 헤더입니다 예를 들어 이 배경을 클릭하면 배경 색상과 잘 어울리는 것을 볼 수 있습니다

페이지 당 또는 게시물 단위로 표시하는 방법에 대한 좋은 점은 무엇입니까? 사용자 정의 포스트 유형에 대한 작업은 문제가 발생하기 시작했을 때의 색상입니다 네비게이션 링크를 클릭하면이 예제에서 흰색이 보이고 이미지가 또는 그것 뒤에있을 것이 무엇 이건 밝은 색상은 볼 수 없게 만들 수 있습니다 내가 위로 스크롤하면 나는 위대한 모범이 될 것이라고 확신했다 이 이미지 중 하나임) 여기에 약간의 색이 있습니다 그러나 클릭 할 때 그것은 그녀가 내가 네비게이션을 가지고 이야기하고있는 것을 보는 것이 조금 어려울 수도있다

그것은 흰색이고 약간의 배경을 가졌기 때문에 좋은 점을보기가 어려워졌습니다 언론의 이름을 생성 할 때 그것을 어떻게하는 것이 당신은 그것을 가볍게 만들거나 변경할 수 있습니다 백그라운드에서 수행 할 작업에 따라 어둡게 작업을 수행하고 언론 테마를 생성하고 그들이 가지고있는 프리미엄 패키지가 필요했습니다 40 달러에 저렴하며 원하는만큼 웹 사이트에서 사용할 수 있습니다 이 프리미엄 패키지와 함께 정말 멋진 것들을 많이 구입하고 정말 지원에 간다

멋진 개발자이고 이것이 내가 좋아하는 테마 중 하나입니다 거의 모든 페이지 빌더가 있고 요즘은 워드 프레스 웹 사이트를 만드는 방법입니다 당신이 주로 페이지 빌더를 사용하고 있기 때문에 당신은 그 것을 테마와 결합시켜야합니다 당신이보고 싶었던 방식을 보일 수있는 많은 옵션을 제공 할 것입니다 같은 시간에 귀하의 웹 사이트는 매우 빨리 코딩되므로 효율적인 코딩이 가능합니다

경량 그래서 내가 이것을 고정 된 코멘트 영역 아래에 링크가있다 프리미엄 패키지는 바로 여기에 가서 내가 가지고있는 테스트 사이트로 뛰어들 수 있습니다 그래서 이것은 인기있는 페이지 빌더 인 Beaver Builder를 사용하는 예가 될 것입니다 당신은 프리미엄 패키지를 설치 했으므로 여기에 페이지 헤더가있는 곳에서이 옵션을 사용하게됩니다 이제는 실제로 옵션이 표시되지 않지만 콘텐츠를 클릭하면 바로 진행됩니다

여기를 브라켓 스팬 브라켓에 붙여 넣으십시오 바로 여기에 모든 우리가 이것을 가능하게하기 위해해야 ​​할 일은 우리가 충분히 선택하도록하는 것입니다 기본적으로 스킨은 우리가 전체 너비로 변경해야하는 포함 된 것입니다 고급으로 우리는 사이트 헤더의 병합이 이와 같이 활성화되어 있는지 확인해야합니다 헤더 뒤의 내용 배치는 기본적으로 활성화되어 있습니다

꺼져 있으면 켜기를 원합니다 바로 여기 단어는 우리가 원했던 투명 탐색입니다 좋은 점은 이것이 모든 요소의 색상을 제어 할 수 있다는 것입니다 사이트에 텍스트 기반 제목 만 사용하는 경우 탐색 링크와 같은 헤더에 있어야합니다 그리고 당신이 할 수있는 로고 세트는 지금 당장이 사이트에 없지만 당신이 설정 로고를 설정하면 여기에 로고라는 또 다른 옵션이 있습니다

무슨 일이 일어나는가는이 배경색에 따라 다르다 밝은 색으로 멋지게 보이는 로고 버전을 원한다면 로고 색상 어두운 배경에서 멋지게 보이는 로고 버전에서 로고 옵션을 변경하려면 여기를 클릭하십시오 그러나이 로고를 설정하지 않았기 때문에 테스트 사이트에는 옵션이 없습니다 그래서 어쨌든 당신은 앞서 가서 이제는이 페이지가 활성화되지 않은 것처럼 보이므로 여기에 별도의 머리글이 있습니다 그리고 나서 저는 Beaver Builder에서이 페이지 템플릿을 가지고 있습니다

이 헤더를 어떻게 보이게 할 것인가가 아니라 내가 어쨌든 여기에 가도록 사용자 정의하십시오 해당 항목을 사용하도록 설정 한 다음 업데이트를 클릭하고 여기를 클릭하면됩니다 그리고 당신이 모든 것을 볼 수있는 빠른 새로 고침을 조금 해내 고 그냥 완벽하게 작동합니다 그리고 당신은 실제로 이것이 기본적으로 와이드로 변경된 것을 볼 수 있습니다 두 번째는 흰색이 아니 었습니다

전과 내가 그걸 진보 된 권리로 여기에서 한 것은 사이트 제목이었고 그래서 만약 그것이 디폴트 어두운 색이 될 것 같은데, 당신이 할 수있는 곳의 예를 볼 수 있습니다 심지어 그것을 보아라 당신이 이것을 구현할 수있는 좋은 방법은 당신이 완전히 제어 할 수 있다는 것이다 투명 헤더의 모든 색상을 페이지 단위로 정말 멋지 네요 그래서 다시 돌려 드리겠습니다

Beaver Builder 페이지가 가득 찼습니다 편집 기능을 제공하므로 시작 페이지 빌더를 클릭하면 정상적으로 볼 수 있습니다 오른쪽 상단의 섹션 설정은 있지만 우리는 그걸 가지고 있지 않습니다 여기 아래에 나타납니다 당신은 여전히 ​​그 설정에 들어갈 수 있습니다

쉽게 들어갈 수 있기 때문에 이것은 Beaver Builder에서 이것을 구현하는 방법입니다 여기에 또 다른 예가 있는데 이것은 Elementor를 사용하고 있으며 바로 여기에서 이미 활성화되어 있습니다 당신은 바로 거기에 스팬을 가지고 볼 수 있습니다 나는 그것을 전체 너비와 바로 여기 있어요 나는이 셋을 가지고 있고 나는 볼 수있다 그러나 나는 원한다 그리고 이것은있다

최종 결과는 바로 여기 웨딩 템플릿을 사용하여 아름답게 인정합니다 그런 식으로 넣어두면 쉽게 할 수있어 휴대 기기에서 멋지게 보입니다 뿐만 아니라 색상을 변경하고 편안함을 느낄 수있는 유연성이 있습니다 탐색 텍스트와 링크 및 호버링 옵션 설정 등 난 단지 당신에게이 빠른 팁을 가져다주고 싶습니다 만약 당신이 praecipe 프리미엄을 가지지 않는다면 패키지 아래에 링크가 있으며 웹 사이트로 연결됩니다

그래서 당신이 그것을 구입할 수 있고 나는 이것이 내가 가진 최고의 주제 중 하나라고 말해야한다 당신이 가면 거기에있는 모든 주제를 보게 될 것입니다 당신이 내 조언을하고 싶은 다른 프로젝트에서 항상 하나의 주제와 주인을 선택합니다 그 테마는 내가 좋아하는 모든 프로젝트마다 다른 테마를 사용하지 않습니다 당신이 모든 다른 페이지 빌더와 함께 언론을 생성하는 데 사용할 수있는 프레스 생성 어쨌든 이것은 페이지 빌더를위한 궁극적 인 주제입니다 네가 가기 전에 정말 트렌디 한 인기있는 투명한 헤더를 내가 너에게 줄 것이고 내가 들어가기 전에 당신이 나에게 줄 수 있다면 나에게 무언가를 해달라고 부탁하고 싶다

이 비디오에 엄지 손가락을 올려 놓고 구독자가 아닌 경우 구독 버튼을 클릭하십시오 이 비디오에 대한 질문이 있으시면 언제든지 저 아래서 대답 해주십시오 이 동영상 아래에 댓글이나 질문을 남겨주세요 안녕하세요 너와 나는 자유를 위해 그것을 너에게 줄 뿐이다

버튼을 오른쪽 클릭 만하면된다 여기 오른쪽에 WordPress의 성공에 3 단계라는 멋진 코스입니다 너는 그걸 좋아할거야 네가이 학교에 들어가서 학생으로 등록하는 걸 좋아할거야 이 동영상을 시청 해 주셔서 감사 드리며 정말 감사하겠습니다

How to write SEO friendly SVG text in WordPress

여보세요! 이 자습서 비디오에서는 멋진 효과가있는 텍스트를 WordPress 사이트에 삽입하는 방법을 보여줍니다 Scalable Vector Graphics 또는 SVG를 사용할 것입니다

우리는 SVG 로고와 텍스트 효과 플러그인을 사용할 것입니다 벡터 그래픽을 생성합니다 이 무료 플러그인은 기성품 SVG 템플릿을 제공합니다 단축 코드로 쉽게 제어 할 수 있습니다 SVG 텍스트는 래스터 이미지에 비해 몇 가지 장점이 있습니다 그리고 그 모든 것을 대시 슬러그 웹 사이트에서 읽을 수 있습니다

설명에 링크를 추가하겠습니다 이제 플러그인이 어떻게 작동하는지 살펴 보겠습니다 먼저 플러그인 메뉴로 이동하여 "새로 추가"를 클릭하십시오 검색 창으로 가서 '슬레이트'라고 입력합니다 여기있어

'지금 설치'를 클릭하겠습니다 플러그인이 이제 WordPress 저장소에서 설치됩니다 이제 '활성화'를 클릭하겠습니다 설치가 성공적으로 완료되면 대시 보드 영역에 새 위젯이 생깁니다 여기있어

SVG shortcode의 예입니다 시작하는 데 도움이 될 수 있습니다 이것이 작동하는 방식의 세부 사항에 대해서는 아직 걱정하지 마십시오 여기서 볼 수있는 단축 코드 속성은 SVG 템플릿으로 들어오는 변수를 제어합니다 다운로드 할 수있는 PDF 설명서가 있습니다

그러나 시작하기 위해 그것을 읽을 필요가 없습니다 이제는 새 코드에 단축 코드를 붙여 넣을 것입니다 붙여 넣기! 게시 이제 어떻게 보이는지 확인해 보겠습니다 그리고 여기 있습니다 플러그인이 텍스트를 SVG로 렌더링했습니다 호기심이 많다면 어떻게 보이는지 알 수 있습니다

다음은 SVG 태그입니다 이제 특성을 약간 조정할 수 있는지 살펴 보겠습니다 나는 글꼴을 바꿀거야, 및 글꼴 크기 우리가 한 일을 보자 변경 사항은 다음과 같습니다 이 텍스트는 볼 수 있듯이 선택 가능합니다 또한 검색 엔진 및 화면 판독기에서도 읽을 수 있습니다

당신이 할 수있는 일의 더 많은 예를 보시려면, 당신은 망가진 슬러그 웹 사이트를 방문하십시오 여기에서 사용할 수있는 간단한 코드 예제 모음을 찾을 수 있습니다 이 플러그인은 무료입니다 관심이 있으시면 여기에서 사용할 수있는 프리미엄 확장 프로그램을 확인하십시오 예를 들어 Visual Composer 통합을 얻을 수 있습니다

이것을 설치하면 SVG 텍스트 기능 비주얼 컴포저 페이지 빌더와 잘 통합됩니다 그리고 UI를 사용하여 SVG 쇼트 코드를 입력하는 것은 간단합니다 회원이 됨으로써, 당신은 대쉬 슬러그 (dashed-slug)에서 이용할 수있는 모든 확장 기능에 액세스 할 수 있습니다 당신은 더 많은 것을 개발할 수 있습니다 주위를 둘러보고 관심이 있는지 확인하십시오

또한 사이트에서 cryptocurrencies를 사용할 수있는 무료 플러그인이 있습니다 관심을 가져 주셔서 감사합니다!