웹사이트 검색

WordPress를 사용하여 모바일 지원 사이트를 만드는 방법

당신, 내 친구, 그리고 나는 반응형 웹 디자인의 시대와 시대에 살고 있는 행운을 누리고 있습니다. 자세히 살펴보지 않고도 다양한 장치의 크기에 맞춰 조정되는 웹 애플리케이션이 시장에서 광범위하게 확산되고 있음을 알 수 있습니다.

동일한 웹 애플리케이션이 화면 크기에 따라 완전히 다르게 보이므로 기기에 관계없이 고객에게 다가갈 수 있는 새롭고 역동적인 방법이 마련되었습니다.

이제 사용자가 스마트폰, 태블릿, 패블릿, 데스크탑 또는 기타 원하는 기기에서 WordPress 사이트를 보든 훌륭한 경험을 제공할 수 있습니다.

얼마 전, 온라인 기업가들은 거대한 웹사이트를 모바일 장치의 작은 화면에 집어넣는 데 어려움을 겪었습니다. 누군가가 데스크톱 사이트의 별도 모바일용 버전을 만드는 아이디어를 도입하자 문제는 거의 해결되었습니다.

문제가 발생할 때까지 한동안은 괜찮았습니다. 첫째, 검색 엔진은 중복된 콘텐츠를 어떻게 해야 할지 몰랐고, 둘째, 웹마스터는 두 개의 별도 사이트를 만들고 관리하는 것을 꺼려했습니다. 그것이 충분하지 않다면 모바일 버전은 데스크톱 버전만큼 효과적이지 않았습니다. 그것은 수수께끼였습니다.

그러나 실제 솔루션은 반응형 웹 디자인, 줄여서 RWD라는 형태와 이름으로 나왔습니다. 이보다 더 좋은 시기에 올 수는 없었을 것입니다. 온라인 기업가들은 마침내 안도의 한숨을 내쉴 수 있었습니다. RWD가 모바일 사용자를 열정적인 손에 바로 전달할 수 있었기 때문입니다.

Cameron Adams가 2004년에 해상도에 따른 레이아웃을 시연했지만 2010년 5월이 되어서야 Ethan Marcotte가 "반응형 웹 디자인"이라는 용어를 만들었습니다. 얼마 지나지 않아 반응형 웹 디자인이 인기를 끌었습니다.

역사 수업은 제쳐두고 모바일 지원 사이트를 만드는 데 왜 애를 써야 합니까? 바위 밑에 살지 않는 한 그것은 매우 분명합니다. 매일 점점 더 많은 사람들이 모바일 장치를 사용하여 사이트를 탐색하고 있습니다.

잠재 고객은 모바일 기기에서 바로 제품을 구매하고 있는데, 사이트가 보기에 좋지 않고 작은 화면에서 매우 잘 작동한다면 많은 돈을 낭비하게 됩니다.

Matt Cutts는 몇 달 전에 놀라운 일을 언급했습니다. 그는 2015년 이후에는 모바일 검색이 데스크톱 검색을 능가할 것이라고 말했습니다. 그런 다음 Google은 모바일 검색 결과에 '모바일 친화적' 라벨을 추가했습니다. 이는 잠재 고객이 클릭하기 오래 전에 귀하의 사이트가 모바일 친화적이지 않다는 것을 알게 된다는 의미입니다.

이는 귀하의 웹사이트가 고정 너비, 즉 경직된 웹사이트인 경우 높은 모바일 전환율에 작별을 고할 수 있음을 의미합니다. 열악한 사용자 경험을 고집하는 사람은 아무도 없을 것입니다. 특히 경쟁업체가 모바일 장치에서 보기에도 좋고 성능도 믿을 수 없을 정도로 뛰어난 웹사이트를 운영하고 있다면 더욱 그렇습니다.

이를 기본으로 삼아 WordPress를 사용하여 모바일 친화적인 사이트를 어떻게 만들 수 있습니까?

WordPress를 사용하여 모바일 친화적인 웹사이트 만들기

상서로운 플랫폼인 WordPress는 웹 개발을 더 쉽게 만들었을 뿐만 아니라 매우 간단하게 만들었습니다. 단 몇 분 만에 모든 사용자의 흥미를 유발할 수 있는 아름다운 100% 반응형 웹사이트를 만들 수 있습니다. 모바일 장치 사용자는 데스크톱 사용자만큼 뛰어난 경험을 갖게 되며 이는 WordPress 기반 비즈니스에 큰 의미가 있을 수 있습니다.

보풀은 제쳐두고 두 가지 주요 방법으로 모바일 친화적인 WordPress 사이트를 만들 수 있습니다. 다음을 수행할 수 있습니다.

  • 반응형 WordPress 테마 구축/구매
  • 모바일 플러그인 사용

