5
나는 guyz의 도움이 필요하다. 내 사무실에서 wordpress 프로젝트를 얻었고 클라이언트는 한 페이지 HTML 템플릿을 선택하고 wordpress로 변환하도록 요청했다. HTD를 일반적인 테마를 worpdress로 변환하는 방법을 알고 있지만 테마는 페이지로 작동하는 여러 div가있는 페이지 중 하나입니다. 나는 그것을하는 방법을 내 마음을 잃었습니다.html 한 페이지 템플릿에서 WordPress로 변환
이것은 플랫폼 방법이 아니기 때문에 미안하지만 시작 지점이 필요합니다. >
-<!--Home Page
=============================-->
<div id="home" class="item">
<!--<img src="assets/img/2.jpg" alt="The Spice Lounge" class="fullBg">-->
<div class="clearfix">
<div class="header_details">
<div class="container">
<div class="header_icons accura-header-block accura-hidden-2xs">
<ul class="accura-social-icons accura-stacked accura-jump accura-full-height accura-bordered accura-small accura-colored-bg clearFix">
<li id="1"><a href="#" class="accura-social-icon-facebook circle"><i class="fa fa-facebook"></i></a></li>
<li id="2"><a href="#" class="accura-social-icon-twitter circle"><i class="fa fa-twitter"></i></a></li>
<li id="3"><a href="#" class="accura-social-icon-gplus circle"><i class="fa fa-google-plus"></i></a></li>
<li id="4"><a href="#" class="accura-social-icon-pinterest circle"><i class="fa fa-pinterest"></i></a></li>
<li id="5"><a href="#" class="accura-social-icon-linkedin circle"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<div class="call">
<div class="home_address">
#12 FIFTH MAIN STREET,<br> NY 10307, USA.<br>
</div>
<i class="fa fa-phone"></i> +1 123 456 7890
</div>
</div>
<!-- Mainheader Menu Section -->
<div class="mainheaderslide" id="slide">
<div id="mainheader" class="header">
<div class="menu-inner">
<div class="container">
<div class="row">
<div class="header-table col-md-12 header-menu">
<!-- Logo section -->
<div class="brand"><a href="#home" class="nav-link">The <span> Spice </span>Lounge</a></div>
<!-- // Logo section -->
<!-- Home Page Menu section -->
<nav class="main-nav">
<a href="#" class="nav-toggle"></a>
<ul id="home_nav" class="nav">
<li><span class="nav-link selected1">Main</span></li>
<li><a href="#about" class="nav-link">About</a></li>
<li><a href="#" class="nav-link">Menu<span class="sub-toggle"></span></a>
<ul class="submenu">
<li><a href="#" class="panel">Menu 1 <i class="pull-right fa fa-angle-right direction"></i> <span class="sub-toggle"></span></a>
<ul>
<li><a href="#menuwithoutimage2" class="nav-link">Menu without image2</a></li>
<li><a href="#menu1" class="nav-link">Menu without image</a></li>
<li><a href="#menu2" class="nav-link">Menu with image (Big)</a></li>
<li><a href="#menu3" class="nav-link">Menu with image (small)</a></li>
</ul>
</li>
<li><a href="#menu4" class="nav-link">Menu pdf</a></li>
<li><a href="#menu5" class="nav-link">Menu Toggle</a></li>
<li><a href="#special" class="nav-link">Today Specials</a></li>
<li><a href="#weeklymenu" class="nav-link">Weekly Menu</a></li>
<li><a href="#loungebar" class="nav-link">Lounge Bar</a></li>
</ul>
</li>
<li><a href="#" class="nav-link">Pages<span class="sub-toggle"></span></a>
<ul>
<li><a href="#chefbio" class="nav-link">Chef-Bio</a></li>
<li><a href="#giftcards" class="nav-link">Gift Cards</a></li>
<li><a href="#locations" class="nav-link">Our Locations</a></li>
<li><a href="#privatedining" class="nav-link">Private Dining</a></li>
<li><a href="#catering" class="nav-link">Catering</a></li>
</ul>
</li>
<li><a href="#gallery" class="nav-link">Gallery</a></li>
<li><a href="#event" class="nav-link">Events</a></li>
<li><a href="#reservation" class="nav-link">Reservation</a></li>
<li><a href="#" class="nav-link">Contact<span class="sub-toggle"></span></a>
<ul>
<li><a href="#contact" class="nav-link">Contact Us</a></li>
<li><a href="#contactform" class="nav-link">Contact Form</a></li>
</ul>
</li>
</ul>
</nav>
<!-- // Home Page Menu section -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- // Mainheader Menu Section -->
</div>
<!-- VEGAS -->
<div id="vegas_page">
<div class="banner_bg1">
<div class="ban_pattern_bg3">
<div class="clearfix">
<!--Vegas slider-->
<div class="clearfix" id="home_ban">
<div class="col-md-12">
<div id="anchor1"></div>
<div id="home-fullWidth" class="clear">
<div>
<ul class="slider-controls">
<li><a id="vegas-next" class="s-next" href="#"></a></li>
<li><a id="vegas-prev" class="s-prev" href="#"></a></li>
</ul>
</div>
</div>
<div class="main-title title-fullWidth">
<div class="title-container">
<div class="welcome hideme dontHide element_from_bottom">The <span>Spice</span> Lounge</div>
<ul>
<li class="sliding_title">Come hungry. Leave happy.</li>
<li>Delicious Food </li>
<li>Best Taste Great Price</li>
</ul>
</div>
</div>
<div id="logx"></div>
</div>
</div>
<!-- // Vegas slider -->
</div>
</div>
</div>
</div>
<!-- /VEGAS -->
</div>
</div>
<!--About us
=============================-->
<div id="about" class="item" style="background-color:#999999;">
<img src="assets/img/12.jpg" alt="The Spice Lounge" class="fullBg">
<div class="content">
<div class="content_overlay"></div>
<div class="content_inner">
<div class="row contentscroll">
<div class="container">
<div class="col-md-6 empty"> </div>
<div class="col-md-6 content_text">
<h1>About Us</h1>
<div class="clearfix pad_top13">
<div class="col-md-6">
<p class="row">
<span class="bold">Specializes in Non-veg , 65, Thanthuri, Sandwich, 65 smoked sandwich.</span><br/><br/> Our team of highly qualified professionals headed by an experienced Chef. Lnim ad minim veniam, quis nostrud.<br /><br />
Exercitation ullamco laboris nisi ut aliquip ex ea commodo. Duis aute dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla do tempore ercitationem ut labore. et dolore magna aliqua. </p>
</div>
<div class="col-md-6">
<div class="right_content ">
<div class="sub_title">
<h4>Opening hours:</h4>
</div>
<div class="hour_table">
<table>
<tr>
<td class="days">mon - Fri</td>
<td>9:00am - 4:00pm</td>
</tr>
<tr>
<td class="days">Sat</td>
<td>9:00am - 2:00pm</td>
</tr>
<tr>
<td class="days">Sun</td>
<td>8:30am - 1:00pm</td>
</tr>
</table>
</div>
<div class="sub_title">
<h4>book your table:</h4>
</div>
<p>
We welcome walk-in guests,online at<br/><br><a class="button nav-link" href="#reservation">Book table</a> </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- // About us
=============================을 다음과 같이
테마 마크 업입니다
테마를 디자인하는 방법을 설명하는 코드가 실제로 페이지를 나타내는 ID가있는 div입니다. 여기
템플릿 내가 많이 유래를 검색 한 후 같은 당신의 도움에 정말 감사 할 것입니다내 마지막 희망 :
감사하다 Raheel
이 작업을 수행하는 방법에 대한 정보를 더 게시 할 수 있습니까? 나는 같은 문제에 직면하고 시작하는 법을 알고 싶다. –
내가 한 것은 하나의 파일 index.php를 만들고 모든 페이지를 반복하는 get_pages 함수를 사용했다는 것이다. 내 index.php 페이지에서 div # home, div # 등등과 같은 div 요소가 있으므로 사이드 루프에서 각각의 div에 페이지의 내용을 넣을 수있었습니다. 나머지 jquery 슬라이딩 물건을 통해 이루어집니다. –
좋습니다. 어떻게하면 각 페이지의 일부를 (주로 텍스트) 워드 프레스 콘솔에서 바꿀 수 있습니까? –