msprogrammer

وردپرس
درخواست منو با استفاده از walker

3 پست در این موضوع قرار دارد

سلام دوستان، من یه منو دیدم توی سایت که با asp.net نوشته شده. امکانش هست کسی کمک کنه که چطور باید این منو رو برای وردپرس پیاده سازی کنم؟

تا جایی که میدونم باید برای این منو از walker استفاده کرد اگر اشتباه نکنم.

منبعی برای آموزش walker برای وردپرس دارین؟

نمیدونم میتونم آدرس سایت رو لینک کنم یا نه بنابراین اسمش رو مینویسم: سایت didital

( didital . net )منو که در حالت ویندوز داره رو میخوام. ممنونم

0

به اشتراک گذاری این پست


لینک به پست

سلام. برای این کار باید از جاوا اسکریپت استفاده کنی توی سایت w3 نمونه کد داره من یه تیکه کد دارم براش قبلا از اونجا برداشتم الان که دسترسی قطعه متاسفانه!!!

کد HTML

<!-- The Modal -->
        <div id="myModal" class="modal">

            <!-- Modal content -->
            <div class="modal-content">
                <div class="modal-header">
                    <span class="close">&times;</span>
                    <h2>جستجوی هوشمند</h2>
                </div>
                <div class="modal-body">
                    <p>Some text in the Modal Body</p>
                    <p>Some other text...</p>
                </div>

            </div>

        </div>

کد CSS

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 80%;
  -webkit-box-shadow: 0px 0px 4px 0px #000000;
  box-shadow: 0px 0px 4px 0px #000000;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0
  }

  to {
    top: 0;
    opacity: 1
  }
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0
  }

  to {
    top: 0;
    opacity: 1
  }
}

/* The Close Button */
.close {
  color: white;
  margin-top: 21px;
  margin-left: 15px;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #e12f59;
  color: white;
}

.modal-body {
  padding: 2px 16px;
}

 

کد Javascript

<script>
        // Get the modal
        var modal = document.getElementById("myModal");

        // Get the button that opens the modal
        var btn = document.getElementById("myBtn");

        // Get the <span> element that closes the modal
        var span = document.getElementsByClassName("close")[0];

        // When the user clicks the button, open the modal 
        btn.onclick = function () {
            modal.style.display = "block";
        }

        // When the user clicks on <span> (x), close the modal
        span.onclick = function () {
            modal.style.display = "none";
        }

        // When the user clicks anywhere outside of the modal, close it
        window.onclick = function (event) {
            if (event.target == modal) {
                modal.style.display = "none";
            }
        }
    </script>

میتونی با یکمی اصلاح و ویرایش فایل های CSS طرح دلخواه رو پیاده سازی کنی !

1

به اشتراک گذاری این پست


لینک به پست
در 1 دقیقه قبل، mr.nosrati گفته است :

سلام. برای این کار باید از جاوا اسکریپت استفاده کنی توی سایت w3 نمونه کد داره من یه تیکه کد دارم براش قبلا از اونجا برداشتم الان که دسترسی قطعه متاسفانه!!!

کد HTML


<!-- The Modal -->
        <div id="myModal" class="modal">

            <!-- Modal content -->
            <div class="modal-content">
                <div class="modal-header">
                    <span class="close">&times;</span>
                    <h2>جستجوی هوشمند</h2>
                </div>
                <div class="modal-body">
                    <p>Some text in the Modal Body</p>
                    <p>Some other text...</p>
                </div>

            </div>

        </div>

کد CSS


/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 80%;
  -webkit-box-shadow: 0px 0px 4px 0px #000000;
  box-shadow: 0px 0px 4px 0px #000000;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0
  }

  to {
    top: 0;
    opacity: 1
  }
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0
  }

  to {
    top: 0;
    opacity: 1
  }
}

/* The Close Button */
.close {
  color: white;
  margin-top: 21px;
  margin-left: 15px;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #e12f59;
  color: white;
}

.modal-body {
  padding: 2px 16px;
}

 

کد Javascript


<script>
        // Get the modal
        var modal = document.getElementById("myModal");

        // Get the button that opens the modal
        var btn = document.getElementById("myBtn");

        // Get the <span> element that closes the modal
        var span = document.getElementsByClassName("close")[0];

        // When the user clicks the button, open the modal 
        btn.onclick = function () {
            modal.style.display = "block";
        }

        // When the user clicks on <span> (x), close the modal
        span.onclick = function () {
            modal.style.display = "none";
        }

        // When the user clicks anywhere outside of the modal, close it
        window.onclick = function (event) {
            if (event.target == modal) {
                modal.style.display = "none";
            }
        }
    </script>

میتونی با یکمی اصلاح و ویرایش فایل های CSS طرح دلخواه رو پیاده سازی کنی !

بعد از این ها باید جی کوئری رو هم به صفحه لینک کنی! 

