워드프레스 쇼핑몰, 웹사이트

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
웹사이트

회원관리 사이트

회원관리 프러그인을 이용한 학회 홈페이지.

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
쇼핑몰

해외 쇼핑몰

해외 대상 쇼핑몰. 다양한 플러그인 사용됨.

사이트 이미지
쇼핑몰

강아지 용품 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

포트폴리오 보기

커스텀 디자인

여러 종류의 플러그인을 이용해 페이지와 콘텐츠를 커스텀 디자인

Brizy Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Elementor Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Advanced Custom Field Pro

사용자 정의 필드

커스텀 콘텐츠 작업에 필요한 플러그인

Pods

사용자 정의 콘텐츠 타입

기본 콘텐츠 타입외에 다양한 형태의 콘텐츠 생성.

블로그

오늘 방문자님인 백전백승님이 서울시 홈페이지가 워드프레스로 만들어졌다고 하는데 사실인지 여부를 문의해왔습니다. 이전에 저도 궁금해서 서울시 홈페이지를 방문해 여러가지 검사를 해봤습니다. 우선 첫번째로 요소검사입니다.



요소검사란 웹사이트의 코드가 어떻게 돼있는지 또는 글자나 박스와 같은 요소가 무엇으로 구성돼있는지 알 수 있도록 하는 웹브라우저에 포함돼있는 개발자 툴입니다. 웹디자인이나 웹 개발을 위해서는 반드시 필요한 도구죠. 구글 크롬을 사용하면 편리합니다. 서울시 홈페이지의 빈곳을 오른쪽 마우스 클릭하고 요소검사를 선택하면 하단에 창이 나타납니다. 왼쪽에는 HTML, 오른쪽에는 CSS 에 관한 내용이 나옵니다. HTML 창에서 최 상단에 보면 DOCTYPE 이란 것이 있는데 워드프레스라면 최신 기술인 HTML5를 사용하므로 다음과 같이 나와야 하지만 HTML4.01의 닥타입을 사용하고 있습니다.


<!DOCTYPE html>


HTML5의 닥타입은 위처럼 간결합니다. 그리고 닫혀있는 <head>...</head> 태그를 열어보면 흔히 보는 워드프레스 코드 형태가 없습니다. 워드프레스라면 다음과 같이 자바스크립트나 스타일시트에 현재 사용하고 있는 워드프레스 버전이 포함돼있습니다.


<link rel="stylesheet" id="gtranslate-style-css" href="http://kopress.net/wp-content/plugins/gtranslate/gtranslate-style24.css?ver=3.4.2" type="text/css" media="all">

<script type="text/javascript" src="http://kopress.net/wp-content/themes/eclipse/core/library/js/foundation/app.js?ver=3.4.2"></script>


그런데 서울시 홈페이지에는 전혀 없습니다. 물론 해킹 방지를 위해 워드프레스 버전이 공개되면 안되므로 이를 보이지 않게 할 수도 있습니다. 그래서 개조를 할 수도 있겠죠. 또 다른 구별법은 다음과 같습니다.



도메인 다음에 /readme.html 을 입력하고 엔터키를 치면 위와같은 안내문이 나옵니다. 워드프레스를 설치하면 기본적으로 포함돼 설치되는 파일입니다. 그런데 이 파일도 별로 필요 없는 것이므로 삭제해서 없을 수도 있습니다. 그러면 도메일을 직접 입력해서 해당 사이트가 뭘로 만들어졌는지 알수 있는 사이트를 이용해서 검토해봅니다. 첫번째로 워드프레스 사이트인지 구별해봅니다.


http://www.isitwp.com/


위 링크를 클릭하면 아래의 화면이 나오는 사이트로 이동합니다.



도메인 입력란에 서울시 홈페이지의 도메인을 복사해서 붙여넣고 Cllick to Find Out 버튼을 클릭합니다. 안타깝게도 "여러분 죄송하지만 이 웹사이트는 워드프레스를 사용하고 있지 않습니다"라고 나옵니다. 뒤의 서브 디렉토리를 빼고 앞의 도메인만 넣어도 마찬가지 결과입니다. 그러면 더 나아가서 서울시 홈페이지가 어떤 구성으로 돼있는지 보겠습니다.


http://builtwith.com/


위 링크를 클릭하면 아래의 화면이 나옵니다.



도메인을 입력하고 Lookup 버튼을 클릭합니다.



그랬더니 위와같이 나오는데 어떤 코드를 사용했는지 알려주지만 이것으로는 별로 알 수 있는 것이 없죠. 그래서 워드프레스 사이트와 비교를 해봅니다.



제 워드프레스 사이트를 점검해봤더니 위처럼 나옵니다. 컨텐트 메니지먼트 시스템을 워드프레스로 사용하고 있습니다. 그러니 서울시 홈페이지는 어떤 공식적으로 알려진 CMS를 사용하고 있는 것이 아님을 알 수 있는 것입니다. 여기서 더 확인해봐야 헛일이 되겠지만 참고적으로 더 확인하는 방법은 도메인 다음에 /wp-admin을 입력, 엔터키를 쳤을 때 로그인 화면이 나오는지로 확인할 수 있습니다. 또한 참고적으로 워드프레스 사이트가 어떤 테마를 사용하는지 알 수 있는 방법은 아래의 링크를 클릭해서 나오는 화면에서 워드프레스 사이트의 도메인을 입력하면 바로 알 수 있습니다.


http://whatwpthemeisthat.com/