우리는 각각에 대해 자세히 설명하고 반응형 WordPress 테마와 모바일 디스플레이 플러그인의 예를 나열하여 한 단계 더 나아가도록 하겠습니다.

반응형 WordPress 테마 구축/구매

이것은 WordPress를 사용하여 모바일 친화적인 웹사이트를 만드는 가장 쉽고 우아한 방법입니다. WordPress 테마 시장은 훌륭한 반응형 테마로 넘쳐나고 있으므로 귀하의 취향과 선호도에 완벽하게 맞는 테마를 찾아야 합니다.

여전히 고정 너비(또는 고정) WordPress 테마를 출시하는 일부 개발자가 있지만 2010년 이후 출시된 테마의 대부분은 부분적으로 또는 완전히 반응형입니다. 물론 처음부터 또는 사이트를 다시 디자인할 때 완전히(100%) 반응하는 WordPress 테마를 사용하고 싶을 것입니다.

필요한 기능을 조기에 결정한 다음 해당 기능을 손상시키지 않고 테마가 다양한 뷰포트 너비에 맞게 조정되는지 확인하세요. WordPress 테마가 반응형인지 여부를 빠르게 확인할 수 있는 방법이 있습니다.

선택한 WordPress 테마를 구매하기 전에 일반적으로 개발자는 데모를 통해 테스트해 볼 수 있도록 허용합니다. 데모를 로드한 후 최소화 버튼을 클릭하고 가장자리를 드래그하여 브라우저 크기를 조정한 다음 테마의 동작을 관찰하세요.

브라우저의 너비를 줄이면 성능이 서서히 저하됩니까, 아니면 브라우저 하단에 스크롤 막대가 나타납니까? 테마가 정상적으로 저하되면 대박을 터뜨린 것입니다. 브라우저 하단에 스크롤 막대가 나타나면 다른 방법으로 실행하세요.

전문적으로 디자인된 반응형 테마는 Elegant Themes(연간 구독 제공) 및 Themeforest와 같은 신뢰할 수 있는 웹사이트에서 70달러 미만의 가격으로 제공됩니다. 또한 Genesis, Underscores, Thesis 등과 같은 반응형 테마 프레임워크를 사용하여 자신만의 반응형 WordPress 사이트를 개발할 수도 있습니다.

의심할 여지없이, 뭔가 큰 문제가 있다면 WordPress 개발자를 고용하여 처음부터 맞춤형 반응형 테마를 제작해 보세요. 플러그인 사용을 피하기 위해 필요한 모든 기능을 하드 코딩하도록 할 수도 있으며, 그 중 일부는 응답하지 않을 수도 있습니다.

하지만 시작 중이거나 예산이 부족하다면 아름다운 만큼 반응성이 뛰어난 몇 가지 예산 친화적인 WordPress 테마를 소개합니다.

전체 – 반응형 다목적 드래그 앤 드롭 WordPress 테마

글을 쓰는 시점에 유명하고 저명한 작가가 Themeforest(판매 9,000개 이상)에서 인기 있는 아이템인 Total WordPress 테마는 웹 디자인에 편리함과 재미를 더해줍니다. 다목적 테마이므로 상상할 수 있는 모든 디자인을 구축할 수 있고 100% 반응하여 모든 멋진 디자인이 모든 장치 화면에 맞도록 보장할 수 있습니다.

뛰어난 지원과 프런트 엔드 페이지 구축을 지원하는 Visual Composer를 포함하여 항상 원했던 모든 기능을 갖춘 Total WordPress 테마를 사용하면 상사처럼 모바일 친화적인 WordPress 사이트를 구축할 수 있습니다. 내 말을 그대로 받아들이지 말고 가서 아름다운 데모를 직접 확인해 보세요. 단돈 58달러의 Total WordPress 테마는 귀하의 WordPress 사이트를 멋지게 꾸밀 수 있는 저렴한 옵션입니다.

Divi – 반응형 다목적 WordPress 테마

Elegant Themes의 가장 인기 있는 테마인 Divi는 독보적인 테마입니다. 완전히 반응하는가? 당신은 그럴 것이라고 확신합니다. 다목적은 어떻습니까? 자, 또 다른 질문을 해주세요. 게다가 Elegant Themes 번들의 일부이므로 마음이 바뀌면 다른 테마도 사용할 수 있습니다.

