본문 바로가기

보부상 워드프레스 테마/워드프레스 Tip

워드프레스 홈페이지의 기본 구성 및 설치 요구사항 워드프레스(wordpress)는 웹사이트를 쉽고 편리하게 만들 수 있는 콘텐츠관리시스템(CMS), 홈페이지 솔루션 중 하나로 전 세계에서 제작되어지는 사이트의 25%, CMS 중 60%에 해당하는 가장 널리 쓰이는 CMS입니다. 쉽게 말하면 다양한 홈페이지 제작 툴 중 하나라는 말이죠. 이 워프레스를 이용하면 웹사이트, 쇼핑몰, 블로그, SNS, 플랫폼 서비스 등을 빠르게 구축할 수 있으며, 국내에는 서울시청, 삼성, LG, GE 코리아, GS Caltex 등이 워드프레스로 웹사이트 또는 브랜드 웹사이트를 구축하여 운영하고 있습니다. 그러면 워드프레스 홈페이지는 어떻게 구성되어 있을까요?워드프레스 홈페이지는 워드프레스라는 코어(core)에 원하는 디자인, 기능을 제공하는 테마/플러그인을 적용해 홈페이지를.. 더보기
워드프레스 메뉴 새창으로 띄우기 워드프레스에서 메뉴를 구성하다 보면 특정 메뉴는 새창으로 띄워 외부 URL로 연결해야하는 경우가 있습니다. 블로그 연동, 연관 홈페이지 연동 등이 그런 경우인데요. 메뉴 속성에 '새탭에서 링크열기'가 보이지 않아 당황하는 경우가 있습니다.이번 포스팅에서는 메뉴의 링크를 타겟 _blank를 주어 새창으로 띄우는 방법을 살펴보도록 하겠습니다. 워드프레스 관리자 > 외모 > 메뉴에서 상단의 '화면 옵션'을 클릭합니다. 고급 메뉴 속성보기에서 '링크타겟'을 체크합니다. 메뉴 속성 확인 시 '새탭에서 링크 열기'에 대한 옵션이 생성되었습니다. 새 탭에서 링크열기를 클릭하여 외부링크로 연동가능한 메뉴도 구성해보시기 바랍니다. 더보기
워드프레스 테마 php 구조 이해하기 워드프레스는 페이지 구조가 단순한 다른 설치형 블로그(티스토리, 텍스트 큐드 등)의 스킨과 달리페이지별(메일, 포스트 페이지, 게시판 등)로 레이아웃을 다르게 설정할 수 있습니다.워드프레스 테마를 구입한 후 자신의 사이트 성격에 맞게 커스터마이징 하길 원하시는 분들 많으실텐데요. 구입한 테마를 수정하기 위해서는 워드프레스 테마가 어떤 구조로 이루어져 있는지 이해해야합니다. 기본적으로 워드프레스 테마는 다양한 템플릿(php) 파일들로 구성되어 있습니다.다음은 하나의 웹 페이지 템플릿에 사용되는 구성요소 템플릿 파일입니다. * 헤더(header.php)로고, 메뉴, 이미지, 슬라이더 등의 상단 컨텐츠를 포함하는 영역입니다. * 메인사이트의 메인 컨텐츠를 보여주는 곳으로 다양한 디자인 셀 적용이 가능합니다. .. 더보기
워드프레스 버전관리, 보안 취약점 등 17개 버그 수정한 4.5.3 버전 업데이트 6월 중순 콘텐츠 관리 시스템 '워드프레스(Wordpress)'의 최신 보안 업데이트가 반영된 4.5.3버전이 배포되었습니다. 워드프레스 4.5.3 버전은 기존 버전에서 알려진 서비스 거부, 비밀번호 변경 등의 보안 취약점과 총 17개 버그를 해결하는데 중점을 둔 것으로 알려졌는데요!기존 워드프레스 버전 이용 사용자는 관리자로 접속하여 알림판(대시보드)에서 업데이트를 클릭한 후 '지금 업데이트(Update Now)'를 선택하면 패치를 적용할 수 있습니다. 오픈소스인 워드프레스는 지속적으로 기술을 업데이트하면서 새로운 버전을 공개합니다. 일반적으로 새로운 버전이 공개되면 바로 업데이트를 진행하기 보다는 현재 이용하고 있는 테마나 플러그인도 새로운 버전에 맞게 안정화되는 시점에서 업데이트를 진행하는 것이 좋.. 더보기
검색엔진 웹마스터도구의 사이트등록, 수집, 색인, 검색노출의 차이점 검색엔진 웹마스터 도구의 사이트등록, 수집, 색인, 검색노출의 차이점 많은 분들이 사이트 제작 후 검색엔진최적화(SEO)를 위해, 검색엔진에 사이트를 노출 시키기 위해 각 검색엔진의 웹마스터 도구에 사이트를 등록합니다. 이렇게 사이트를 검색엔진 웹마스터 도구에 등록하고 나면 검색엔진은 수집, 색인 등의 과정을 거쳐 사이트에서 발행한 컨텐츠를 사용자들에게 노출시켜주는데요. 오늘은 이 일련의 과정들에 대해 함께 살펴보겠습니다. 검색엔진 웹마스터 도구 - '사이트 등록' 우선, '사이트 등록'은 사이트 검색노출을 위한 기본 절차입니다. 사이트의 소유주가 각 검색엔진에 내 사이트의 정보를 제출하여 각 검색엔진이 보다 빠르게 인지할 수 있도록 등록하는 것인데요. 반드시 검색엔진 웹마스터 도구에 사이트를 등록해야만.. 더보기
오픈소스 CMS 대표주자 워드프레스 워드프레스는 해외에서 만들어진 오픈소스 블로그(웹사이트)제작 소프트웨어로 2003년 매트 물렌웨그(Matt Mullenweg)가 웹상에서 콘텐츠를 저작하고 출판할 수 있는 오픈소스 컨텐츠 관리시스템(Opensource Contents Management System)을 내어 놓으면서 CMS시장에 진입했습니다.웹사이트 점유율w3techs에서 발표한 자료에 따르면 2016년 3월 기준으로 전세계 웹사이트의 26.2%가 워드프레스로 제작되어 있는 것을 확인할 수 있습니다. 이는 전세계 웹사이트 4개 중에 1개가 워드프레스로 만들어졌다는 결론입니다. * 출처: http://w3techs.com/technologies/history_overview/content_management/allCMS 시장점유율오픈 CM.. 더보기
모바일 쇼핑몰 제작을 위한 메인디자인 최적화 국내 스마트폰 보급률이 증가하면서 상품 구매부터 제품 비교 등 기존의 온라인 쇼핑문화가 점차, 스마트폰 등 디지털 플랫폼을 통한 '모바일 쇼핑문화'로 대세가 바뀌고 있습니다. 소비자들이 모바일 쇼핑을 선호하는 이유는 시간과 공간의 제약없이 언제 어디서나 24시간 쇼핑믈 즐길 수 있다는 점인데요. 이밖에도 모바일 쇼핑은 모바일을 통한 바로구매, 결제의 편의성 등 편리한 구매환경을 기반으로 빠르게 성장하고 있습니다.따라서 성공적인 온라인 창업을 위해서는 PC 이용 소비자는 물론, 모바일 소비자들의 특성과 편의를 생각한 쇼핑몰 제작이 필수가 되었습니다. 기존 모바일 쇼핑몰 창업자들은 일반적으로 쇼핑몰을 제작한 후 모바일용 쇼핑몰 사이트를 별도로 만들거나 인기 포털사이트 내 쇼핑입점 및 상품 등록을 통해 모바일.. 더보기
워드프레스 숏코드(shortcode) 이해하기 워드프레스를 이용하다보면 [bbse_commerce_membership_login]와 같은 코드를 자주 접하게 됩니다. 이렇게 대괄호 [ ]로 된 함수 코드를 숏코드(shortcode)라고 하는데요! 숏코드는 워드프레스의 유용한 기능 중 하나입니다.워드프레스 숏코드(shortcode)란?워드프레스의 숏코드는 워드프레스 내에서 작동하는 '매크로'라고 할 수 있습니다. 필요한 기능을 워드프레스 함수에 정의한 후, 숏코드를 불러오면 정의했던 함수의 기능을 해당 페이지에 적용할 수 있습니다. 워드프레스의 글이나 페이지에 [ ]를 이용한 숏코드를 활용하면 복잡한 코딩이 필요한 작업을 쉽게 적용할 수 있는 것이지요.보부상 워드프레스의 테마·플러그인에서도 다양한 숏코드(shortcode)를 제공합니다. 다음은 BBS.. 더보기
검색엔진최적화에 도움이되는 미디어 메타태그(meta tag)작성 성공적인 온라인 사업을 위한 검색엔진마케팅의 중요성이 높아지면서 홈페이지의 메타태그(meta tag) 적용은 필수가 되었습니다. 하지만 아직도 많은 분들이 워드프레스 컨텐츠에 삽입되는 미디어 파일에 대한 메타태그는 적용하지 않는 경우가 많은데요. 미디어의 메타태그는 미디어가 어떤 내용을 담고 있고, 어떤 키워드를 전달하는지에 대한 요약이므로 검색엔진최적화(SEO)에 상당히 중요한 역할을 합니다. 이번 포스팅에서는 워드프레스 미디어에 적용되는 메타태그에는 어떤 것들이 있고 그 태그들이 어떤 역할을 하는지 함께 살펴보도록 하겠습니다.워드프레스에 미디어 파입을 업로드하면 미디어에 대한 상세 정보를 입력할 수 있습니다. 이 때 입력하는 상세정보가 이 이미지에 대한 메타태그가 됩니다. 미디어에 적용할 수 있는 메.. 더보기
워드프레스 모바일웹 속도개선 플러그인 AMP 홈페이지 제작, 운영에서 페이지의 로딩속도 단축은 매우 중요한 부분입니다. 현재 대다수의 사람들이 LTE를 사용하는 상황에서 웹페이지 로딩속도 차이가 얼마나 있을까 싶지만, 로딩속도가 100분의 1초만 늦어져도 이탈률이 크게 늘어나는 것이 현실입니다.기껏 흥미로운 제목과 이미지, 컨텐츠를 이용해 클릭을 유도했다고 해도 로딩속도가 길어지면 사용자는 이탈하는 것이죠. 최근 공개된 구글의 '가속 모바일 페이지(AMP)'를 이용하면 이 모바일웹 속도를 효과적으로 향상시킬 수 있습니다.AMP(Accelerated Mobile Page)란, AMP html이라는 새로운 오픈프레임워크를 이용하여 모바일웹사이트의 페이지를 경량화해주는 웹기술입니다. 워드프레스 사이트도 AMP 플러그인을 활용하면 모바일웹 페이지의 로딩속.. 더보기