제 워드프레스 사이트의 테마는 이클립스이고 사용 중인 플러그인까지 다 나옵니다. 



댓글 (18)

댓글 목록

백전백승 access_time

답답함을 풀어주셔서 감사합니다. 많은 사람들이 서울시의 홈페이지가 워드프레스로 만들었다는 글을 많이 봐서 확실히 알고 싶었거든요. 저같이 워드프레스에 대해서 모르는 사람은 그렇구나하고 넘어가거든요.

베누시안 access_time

뉴스에 보니 어느 웹사이트 제작회사에서 서울시 홈페이지를 워드프레스로 제작해서 상도 받았다고 하든데 워드프레스 흔적을 찾을 수 없더군요. 저도 책에서 서울시가 워드프레스로 만들어졌다고 썼지만 확인도 안하고 그랬네요.

백전백승 access_time

서울시 홈페이지가 올해 중순에 새롭게 장단 한 것으로 아는데 계속 홈페이지를 만지면서 워드프레스에서 많이 벗어난 것이 아닌가 해요.

베누시안 access_time

그랬을 수도 있겠네요. 국내에 워드프레스 붐만 일으키고 사라졌나 보내요.

삐용이 access_time

저도 가끔 워드프레스인가? 확인하고 싶을 때 /wp-admin 를 입력해 봅니다.
서울시 홈페이지 워드프레스가 아니였군요.

베누시안 access_time

뉴스에 보니 어느 웹사이트 제작회사에서 서울시 홈페이지를 워드프레스로 제작해서 상도 받았다고 하든데 워드프레스 흔적을 찾을 수 없더군요.

drssay access_time

서울시 홈페이지는 현재 JSP 페이지와 워드프레스의 혼합으로 이뤄져 있습니다. 메인사이트인 www.seoul.go.kr는 JSP 페이지로 되어 있고 워드프레스 사이트는 오른쪽 사이드바 메뉴에 있는 "부서안내/청사안내"로 들어가야 합니다. 서울시 담당 부서에 근무하는 분의 이야기로는 모든 페이지를 바꾸려고 했으나 기술적인 문제로 인하여 모두 바꾸지는 못하고 순차적으로 모든 페이지를 교체하겠다고 하였습니다.

베누시안 access_time

안녕하세요. 반갑습니다. jsp와 php가 혼합해서 사용도 가능한가 보네요. 서울시 사이트가 대규모 사이트일텐데 워드프레스로 전체를 바꾸기는 아마 힘들것 같기도 합니다. 제 생각에도 어딘가 한구석에 워드프레스로 돼있을 것 같기도 했습니다.

영수 access_time

한마디로 순수 워드프레스가아닌
여러가지 언어로 혼합해서 만들었다는 말씀이군요~
워드프레스의 한계가 있다는건가요?
국내 포털사이트로? 적용하기엔?
짧은 의견으로는 버디프레스가 커뮤니티라고하든데
서울시홈페이지를 기존에 것과 함께 섞어서 만들려고하다가 안되서 그런건가?^^
무튼~, 좋은정보 감사합니다~
제꺼도 워드프레스로 만들었던게 있었는데 나쁜결과가 나오네요~영카트랑 섞어서 소스를 좀 수정했더니만~^^

베누시안 access_time

워드프레스로 큰 사이트도 만들 수 있지만 서울시 홈페이지는 모두 워드프레스로 만들기는 아주 복잡할 것입니다. 몇개의 페이지만 있는 것이 아니라 페이지가 엄청 많아서 그럴 겁니다. 현재로서는 일부만 워드프레스로 만들었다고 하니 실제로는 워드프레스로 만든 사이트라고 할 수는 없겠죠.

JW access_time

위에 쓰신 것 처럼 서울시 홈페이지는 jsp와 워드프레스 사이트들의 조합입니다.
서울시에 올라가는 모든 글과 컨텐츠는 워드프레스의 폼을 통해 올라가니 워드프레스라 해도 무방할 듯 합니다.

나인 access_time

워드프레스를 기반으로 제작되었다가 개편된걸로 알고 있습니다.

컴포지트 access_time

정부표준 프레임워크 지침에 써야 하는 공통 컴포넌트는 어느 기관이던 피할 수 없습니다. 전자정부 안쓰고 워드프레스 쓰는건 거의 국가에 대한 도전이나 다름없죠. 설령 굳이 필요없는 대국민 페이지라도 말이죠.

베누시안 access_time

그런 이유도 있겠습니다. 그러니 일부 페이지만 워드프레스로 만들어졌겠죠. 어쨋든 서울시 워드프레스로 인해 국내에서 워드프레스가 활성화 된 것은 인정할만 합니다.

Koala access_time

http://english.seoul.go.kr/
서울시 영어 홈폐이지입니다.
워드프레스라고 나오네요.
한국어는 수정하지 않은 것 같습니다.

Koala access_time

wp-admin
되네요

지나가다 access_time

안녕하세요 해당 프로젝트 관련자 입니다.
우연히 들어왔다가 글을 보고 오해하시는 분이 생길까봐 말씀드립니다.
2012년 당시 글로벌 표준 플랫폼 도입을 구상하면서
국내기관 최초로 워드프레스를 도입해서 만든 것이 맞습니다.
부연설명은 윗분들이 해주셨고, 논란의 여지가 없음을 말씀드리고 갑니다.

dlvovlb access_time

관리자의 승인을 기다리고 있는 댓글입니다