본문 바로가기

독학178

XE독학하기 그 27번째 걸음-로고이미지 변경과 자잘한 변경점 안녕하세요? 지난번 시간에는 홈페이지의 레이아웃을 변경했습니다만, 아직 로고의 이미지를 변경하지 않았습니다. 그래서 이번 포스팅에서는 로고의 이미지를 변경해 보고자 합니다. 먼저 https://pixabay.com/이라는 무료이미지를 제공해주는 사이트로 가서, 위 스크린샷과 같은 이미지를 다운로드 받은 다음, 제가 직접 그림판에서 [연습장]이라고 글귀를 집어 넣었습니다. 이를 이제 최대한으로 축소를 해서 로고 이미지로 쓰기로 하였습니다. 먼저 XE 관리자 페이지로 가서, [사이트 제작/편집]탭을 누른 다음, 사이트 디자인 설정항목에 들어가서 위 스크린샷과 같은 설정을 불러옵니다. 여기서 상세설정을 클릭한 다음에, 상세 설정에 있는 일반항목으로 들어갑니다. 여기서 로고 이미지라는 항목에 있는데, 먼저 보여.. 2017. 2. 4.
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.

티스토리툴바