그리고 우리가 가장 좋아하는 테마인 Total WordPress 테마와 마찬가지로 Divi를 사용하면 코드 한 줄도 건드리지 않고도 무제한의 디자인을 만들 수 있습니다. 테마를 사용하면 69달러를 돌려받게 됩니다. 또는 모든 포토샵 파일과 프리미엄 플러그인을 원하는 경우 89달러를 지불해야 합니다.

Ultra – 유연하고 반응성이 뛰어난 WordPress 테마

Ultra는 Themify의 최신 테마이며 훌륭한 테마입니다. 강력하고 반응이 훌륭합니다(아, 그리고 아주 제한된 시간 동안은 무료입니다). Themify의 가장 유연한 테마인 Ultra에는 뛰어난 레이아웃과 페이지 작성 옵션이 있습니다.

또한, 마스터 클럽 멤버십을 원하시면 Themify Builder, 공지 표시줄, 조건부 메뉴 등과 같은 Themify의 멋진 테마와 놀라운 프리미엄 플러그인도 모두 이용하실 수 있습니다!

Vertoh – 반응형 이벤트 WordPress 테마

대규모 행사를 계획 중이신가요? 아니면 아마도 WordCamp일까요? Vertoh를 확인해 보세요. 우아하고 구조화되어 있어 원하는 대로 아름답지만 강력합니다. 또한 WooCommerce 지원, 카운트다운 위젯, 소셜 통합, 스피커, 예약 등과 같은 모든 추가 이벤트 기능이 포함되어 있습니다.

SHOWthemes에서 개발한 Vertoh는 모바일 기기에서 놀라울 정도로 멋지게 보이는 최첨단 반응형 이벤트 WordPress 테마입니다. 고급 이벤트 관리 테마의 경우 단돈 79달러부터 시작하는 Vertoh가 확실히 승자입니다.

uDesign – 반응형 WordPress 테마

매우 빠르고 강력하며 아름답고 모바일이 가능합니다. 우아한 Visual Composer, SEO 지원 디자인, WPML 지원, WooCommerce 등 꿈꾸던 WordPress 웹사이트를 구축하는 데 필요한 기능이 가득합니다.

기본적으로, 땀을 흘리지 않고도 모바일 지원 웹사이트를 구축할 수 있는 독특한 WordPress 테마 중 하나를 얻을 수 있습니다. 아, 연중무휴 24시간 지원과 무제한 업데이트를 받을 수 있다고 말씀드렸나요? uDesign은 단 58달러의 가격으로 수년간 Themeforest의 주요 제품이었습니다.

디렉토리 – 반응형 WordPress 테마

WordPress 기반 비즈니스를 위한 <i>영감을 찾고 계십니까? 글쎄, 당신은 그것을 발견했을 수도 있습니다. Templatic이 직접 제작한 깔끔하고 전문적이며 기능이 풍부한 반응형 테마인 Directory보다 더 이상 볼 필요가 없습니다.

디렉토리는 목록, 리뷰 또는 기타 유형의 디렉토리(따라서 이름)를 공유하려는 모든 비즈니스에 적합한 유용한 WordPress 테마입니다. 그리고 Templatic이 만든 모든 프리미엄 하위 테마를 사용하면 쉽게 시작할 수 있습니다. 여기에 있는 모든 테마와 마찬가지로 지원과 업데이트가 포함되어 있어 테마를 최대한 활용할 수 있습니다.

소매점 – 반응형 WordPress 테마

The Retailer를 사용하면 모바일 지원 WordPress 웹사이트를 구축할 수 있습니다. 블로그, 개인 웹사이트, 기업 포털, 포트폴리오, 심지어 온라인 상점까지 The Retailer에는 사용자가 던지는 모든 것을 처리할 수 있는 적절한 기능이 번들로 제공됩니다.

100% 반응하며 프리미엄 애드온과 신뢰할 수 있는 고객 지원은 물론 비디오 안내도 함께 제공되어 즉시 작동할 수 있습니다. 소매업체의 구매자 평점은 4.64/5.00이며 가격은 58달러입니다.

웹에서 사용할 수 있는 반응형 WordPress 테마 중 일부에 대한 짧은 목록이 있습니다. 어떤 방법으로든 더 많은 옵션이 필요한 경우 언제든지 Themeforest를 방문하여 "반응형 WordPress 테마"를 검색하면 필요한 것보다 더 많은 선택권을 얻을 수 있습니다.

또한 프리미엄 WordPress 테마 또는 무료 WordPress 테마에서 반응성이 뛰어난 몇 가지 WordPress 테마를 확인할 수 있습니다. 예산이 부족하다면 WordPress.org에서 반응형 무료 WordPress 테마를 확인해 보세요.

계속해서…

모바일 플러그인을 사용하여 모바일 지원 WordPress 사이트 만들기

