خانه / وردپرس / آموزش وردپرس / بازی با کدها:آموزش ساخت صفحه ارتباط با ما،قسمت نخست

تاریخ انتشار: مرداد 21, 1394 تعداد بازدید: 266 بازدید تعداد دیدگاه ها: 0

بازی با کدها:آموزش ساخت صفحه ارتباط با ما،قسمت نخست

بازی با کدها:آموزش ساخت صفحه ارتباط با ما،قسمت نخستReviewed by فریش تم on Aug 12Rating: 5.0بازی با کدها:آموزش ساخت صفحه ارتباط با ما،قسمت نخستدر این آموزش ها قسمت هایی را که در قالب وردپرس وجود دارد و یا با استفاده از افزونه های وردپرس میتوان به وجود آورد با کد نویسی به وجود می آوریم

سلام و عرض ادب و احترام

با نخستین قسمت از سری آموزش های بازی باکد ها در خدمت شما هستم.در این آموزش ها قسمت هایی را که در پوسته وردپرس وجود دارد و یا با استفاده از افزونه های وردپرس میتوان به وجود آورد با کد نویسی به وجود می آوریم تا شما بتوانید با نحوه به وجود آمدن آن ها آشنا شده و همچنین بتوانید آن ها را سفارشی سازی نمائید.پس همیشه این آموزش ها را با پیشوند بازی با کد ها مطالعه نمائید

در این قسمت با شما هستم با ساخت صفحه ارتباط با ما اما بدون افزونه وردپرس و به صورت کد نویسی شده.پس برای شروع ابتدا باید یک فایل نت پد ایجاد کرده و کد زیر را در آن قرار دهید:

<?php
/*
Template Name: نام قالب شما
*/
?>

سپس در قسمت بالا نام قالب وردپرس خود را نوشته و باید در اینجا قالب بندی صفحه ارتباط با ما را تعیین کنید که برای این منظور کد زیر را در ادامه کد بالا قرار دهید:

<?php get_header() ?>

        <div id="container">
               <div id="content">
                       <?php the_post() ?>
                       <div id="post-<?php the_ID() ?>">
                               <div>
                               </div><!-- .entry-content ->
                       </div><!-- .post-->
               </div><!-- #content -->
        </div><!-- #container -->

<?php get_sidebar() ?>
<?php get_footer() ?>

حال پس از قرار دادن آن باید فرم را بسازیم.برای ساخت فرم باید شما قطعه کد زیر را در فایل ایجاد شده و داخل div مربوط به محتوا قرار دهید که البته کد زیر یک نمونه ساده است و شما میتوانید آن را برای خود سفارشی سازی نمائید:

<?php get_header(); ?>
        <div id="container">
               <div id="content">

                       <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
                       <div <?php post_class() ?> id="post-<?php the_ID(); ?>">
                               <h1><?php the_title(); ?></h1>
                                      <div>
                                              <?php if(isset($emailSent) && $emailSent == true) { ?>
                                                      <div>
                                                             <p>با تشکر، ایمیل شما با موفقیت ارسال شد</p>
                                                      </div>
                                              <?php } else { ?>
                                                      <?php the_content(); ?>
                                                      <?php if(isset($hasError) || isset($captchaError)) { ?>
                                                             <p>متاسفم، خطایی رخ داده است لطفا مجددا سعی نمایید<p>
                                                      <?php } ?>

                                              <form action="<?php the_permalink(); ?>" id="contactForm" method="post">
                                                      <ul>
                                                      <li>
                                                             <label for="contactName">نام شما:</label>
                                                             <input type="text" name="contactName" id="contactName" value="<?php if(isset($_POST['contactName'])) echo $_POST['contactName'];?>" />
                                                             <?php if($nameError != '') { ?>
                                                                     <span><?=$nameError;?></span>
                                                             <?php } ?>
                                                      </li>

                                                      <li>
                                                             <label for="email">ایمیل شما:</label>
                                                             <input type="text" name="email" id="email" value="<?php if(isset($_POST['email']))  echo $_POST['email'];?>" />
                                                             <?php if($emailError != '') { ?>
                                                                     <span><?=$emailError;?></span>
                                                             <?php } ?>
                                                      </li>

                                                      <li><label for="commentsText">پیغام:</label>
                                                             <textarea name="comments" id="commentsText" rows="20" cols="30"><?php if(isset($_POST['comments'])) { if(function_exists('stripslashes')) { echo stripslashes($_POST['comments']); } else { echo $_POST['comments']; } } ?></textarea>
                                                             <?php if($commentError != '') { ?>
                                                                     <span><?=$commentError;?></span>
                                                             <?php } ?>
                                                      </li>

                                                      <li>
                                                             <input type="submit" value="ارسال ایمیل"></input>
                                                      </li>
                                              </ul>
                                              <input type="hidden" name="submitted" id="submitted" value="ارسال ایمیل" />
                                      </form>
                               <?php } ?>
                               </div><!-- .entry-content -->
                       </div><!-- .post -->

                               <?php endwhile; endif; ?>
               </div><!-- #content -->
        </div><!-- #container -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

حال پس از طراحی فرم مرحله آخر باقیست که در ادامه قسمت دوم این آموزش وردپرس میتوانید آن را از لینک زیر مطالعه نمائید
آموزش ساخت صفحه ارتباط با ما،قسمت دوم

امیدوارم این آموزش وردپرس برای شما مفید باشد
از همراهی شما ممنونم

منبع: فریش تم

کانال تلگرام فریش تم
  • دیدگاه شما پس از تایید در سایت نمایش داده می شود.
  • از ارسال متن بصورت فینگلیش خودداری نموده و فارسی تایپ کنید.
  • دیدگاه و سوالات شما توسط کارشناسان ما بین 1 تا 12 ساعت پاسخ داده خواهد شد.
  • از ارسال دیگاه جهت پشتیبانی محصولات تجاری پرهیز و برای پشتیبانی از بخش پشتیبانی سایت اقدام فرمائید

هنوز دیدگاهی ثبت نشده است.