관리-도구
편집 파일: front-page.php
<?php /* Template Name: Static Homepage */ get_header(); ?> <div class="staticHomePageWrapper"> <section class="unsortedDivisionWrapper"> <!-- mobile version --> <div class="unsortedDivisionMobileVer"> <div class="row"> <div class="textWrap"> <strong>Smile</strong> <p> Brighten up your day, <br/> wear beads. </p> </div> </div> <div class="row div2"></div> <div class="row"> <div class="textWrap"> <strong>Spice</strong> <p> Make your fashion more exciting <br/> with beads and accessories </p> </div> </div> <div class="row div4"></div> <div class="row div5"> <div class="textWrap"> <strong>Style</strong> <p> Enchanted beads, spiritual beads or <br/> beads for fun, Galaxy Beads have <br/> the beads for you </p> </div> </div> <div class="row div6 "></div> </div> <!-- non mobile version --> <div class="unsortedDivision notMobile"> <div class="row"> <div class="uDiv div1"> <div class="textWrap"> <strong>Smile</strong> <p> Brighten up your day, <br/> wear beads. </p> </div> </div> <div class="uDiv div2 slickBg"></div> <div class="uDiv div3"> <div class="textWrap"> <strong>Spice</strong> <p> Make your fashion more exciting <br/> with beads and accessories. </p> </div> </div> </div> <div class="row"> <div class="uDiv div4"> </div> <div class="uDiv div5"> <div class="textWrap"> <strong>Style</strong> <p> Enchanted beads, spiritual beads or <br/> beads for fun, Galaxy Beads have <br/> the beads for you. </p> </div> </div> <div class="uDiv div6"></div> </div> </div> </section> <div class="getBeads"> <strong>Get beads for as low as $1.00.</strong> <a href="<?php urlToShoppingSite(); ?>/index.php?main_page=products_all">BUY NOW</a> </div> <section class="newArrivalsWrapper"> <div class="newArrivals"> <ul class="fleft"> <?php for($i=1; $i <=3; $i++) {?> <li> <div class="image" style="background-image:url(<?php echo esc_url(get_template_directory_uri()); ?>/images/homepage-products/homepage-product<?php echo $i; ?>.jpg);"></div> <?php if($i == 1) {?> <span>10mm Lime Crackle Bead Strand</span> <div class="rating"> <div class="star good"></div> <div class="star good"></div> <div class="star good"></div> <div class="star good"></div> <div class="star good"></div> </div> <p class="price"> $8.00 </p> <a href="<?php urlToShoppingSite(); ?>/index.php?main_page=product_info&cPath=22_92&products_id=2137#.VUGLxdKqqko" class="linkToShopPage"> Details </a> <?php } ?> <?php if($i == 2) {?> <span>Green 11/0 645 SR</span> <div class="rating"> <div class="star good"></div> <div class="star good"></div> <div class="star good"></div> <div class="star good"></div> <div class="star "></div> </div> <p class="price"> $2.40 </p> <a href="<?php urlToShoppingSite() ?>/index.php?main_page=product_info&cPath=22_204&products_id=1769#.VUGI19Kqqko" class="linkToShopPage"> Details </a> <?php } ?> <?php if($i == 3) {?> <span>Brushed Silver Plated beads</span> <div class="rating"> <div class="star good"></div> <div class="star good"></div> <div class="star good"></div> <div class="star good"></div> <div class="star "></div> </div> <p class="price"> $4.20 </p> <a href="<?php urlToShoppingSite(); ?>/index.php?main_page=product_info&cPath=22_137&products_id=1400#.VUGMwNKqqko" class="linkToShopPage"> Details </a> <?php } ?> </li> <?php } ?> </ul> </div> <div class="spacer"></div> <div class="newArrivals"> <ul class="fright"> <?php for($j=4; $j <=6; $j++) {?> <li> <div class="image" style="background-image:url(<?php echo esc_url(get_template_directory_uri()); ?>/images/homepage-products/homepage-product<?php echo $j; ?>.jpg);"></div> <?php if($j == 4) {?> <span>12mm Hot Pink Howlite Skull - Single</span> <div class="rating"> <div class="star good"></div> <div class="star good"></div> <div class="star good"></div> <div class="star good"></div> <div class="star "></div> </div> <p class="price"> $0.65 </p> <a href="<?php urlToShoppingSite(); ?>/index.php?main_page=product_info&cPath=22_202&products_id=1882#.VUGMctKqqko" class="linkToShopPage"> Details </a> <?php } ?> <?php if($j == 5) {?> <span>Afghan/Indian Beads</span> <div class="rating"> <div class="star good"></div> <div class="star good"></div> <div class="star good"></div> <div class="star good"></div> <div class="star good"></div> </div> <p class="price"> $2.80 </p> <a href="<?php urlToShoppingSite(); ?>/index.php?main_page=product_info&cPath=22_136&products_id=1370#.VUGMPdKqqko" class="linkToShopPage"> Details </a> <?php } ?> <?php if($j == 6) {?> <span>10mm Aqua Rose</span> <div class="rating"> <div class="star good"></div> <div class="star good"></div> <div class="star good"></div> <div class="star good"></div> <div class="star "></div> </div> <p class="price"> $0.70 </p> <a href="<?php urlToShoppingSite(); ?>/index.php?main_page=product_info&cPath=22_27&products_id=394#.VUGLGtKqqko" class="linkToShopPage"> Details </a> <?php } ?> </li> <?php } ?> </ul> <div class="makeYourOwnRosary fleft"> <p> Make your own rosary. </p> <p> Shop for rosary beads <br/> and other materials. </p> <a href="<?php urlToShoppingSite(); ?>/index.php?main_page=products_all" class="shopBtn"> SHOP NOW </a> </div> </div> <img class="greenBeads notMobile" src="<?php echo esc_url(get_template_directory_uri()); ?>/images/green-beads.png"/> <img class="rosary notMobile" src="<?php echo esc_url(get_template_directory_uri()); ?>/images/rosary.png"/> </section> <section class="makeYourOwnWrapper"> <div class="fleft"></div> <div class="fright"> <strong>Make Your Own</strong> <p> Attend our Beading Classes. <br/> We custom design each class to suit you. </p> <a href="<?php urlToShoppingSite(); ?>/index.php?main_page=index&cPath=135" class="learnMore">LEARN MORE</a> </div> </section> <section class="thingsYouNeedToKnowWrapper"> <div class="thingsYouNeedToKnow"> <div class="col column1"> <div class="row row1"> <div class="rowContent"> <img class="sampleImage" src="<?php echo esc_url(get_template_directory_uri()); ?>/images/homepage/glasses-and-beads.png"/> <p> Beads Handling & Caring <br/> <a href="<?php urlToShoppingSite(); ?>/index.php?main_page=page&id=24">Read More...</a> </p> </div> </div> <div class="row row2"> <div class="rowContent"> <img class="sampleImage" src="<?php echo esc_url(get_template_directory_uri()); ?>/images/homepage/birth-stone.png"/> <p> Birthstones <br/> <a href="<?php urlToShoppingSite(); ?>/index.php?main_page=page&id=5">Read More...</a> </p> </div> </div> </div> <div class="col column2"> <div class="center"> <span> Things You Need to know </span> <img class="sampleImage" src="<?php echo esc_url(get_template_directory_uri()); ?>/images/homepage/cords.png"/> <p> Thread. Cord and Wire <br/> <a href="<?php urlToShoppingSite(); ?>/index.php?main_page=page&id=23">Read More...</a> </p> </div> </div> <div class="col column3"> <div class="row row1"> <div class="rowContent"> <img class="sampleImage" src="<?php echo esc_url(get_template_directory_uri()); ?>/images/homepage/pliers-and-string.png"/> <p> Making Your Own Accessories <br/> <a href="<?php urlToShoppingSite(); ?>/">Read More...</a> </p> </div> </div> <div class="row row2"> <div class="rowContent"> <img class="sampleImage" src="<?php echo esc_url(get_template_directory_uri()); ?>/images/homepage/gems.png"/> <p> Beads Size info <br/> <a href="<?php urlToShoppingSite(); ?>/index.php?main_page=page&id=10">Read More..</a> </p> </div> </div> </div> </div> </section> </div> <?php get_footer(); ?>