선호하는 WordPress 테마가 반응하지 않거나 현재의 고정 폭 테마를 자신의 이유로 유지하고 싶지 않은 경우 모바일 디스플레이 WordPress 플러그인을 활용하여 모바일 친화적인 경험을 모바일에 전달할 수 있습니다. 사용자.

프로세스는 일반적으로 간단합니다. 플러그인을 설치하고 몇 가지 옵션만 구성하면 작업이 완료됩니다. 이러한 플러그인의 대부분에는 모바일 사용자에게 모바일 테마를 표시하도록 플러그인에 지시하는 트리거 기능이 있습니다. 데스크톱 사용자에게는 모바일 테마가 실행되지 않습니다.

다음 모바일 플러그인을 사용하면 모바일 지원 WordPress 사이트를 쉽고 빠르게 만들 수 있습니다.

WPtouch 모바일 무료 WordPress 플러그인

이것은 아마도 400,000개 이상의 활성 설치를 보유한 WordPress의 가장 인기 있는 모바일 플러그인일 것입니다. 단 몇 번의 클릭만으로 WPtouch를 사용하여 "...WordPress 웹 사이트의 모바일 방문자를 위한 간단하고 우아한 모바일 테마"를 활성화할 수 있습니다.

WPtouch에는 모바일 장치에서 사이트가 표시되는 방식을 사용자 정의할 수 있는 직관적인 관리 패널이 함께 제공됩니다. 프로세스는 매우 간단하며 코드 한 줄도 건드리지 않습니다.

방문자는 한 번의 클릭으로 모바일 버전과 데스크톱 버전 중에서 선택할 수도 있습니다. 특히 개발자인 BraveNewCode, Inc. 및 Dave Storey는 향상된 테마와 기능이 포함된 프로 버전도 제공합니다. 플러그인의 평균 평점은 3.7/5.0입니다.

WP 모바일 탐지기 무료 WordPress 플러그인

WordPress 웹사이트를 쉽게 모바일화하고 싶으신가요? 그렇다면 WP Mobile Detector가 답입니다. 이 플러그인 제작에 투입된 독창성 덕분에 WP Mobile Dectector는 방문자가 스마트폰이나 일반 휴대폰을 사용하고 있음을 감지하면 호환되는 모바일 테마를 자동으로 로드할 수 있습니다.

특수 기능에는 5,000개 이상의 모바일 장치 감지, 이미지 크기 조정, 모바일 통계 및 자동 형식 지정 콘텐츠가 포함됩니다. 또한 플러그인은 설치, 사용자 정의 및 사용이 쉽습니다. 7개의 모바일 테마가 함께 제공되며 대화형 모바일 테마 편집기를 사용하여 나만의 맞춤 테마를 만들 수 있습니다. 자신만의 로고를 업로드하고 모바일 광고를 추가할 수도 있습니다!

WP Mobile Detector를 사용하면 옵션이 사실상 무제한입니다. 플러그인의 등급은 3.7/5.0이며 향상된 기능을 자랑하는 프로 버전과 함께 제공됩니다.

WordPress 모바일 팩 무료 WordPress 플러그인

WordPress Mobile Pack은 전체 WordPress 사이트를 크로스 플랫폼 모바일 애플리케이션으로 압축할 수 있는 기회를 제공하여 응답성 이상의 단계를 제공합니다.

플러그인은 Windows Phone 8, iPhone, Android 휴대폰 및 Firefox OS에서 지원됩니다. 또한 모든 주요 브라우저와 호환됩니다. 사용하기 쉬운 대시보드에서 앱 모양을 사용자 정의하고 게시물, 페이지 및 댓글을 카테고리로 구성하고 Google Analytics를 통해 모바일 사용량을 추적할 수 있습니다.

다른 기능으로는 패블릿 및 태블릿 지원, 무제한 콘텐츠 소스, 무제한 애플리케이션, 오프라인 모드, 수익 창출 및 전체 화면 모드 등이 있습니다. 말하자면 WordPress Mobile Pack은 반응성이 뛰어납니다.

마지막 말씀…

지금까지는 WordPress를 사용하여 최고의 모바일 지원 사이트를 만들 수 있어야 합니다. 물론 가장 좋고 권장되는 옵션은 go라는 단어에서 나온 반응형 WordPress 테마를 사용하는 것입니다. 그것이 당신의 선택이 아니라면 언제든지 모바일 플러그인을 믿을 수 있습니다.

나는 언제든지 반응형 WordPress 테마를 사용하겠습니다. 당신은 어때요? 그 외에도 WordPress 사이트를 모바일 장치에 맞게 준비하기 위해 어떤 팁을 사용합니까? 우리와 공유하세요!