واست پیوست کردم فایلش رو

jquery.min.js

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط chetorir
      با سلام و وقت بخیر خدمت اساتید بزرگ. چند وقتی بود به دنبال غیر فعال کردن قرار گرفتن کدهای HTML در داخل سایتم بودم ولی از اونجایی که تمام وب سایتهای ایرانی همشون از روی هم کپی میکنن و اصلا نمیخونن چی به چیه نمیتونستم این مشکل رو برطرف کنم. 
      یه سری کد قرار میدادن که باید داخل فایل function.php قرار میدادم ولی همش با ارور که این دستور درست نیست مواجع میشدم و وقتی سیو میکردم سایت کاملا از دسترس خارج میشد. چندتا منبع خارجی رو بررسی کردم و متوجه شدم که باید یه سری تغییرات در داخل کد ها قرار بدیم. منم تقریبا چند روزی بود درگیرش بود تا تونستم مشکل رو برطرف کنم خواستم این کد رو قرار بدم تا شما عزیزان هم ازش استفاده کنید و شاید مشکل شما هم باشه.
      // remove HTML for commnet function wpb_comment_post( $incoming_comment ) { $incoming_comment['comment_content'] = htmlspecialchars($incoming_comment['comment_content']); $incoming_comment['comment_content'] = str_replace( "'", '&apos;', $incoming_comment['comment_content'] ); return( $incoming_comment ); } function wpb_comment_display( $comment_to_display ) { $comment_to_display = str_replace( '&apos;', "'", $comment_to_display ); return $comment_to_display; } add_filter( 'preprocess_comment', 'wpb_comment_post', '', 1); add_filter( 'comment_text', 'wpb_comment_display', '', 1); add_filter( 'comment_text_rss', 'wpb_comment_display', '', 1); add_filter( 'comment_excerpt', 'wpb_comment_display', '', 1); remove_filter( 'comment_text', 'make_clickable', 9 );  
      کد های بالا دقیقا از سایت هایی ایرانی برداشته شده بجز بخش str_replace که باید یه سری تغییر بدیم تا درست کار کنه. تصویر زیر هم نمونه کاریه که روی سایت خودم انجام دادم.
      اول از هم حالتی که قبل از قرار دادن کد ها بالا هست رو بهتون نشون میدم :

      خب حالا باید به بخش پوسته های سایتتون برید و قبل از هرکاری یک فایل پشتیبان از function.php بگیرید. فایل function.php را باز کنید و کدهایی که در بالا قرار گرفته شدن رو در انتهای این فاقل قرار بدید. حالا نمونه کار رو مشاهده کنید که با توجه به قرار گرفتن یک لینک در کامنت ، لینک اصلا کار نکرده و به شکل زیر دراومده.

       برای تست این موضوع هم میتونی سایت بنده رو بررسی کنید و اگه سوالی بود در خدمتتون هستم.
      موفق باشید
       
       
    • توسط mah_h_tab
      سلام. 
      من در سایتم وقتی که با گوشی وارد میشم، اندازه ی مطالب سایت، طرف چپ فضای خالی هست. و همه ی صفحات هم این مشکل رو دارن حتی صفحات پیش فرض ووکامرس. چطوری باید این مشکل رو حل کنم؟
      آدرس سایت هم هست:
      chocoraz.ir
    • توسط nabardi
      سلام راهی وجود داره که ثب سفارش به صورت گروهی انجام بشه مثلا بتونی برای یک محصول برای 10 کاربر هم زمان ثبت سفارش انجام بدی ؟
    • توسط kamalwp
      سلام خدمت دوستان و اساتید محترم
       
      یه مشکل خیلی عجیبی برای من پیش اومده اونم اینکه تصاویر کراپ یا بریده شده سایتم که ابعاد خیلی کوچکتری دارن از تصاویر اصلی حجمشون دوبرابر بیشتر میشه به همین دلیلم حجم صفحه اصلیم خیلی زیاد میشه
      یعنی مثلا تصویر اصلیم که ابعاد 700 در 400 داره حجمش تقریبا 40 کیلوبایت هست توی تصویر کوچکتر با ابعاد 400 در 200 میشه 80 کیلو بایت
       
      ممنون میشم اگر این مورد براتون پیش اومده راهنمایی کنید تا بتونم رفعش کنم
    • توسط omid1374
      سلام دوستان یک سوال دارم . ممنون میشم اگر کسی اطلاعاتی داره به من کمک کنه
      میخوام داخل یک افزونه اماده یک  کد بذارم که سبب بشه داخل فانکشن قالب من یک کد درج بشه . داخل نت سرچ زدم تا به هوک ها رسیدم اما هوکی که این کارو برام انجام بده پیدا نکردم .
      ممنون میشم اگر کسی این طور هوکی رو میشناسه بهم بگه . هوکی روی فانکش قالب اثر میذاره