RedPlus

عضو سایت
  • تعداد ارسال ها

    929
  • تاریخ عضویت

  • آخرین بازدید

  • Days Won

    4

تمامی ارسال های RedPlus

  1. سلام به همه دوستان و عزيزان و دنبال كنندگان انجمن وردپرس پارسي !‌ ي چند تا نكته قبل شروع كار بگم ممنون ميشم رعايت كنيد ! دوستان لطف كنن و سوالات و نظرات خودشون توي اين تايپيك قرار ندن تا آموزش ها به صورت پشت سر هم قرار بگيره . براي سوالات يا نظرات شما هم ي تايپيك ديگه باز شده كه ميتونيد سوالات و نظرات خودتون اونجا بنويسيد . حمايت و استقبال شما از اين آموزش باعث دلگرمي ما ميشه تا اموزش ها رو هرچه سريع تر در اختيار دوستان قرار بديم. خوب بريم سر اصل كار !‌ هدف من يك آشنايي مقدماتي شما با بوت استرپ هست و نحوه كار كردن با بوت استرپ ور در آخر هم با هم ي قالب واكنشگرا ساده براي وردپرس درست ميكنيم ، در شروع يك توضيح كوتاهي درباره بوت استرپ ميدم تا كساني كه آشنايي ندارن هم با بوت استرپ آشنا بشن !‌ بوت استرپ يك framework متن باز هست كه به Twitter Bootstrap معروف هست براي طراحي و توليد صفحات وب هست كه شامل كد ها هاي آماده و استاندار مثل دكمه ها ، فرم ها ، منو ، فونت آيكون ،..... و ده ها كد و قطعه كد آماده كه طراحي رو براي ما ساده و آسان ميكنن !‌ بوت استرپ شامل فايل هاي HTML - CSS - Java Script ميباشد كه فرم اصلي اون به صورت زير هست !‌ bootstrap/ ├── css/ │ ├── bootstrap.css │ ├── bootstrap.min.css │ ├── bootstrap-theme.css │ └── bootstrap-theme.min.css ├── js/ │ ├── bootstrap.js │ └── bootstrap.min.js └── fonts/ ├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.svg ├── glyphicons-halflings-regular.ttf └── glyphicons-halflings-regular.woff اگه شما قبلا با بوت استرپ كار كرده باشين و آشنايي داشته باشين فهميدن كه در بوت استرپ نسخه 3 نسبت به نسخه 2 تغييراتي اعمال شده ،كه عمده تغييرات و هدف اصلي در نسخه 3 بيشتر به صفحه نمايشگر ها با اندازه كوچك هست مثل موبايل ها !‌ در كل بيشتر براي طراحي هاي واكنشگرا از بوت استرپ استفاده ميكنن !‌ شما ميتونيد ليست دستورات و تغييرات بوت استرپ نسخه 2 و 3 رو اينجا ببينيد . يكي ديگه از مزيت هاي بوت استرپ پشتيباني از مرورگر ها هست !‌در حال حاضر بوت استرپ از تمامي مرورگر ها پشتيباني ميكنه اين نكته رو بگم مرورگر IE از ورژن 7 به بعد پشتيباني ميشه كه براي ورژن 8 بايد يك فايل JS هم فراخواني كنيد تا پشتيباني بشه كه در آموزش ها به اون هم خواهيم پرداخت !‌ خوب حالا شايد بگيد بوت استرپ را از كجا دانلود كنيد و داشته باشيد ! بوت استرپ تا نسخه 2 روي Github به صورت يك پروژه متن قرار داشت و محبوب ترين پروژه Github بود كه از نسخه 3 به بعد اگه اشتباه نكنم به سايت getbootstrap.com انتقال يافت. در صفحه اول اين سايت فايل بوت استرپ براي دانلود قرار داده شده كه ميتونيد دانلود كنيد همچنين ي امكاني قرار داده شده براي شما كه فايل هاي مورد نياز خودتوت رو كه ميدونيد در طراحيتون به كار ميره رو دانلود كنيد و فايل هاي اضافي رو دور بريزيد كه براي اين كار ميتونيد به از منو بالا صفحه گزينه customize را انتخاب كنيد كه صفحه به شكل زير نمايش داده ميشه !‌ كه شما تيك هر كدام از اين گزينه ها رو بردارين اون گزينه از داخل بسته كم شده و به شما داده ميشه به عنوان مثال Glyphicons آيكون فونت هست كه اگه تيك برداشته بشه از داخل بسته حذف ميشه .... !‌ اين بوت استرپ براي زبان هاي LTR يا همان چپ به راست مناسب هست اما زبان فارسي RTL هست ! كه شما ميتونيد نسخه RTL بوت استرپ از اين دو جا دريافت كنيد كه ما هم از همين نسخه ها استفاده ميكنيم !‌ سايت http://rbootstrap.ir يا پروژه دوست خوبمون مهرال كه در همين انجمن هم فعاليت دارن روي github كه زحمت RTL رو كشيده !‌ فكر كنم واسه اين جلسه كافي باشه ! اين جلسه بيشتر توضيحي بود جلسه هاي بعدي كه به زودي منتشر خواهد شد بيشتر كار با كد هاي بوت استرپ و نحوه استفاده از بوت استرپ خواهد بود !‌ ممنون كه وقت گذاشتين .... ! راستي تايپيك سوالات و نظرات هم در اينجا و آخر هر آموزش قرار ميدم كه سوالات و مشكلات و نظرات خودتون داخل اون قرار بدين . تاپيك سوالات و نظرات آموزش بوت استرپ
  2. سلام من يك افزونه رو دارم ترجمه ميكنم افزونه پوشه زبان هم داره من همون رو ترجمه كردم و با fa_IR هم ذخيره سازي كردم !‌ اما نصب كه ميكنم هيچ تغييري نميبينم خيلي وقت ها شده برام اين مشكل پيش اومده كه اخر هم از طريق تغيير اين مقدار ها از خود فايل افزونه اونا رو ترجمه كردم ميخواستم بدونم مشكل چيه !‌
  3. نمیدونم یا من متوجه شما نشدم یا شما متوجه حرف من نشدین ! سایت اگه دو زبانه هست سایت باید به صورت پیش فرض انگلیسی طراحی بشه ! حالا این سایت انگلیسی باید برای زبان فارسی راست چین بشه که شما فایل rtl.css باید درست کنید و هرچی css مربوط به راست چین سازی میشه رو میزارین داخل این دیگه و فقط هم توی زبان فارسی این فایل rtl.css اجرا میشه ! توی style.css ما کاری نداریم چون تغییرات توی هر دو ربان اعمال میشه
  4. نمیشه اینطوری خب گفت ، ولی شما فایل کامن قالب پاک کنید تا از فایل کامنت پیش فرض وردپرس استفاده کنه ببینید مشکل هست هنوز یا نه ! اگه مشکل بود توی حلقه احتمالا مشلکی دارین ایدی پست عوض میکنید
  5. خب شما فایل rtl.css درست کنید توی قالب و css هایی که مربوط به راست چین و زبان فارسی هست رو داخل اون قرار بدین ، اینطوری فقط توی نسخه فارسی این فایل rtl.css اجرا میشه . موفق باشید
  6. سلام ، خب در صورتی که قالب برای category و tag تعریف نشده باشه از archive.php استفاده میشه . اگه صفحه آرشیو رو ساختین همون رو کپی و پیسن کنید اسمش tag بزارید ، چیزه خاصی نداره همون حلقه عادی باید استفاده بشه توی این صفحه ..... این صفحه هم که تگ های مهم میخواین نمایش بدین دیگه ربطی به تگ نداره یک برگه درست کنید و توش wp_tag_cloud استفاده کنید .....
  7. خوب ی سوالی هست این اسلایدر مگه چی داره که حتما باید همین باشه ؟ اینا همه اسلایدر خوب با ابزارک ..... ولی خوب ساخت ابزارک چیزی نیست که من اینجا توضیح بدم ولی لینک زیر کمک میکنه خودتونم جستجو کنید .... http://www.wpbeginner.com/wp-tutorials/how-to-create-a-custom-wordpress-widget/ https://premium.wpmudev.org/blog/create-custom-wordpress-widget/?mkpp=b&utm_expid=3606929-97.J2zL7V7mQbSNQDPrXwvBgQ.1&utm_referrer=https%3A%2F%2Fwww.google.com%2F https://codex.wordpress.org/Widgets_API سایت ایرانی رو هم خودتون جستجو کنید مطلب هست ...
  8. سلام من کامل چک نکردم ولی با این دستور فک کنم میشه فقط داخل نوشته ها عوض بشه .... .entry-content a { color : رنگ ; }
  9. خب کار منطقی که باید بکنید این که خودتون ی ابزارک درست کنید شاید با ساختن شورت کد هم بشه اما منطقی ترین راه اینه که این اسلایدر تبدیل کنید به یک ابزارک اگه هم دستی خودتون قابلیت اجرا php اضافه کردین ی دفعه هم با افزونه های این کار تست کنید .. https://wordpress.org/plugins/php-code-widget/screenshots/ زیاد هست ....
  10. خوب اره اون هم میشه ، پوشه ویجت های خود وردپرس تو این آدرس هست : wp-includes\widgets
  11. البته اینو هم بگم کسی هم که ابزارک رو نوشته منظورم به فرض ابزارک اخرین مطالب سایت این کد هاش جدا از این میشه باید برید کد ویجت رو تغییر بدین این بدنه اصلی سایدبار مشخص میکنه محتویات داخلش دیگه مربوط میشه به ویجت نوشته شده
  12. بهتر جدا پرسیده بشه ... ولی نه خود این توابع این قابلیت رو ندارن چون به نظرم نیاز هم نیست شما the_excerpt بزارید توی div حالا نسبت به div p توی css هرکاریمیخواین بکنید.... اما میتونید خودتون ی تابع دیگه بنویسید به این ضورت به p کلاس بدین و اینو استفاده کنید دیگه function wpc_custom_excerpt ( excerpt $ ) { $ excerpt = str_replace ( "<p" , "<p class = \" classname \ "" , $ excerpt ) ; return $ excerpt ; } add_filter ( 'the_excerpt' , 'wpc_custom_excerpt' ) ; بله امکانش هست توی قالب باید کد معرفی و ساخت ابزارک پیدا کنید و تغییرات لازم توش ایجاد کنید معمولا توی فایل functions.php هست ی همچین کدی هست : <?php if ( function_exists('register_sidebar') ) register_sidebar(array( 'name' => 'right-sidebar', 'description' => 'ناحیه قرار گیری ابزارک های شما', 'before_widget' => '<div id="left-sidebar"><div>', 'after_widget' => '</div></div>', 'before_title' => '<h3>', 'after_title' => '</h3>', )); ?>
  13. <div class="container" id="practice-areas"> <!-- این سطر اوله به سه ستون --> <div class="row mt-lg"> <?php query_posts('cat=15&posts_per_page=6'); ?> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); $count++; ?> <?php if ( $count <= 3 ): ?> <div class="col-md-4"> <div class="feature-box feature-box-style-2 mb-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="0"> <div class="feature-box-icon"> <img src="img/criminal-law.png" alt="" /> </div> <div class="feature-box-info ml-md"> <h4 class="mb-sm">ثبت برند</h4> <p class="text-justify">لورم ایپسوم یا طرح‌نما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود.</p> <a class="mt-md" href="demo-law-firm-practice-areas-detail.html">توضیحات بیشتر <i class="fa fa-long-arrow-left"></i></a> </div> </div> </div> <?php endwhile; ?> <?php endif; ?> </div> <!-- این سطر اوله به سه ستون --> <div class="row mt-md mb-xl"> <?php if ( $count > 3 ): ?> <div class="col-md-4"> <div class="feature-box feature-box-style-2 mb-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="300"> <div class="feature-box-icon"> <img src="img/divorce-law.png" alt="" /> </div> <div class="feature-box-info ml-md"> <h4 class="mb-sm">کارت بازرگانی</h4> <p class="text-justify">لورم ایپسوم یا طرح‌نما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود.</p> <a class="mt-md" href="demo-law-firm-practice-areas-detail.html">توضیحات بیشتر <i class="fa fa-long-arrow-left"></i></a> </div> </div> </div> <?php endwhile; ?> <?php endif; ?> </div> </div> <?php else : ?> <p><?php _e( 'متاسفانه مطلبی وجود ندارد' ); ?></p> <?php endif; ?> حدودا ی همچین چیزی میشه البته شاید این کار نده اشتباه باشه ی شرط دیگه اون وسط میخواد اینطوری که نوشتم که row جدید واسه ردیف دوم فقط یک دفعه ساخته بشه الان 3 دفعه ساخته میشه ی شرط دیگه بزارید اگه دفعه سوم بود فقط .... ی روش دیگه هم میشه دو تا while بزارید این شزط وسطی رو هم نمیخواد .... while اول 1 تا 3 رو چاپ کنه while دوم 4 تا 6 ....
  14. والا ما رو حرف های خودتون میگیم . کد php که میگید کپی و پیست کردین اگه مشکلی داشت پس تو صفحه اصلی هم مشکل داشت .... برا این که مطمئن بشید ابزارک تغییری ایجاد نمیکنه همینطوری برید این کد ها رو بزاردی توی sidebar.php ببینید عادی جواب میده یا نه انلاین هست سایت ؟
  15. سلام ! خب خطای جاوااسکریپت یا جیکوئری را بزارید این کد های php که دادین فایده نداره اگه مشکلتون تداخل توی جی کوئری هست ..... احتمالا چون همون کد صفحه اصلی رو کپی کردین تو صفحاتی که جفت اسلایدر ها باشن با هم تداخل دارن اگه میتونید 2 تا اسلایدر جدا بسازید ... یا اینا همه افزونه اسلایدر با ویجت اماده یکشو استفاده کنید
  16. خودتون ی تلاش بکنید ولی ..... <?php query_posts('cat=15&posts_per_page=6'); ?> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); $count++; ?> <?php if ( $count <= 3 ): ?> ////radife 1 <?php endif; ?> <?php if ( $count > 3 ): ?> //// radife 2 <?php endif; ?> <?php endwhile; else : ?> <p><?php _e( 'متاسفانه مطلبی وجود ندارد' ); ?></p> <?php endif; ?>
  17. سلام خب شما ی متغییر تعریف میکنید به فرض $count که تعداد تکرار حلقه رو بشماره بعد باید ی شرط بزارین روی این تعداد که اگه مساوی و کوچکتر از 3 بود وارد ردیف اول بشه و اگه بیشتر بود وارد ردیف دوم بشه ! اگه نیاز بود بگید با کد بگم ! ولی اول سعی کنید بعد بگید اگه نشد
  18. خب قاعدتا باید کار میداد یعدا خودم چک میکنم پس همون کار قبلی خودتون زمان اضافه کنید : $date = get_the_time(); $date = strtotime($date); $date = strtotime("+ 3 hour", $date); echo date('h:i', $date); این تست کنید ببنید 3 ساعت اضافه میشه یا نه !
  19. خب میشه این کارو کرد اول زمان رو بگیرید بعد بدین به پارسی دیت $a = get_the_time(); echo parsidate("g:i",$a)
  20. خب پست اول خوندم گفتین از پارسی دیت استفاده میکنید و the_time(g:i); گذاشتین گفتین گه به ساعت ایران تهران نمایش بده خب میشه parsidate('g:i') که ساعت به زمان ایران و تهران نمایش میده ! به هر دلیلی که من نفهمیدم اگه کد بالا زمان به ساعت ایران تبدیل نمیکنه (که میکنه) با get_the_time خودتون زمان رو بگیرید اختلاف ساعت بهش اضافه کنید که پارسی دیت هم همین کارو میکنه ! این هم بازم نگاه کنید به جز مستندات بالا http://www.khosroblog.com/استفاده-از-توابع-wp-parsidate-برای-توسعه-دهندگان/
  21. خب پارامتر زمان رو بهش بدین ؟ دادین ؟ https://codex.wordpress.org/Formatting_Date_and_Time G یا H بهش بدین ساعت بهتون میده دیگه
  22. سلام ! خب از توابع پارسی دیت استفاده کنید : parsidate('Y m d') یا اگه جلالی دارین از <?php echo jdate ('l, j F , Y') ; ?>
  23. سلام ! اول این که بکاپ داشته باشید .... نیاز به کاری نیست . مشخصات دیتابیش تو wp-config بزارین فقط ممکنه ادرس ها و لینک های سایت هنوز رو شاخه قبلی که نصب کردین نمایش داده بشه که برین تو تنظیمات و ادرس سایت ویرایش کنید .....
  24. نه مشکلی نداره استفاده کنید .....
  25. سلام از پلاگین jquery validate استفاده کنید ، پلاگین وردپرس نیست .... پلاگین جکوئری هست مخصوص همین کارا هست .....