아이디오아지트
 

닫기

WEB 2024 03 15+ MOBILE 2024 03 15 뉴 디자인 오픈♥
  • [ABOUT] MOBILE쇼핑몰 ABOUT 페이지
  • 아이디오아지트 [IP:]
  • 2016-07-23

    POINT : 5점

    HIT : 363

 

 MOBILE 쇼핑몰의 ABOUT 페이지 이미지 및 글 변경법 입니다!

 ABOUT 페이지 이미지 사이즈 : 가로 600px 이상 X 세로 자유




샘플에서 사용된 이미지의 좌/우에는 흰색 여백이 포함되어있습니다!



위의 이미지가 적용되어있습니다!

혹시 샘플처럼 표현하고 싶어서 동그라미 이미지만 적용하시면,

동그라미 이미지가 꽉 차게 가로 100% 채워져서 보이십니다!

샘플과 같이 표현하고 싶으시다면, 좌/우 흰여백을 꼭 포함해주세요!





1.

관리자페이지 > '디자인(PC/모바일)' > 모바일 부분의 '디자인 편집' 버튼 클릭 






2.

스마트 편집창 좌측에 전체화면보기 클릭 > 좌측 메뉴중 about.html 클릭

about 페이지의 이미지는 편집버튼으로 변경해주세요!

이미지 사이즈 : 가로 600px 이상 X 세로 자유

 

 





3.

이제 html 란에서 ABOUT 의 내용을 직접 수정할거에요 :)

만약, PC버전의 ABOUT 내용을 변경해보셨다면,

수정하실 위치가 동일하기 때문에 아주 쉽게 수정이 가능하십니다!



HTML 내용 수정방법


<!--@layout(/layout/basic/layout.html)-->
<style>
#header .menu_list li.menu_list_about a {border-bottom:1px solid #000;}  
</style>    

<!--@css(/css/about.css)-->


<div class="about">
<ul>

<li>
<img src="/web/upload/category/editor/2016/06/23/2de3869f1d18a105934b5c8e44860c5c.jpg">    

</li>
</ul>    
<ul>
<li>
<!-- 첫번째 내용 시작 -->    
<h1>ID-5 AGIT</h1>    
<pre>    
아이디오아지트는 아이디어를 만들어내는 아지트라는 의미로,
새로움에 도전하는 디자인 그룹입니다.


많은 사람들이 좋아하는 디자인을 만들어 내는 것은
더이상 많은 사람들이 좋아히지 않습니다.
우리는 변화를 두려워하지 않는 창조의 아지트입니다.


또한, 아이디오아지트의 디자인으로 인해 우리와 함께하는 
다른 어떠한 것들이 더 돋보일 수 있는 디자인을 만드는 것이 아이디오아지트의 마인드입니다.


아이디오아지트와 함께하세요!
어떠한것도 담을 수 있습니다.
</pre>  
<!-- 첫번째 내용 끝 -->
    
<!-- 두번째 내용 시작 --> 
<h2>CONTACT</h2>     
<pre>    
id5agit@naver.com
+82 10 3068 4641
+82 70 4641 1688


OFFICE HOURS
Mon—Fri 12—5pm
Sat—Sun, Holidays off


OFFLINE STORE
1F, 615-1, Bongdeok 3-Dong, Nam-Gu, Daegu, Korea
+82 70 4641 1688
</pre>     
<!-- 두번째 내용 끝 -->     
   
</li>    
</ul>    
</div>


 


형광펜으로 그여져 있는 부분은 내용을 삭제하시고, 

직접 입력해주시는 부분입니다!

형광펜으로 그여져 있는 부분 외에 나머지 부분은 절대 건드리지 말아주세요!


<h1>ID5AGIT</h1>과  <h2>CONTACT</h2> 부분이 큰 타이틀 입니다! 

ID5AGIT 대신 상호명을 입력해주세요!


CONTACT를 사용하고 싶지 않으시다면,

<!-- 두번째 내용 시작 --> ~내용~ <!-- 두번째 내용 끝 --> 까지 삭제해주세요!





4.

최종 내용 변경후, 스마트 편집창 최상단의 저장버튼을 클릭해주세요!


 




-끝-

모바일화면에서 새로고침하여 확인해주세요!



디자인 주문 절차 확인하기