본문 바로가기

일상생활 이야기373

XE독학하기 그 26번째 걸음-사이드바 메뉴가 있는 홈페이지 만들기 안녕하세요? 이번 포스팅에서는 그간 사람들이 [될 수 있으면 네이버 카페와 비슷하게]라고 주문을 하여서, 될 수 있으면 사이드바가 있는 홈페이지를 만들어 달라는 요청이 많이 들어왔습니다. 그래서 그런 레이아웃이 있다는 것을 우연히 알게 되어서 이번 포스팅에서 작업에 들어가고자 합니다. 먼저 XE관리자 페이지에서 고급탭으로 가서, 쉬운설치 항목으로 갑니다. 그리고 Simplestrap 레이아웃이 사이드바를 제공하는 기능이 있다고 합니다. 그래서 [설치]항목을 눌러서 설치하고자 했습니다만, 여기서 문제가 생겼습니다. 수십번을 눌러도 설치가 되지 않는 문제가 발생하였습니다. 그래서 위 스크린샷에 보이는 바와 같이, Simpletrap 레이아웃이 설치경로라는 것이 있습니다. XE관리자에서 자동으로 설치가 되지 .. 2017. 2. 4.
XE독학하기 그 25번째 걸음-모바일 홈페이지에 구글광고 띄우기 그2번째 안녕하세요? 지난번 시간에는 XE 모바일 홈페이지에 구글 애드센스 광고를 띄우는 것을 보여주었는데, 이번에는 이 광고를 조금은 더 다듬어 보도록 해 보겠습니다. 지난번 포스팅에서도 다루었지만, 알FTP로 접속을 하여서 XE폴더내에 있는 m.layout폴더 안에 있는 sketchbook5mobile에 있는 layout.html을 메모장으로 열어서 수정하는 것에 들어갔습니다. 여기서 [메인메뉴]라는 항목 아래에 우선 구글 애드센스 코드를 입력해 보았습니다. 우선 수정을 가한 layout.html을 원래 있던 폴더로 알FTP상에서 업로드 시켜서, 덮어쓰기를 합니다. 그리고 폰으로 어떻게 변화가 일어났는지를 확인합니다. 보기좋게 설치는 되었습니다만, 위치가 역시 오클릭을 유도할 수 있기에, 위치를 변경할 필요성.. 2017. 2. 3.
XE독학하기 그 24번째 걸음-모바일 페이지에서 애드센스 광고 띄우기 안녕하세요? 지난번 포스팅에서는 XE홈페이지에서 애드센스를 띄웠는데, 아직 모바일 홈페이지에서는 뜨지 않습니다. 그래서 이번에는 모바일 홈페이지에서도 애드센스 광고를 띄울 수 있도록 하는 것이 이번 포스팅의 목표입니다. 우선 XE관리자 페이지에서 사이트 제작/편집 탭에서 사이트 디자인 설정으로 들어가서 아래와 같은 화면을 띄웁니다. 현재 사용중인 모바일 레이아웃인 Sketchbook5 mobile인데, 여기서 상세 설정을 누르도록 합니다. 우선 헤더 스크립트 항목에다가 구글 애드센스에서 얻은 반응형 배너의 코드를 입력한 다음, 어떻게 모바일 상에서 보이는 지를 알아보도록 합니다. 일단 광고가 뜨기는 떴는데, 무언가 그다지 좋은 모양으로 뜨지는 않는 것을 볼 수 있습니다. 그래서 이번에는 XE관리자 페이지.. 2017. 2. 3.
XE 독학하기 그 23번째 걸음-구글 애드센스 광고 띄우기 안녕하세요? 이번 포스팅에서는 XE로 제작된 홈페이지에서 어떤 식으로 구글 애드센스 광고를 띄울 수 있는지 여부를 알아볼까 합니다. 우선은 사이트에 새로운 레이아웃을 설치하러 갑니다. 우선은 XE관리자 메뉴에서 쉬운설치를 통해서 밑줄을 친 두 종류의 스킨을 설치합니다. 그 다음으로는 XE관리자 메뉴에서 사이트 제작/편집 메뉴로 가서 [사이트 디자인 설정]탭을 누릅니다. 여기서 레이아웃 항목을 클릭한 다음 PC버전에서는 방금전에 설치한 레이아웃을 선택하도록 합니다. 그리고 상세설정을 클릭해서 아래와 같은 메뉴가 나타나도록 합니다. 위 스크린샷에 보이는 것과 같이 [4.위젯,배너,광고설정]으로 가도록 합니다. 여기 빨간색 동그라미로 표시가 된 곳에다가 구글 애드센스에서 얻어온 광고 코드를 복사해서 붙여넣기 .. 2017. 2. 3.