marjan68

ساخت باتن

4 ارسال در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

سلام روزتون بخیر 
من یه باتن شبیه باتن های صفحه داخلیه theme.ir لازم دارم 

این سایت با jquery زده شده . چجوری همچین باتنی واسه سایت وردپرسی بسازم؟

ممنون میشم کمکم کنید

در واقع شبیه دکمه ادامه مطلب 

لطفا برای مشاهده attachment وارد سایت شوید و یا ثبت نام کنید.

ویرایش شده در توسط marjan68

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


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

خواهشا یکی کمک کنه

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


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

درود.

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

من وارد بخش توابع و قسمت ادامه مطلبش نمیشم، فقط کد رو قرار میدم، امیدوارم مورد استفاده قرار بگیره:

 

اول از همه پیش نمایش و نتیجه کار رو توی لینک زیر ببینید. برای مشاهده روی کلید سبز رنگ RUN کلیک کنید:

  • لطفا برای مشاهده link وارد سایت شوید و یا ثبت نام کنید.

 


اما چطوری چنین چیزی بسازید :

 

1. کدهای HTML

کدهای مربوط به کلید و بخش DIV مربوط به ادامه مطلب رو در مکان مورد نظری از فایل های PHP قالب قرار بدید :

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

در قسمت "تابع مربوط به ادامه مطلب" همونطور که در اول پاسخ گفتم می تونید از تابع چکیده مطلب یا زمینه دلخواه استفاده کنید.

 

2 . کدهای جاوا اسکریپت

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

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

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

 

3. کدهای استایل

و در آخر برای بهتر شدن حالت کلید "ادامه مطلب" این کد رو در یکی از فایل های CSS قالب قرار بدید :

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

با انجام این سه مرحله، می تونید یک کلید ادامه مطلب با قابلیت نمایش بخش مخفی ایجاد کنید.

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


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

واااای ممنون واقعا :x:x

دیگه نمیدونستم باید چیکار کنم 

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


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

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

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

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

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


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

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

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


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

  • چه کسانی در حال بازدید هستند؟   0 کاربر

    هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.