ساخت اسلایدر وردپرس بر اساس برچسب

ساخت اسلایدر وردپرس

ساخت اسلایدر وردپرس آخرین مطالب بر اساس برچسب خاص

برای پروژه ای، در صفحه اصلی، یک اسلایدر تعریف شده بود که مطالب دلخواه نویسنده رو داخل اسلایدر نمایش بده.  بعد از کمی جستجو و پرس و جو به دو انتخاب رسیدم، یکی پلاگین های غیر رایگان وردپرس مثل Slider Revolution که یک گزینه بسیار قوی و حرفه ای با امکانات زیاد و تقریبا بی دردسر با قیمت ۲۵ دلار(!) بود، و یکی هم ساخت یک اسلایدر با jQuery و کد کردن اون برای وردپرس بود. از اونجایی که پروژه شخصی بود و بوده زیادی در این فاز براش در نظر گرفته نشده بود، مورد دوم، یعنی ساخت اسلایدر با jQuery انتخاب شد. ( ساخت اسلایدر وردپرس )
در ادامه نحوه ساخت این اسلایدر رو شرح می دم.
برای شروع باید یک اسلایدر رو انتخاب می کردم، که من از بین گزینه های موجود FlexSlider رو انتخاب کردم و آموزش رو برای این اسلایدر آماده کردم. که البته می شه برای سایر اسلایدرها هم استفاده کرد.

گام اول:

اول FlexSlider رو از این آدرس دانلود کنید. بعد فایل رو از از زیپ خارج کنید.

گام دوم:

داخل پوشه پوسته (theme)، پوشه ای به نام inc وجود داره، اگر همچین پوشه ای وجود نداشت، پوشه ای با این نام بسازید. داخل پوشه inc پوشه ای به نام slider ایجاد کنید.

ساخت اسلایدر وردپرس
ساخت اسلایدر وردپرس

گام سوم:

از داخل پوشه دانلود شده Flexslider دو پوشه images و fonts و دو فایل jquery.flexslider-min.js و flexslider.css به داخل پوشه slider که بالاتر ساختید منتقل کنید و یک پوشه به نام js  بسازید و فایل jquery.flexslider-min.js رو به داخل اون منتقل کنید و یکی هم به نام  css بسازید و فایل flexslider.css رو هم به داخلش منتقل کنید.

ساخت اسلایدر وردپرس
ساخت اسلایدر وردپرس

گام چهارم:

داخل پوشه slider یک فایل به نام slider.php ایجاد کنید و کد‌های زیر رو داخل اون فایل قرار بدید و فایل رو ذخیره کنید.

داخل کد های بالا کد زیر رو پیدا کنید، و به جای عدد “۱۹۳” شماره id برچسب مورد نظرتون رو قرار بدید:

گام پنجم:

کد‌های زیر رو داخل فایل functions.php کپی کنید:

گام آخر:

کد زیر را در جایی که می خواهید اسلایدر نمایش داده شود وارد کنید:

 

ساخت اسلایدر وردپرس تمام شد!

چند تا توضیح:

۱- تعداد اسلاید‌ها و یا به عبارت بهتر تعداد پستهایی که می خواید داخل اسلایدر نمایش داده بشه رو با تغییر عدد “۵” در کد زیر تعیین کنید:

۲- کدهایی که برای این اسلایدر استفاده شده جهت نمایش عکس شاخص پست ها بر اساس برچسب مورد نطر هست شما می تونید کدها رو برای دسته ها تغییر بدید و استفاده کنید.
۳- برای اینکه ابعاد اسلایدر به هم ریخته نشه، بهتره عکس هایی رو که به عنوان عکس شاخص قرار می دید، ابعادشون یکسان و ثابت باشه. برای این کار می تونید قبل از آپلود عکس، خودتون این کار رو انجام بدید و یا از طریق خود وردپرس عکس ها رو کراپ کنید. (این مورد رو در یک پست مجزا توضیح می دم.)
۴- این اسلایدر، بر اساس اسلایدر پایه FlexSlider آماده شده، شما می تونید با مراجعه به این صفحه اسلایدر مورد نظرتون رو انتخاب کنید و کد‌های همون اسلایدر رو داخل فایل slider.php استفاده کنید.
۵- برای کاستومایز کردن اسلایدر (استفاده از ویژگی‌ها) می تونید به این صفحه مراجعه کنید و با توجه به نیازتون تغییرات لازم رو در اسلایدر بدید.

Save

Save

Save

Save

Continue Reading

نظرسنجی وردپرس

نظرسنجی وردپرس

نظرسنجی وردپرس – سیستم مدیریت محتوای وردپرس هر سال یک نظرسنجی برای این سیستم ترتیب می دهد، تا بازخوردهای کاربران از این سیستم را بررسی کند.

امسال نیز مانند سال های پیش این نظرسنجی از طرف وردپرس در « این آدرس » قرار گرفته است. در صورت تمایل، به سوالات این نظرسنجی پاسخ دهید.

سایت وردپرس:

وردپرس یک سکوی انتشار شخصی پیشرفته در عین حال ساده و زیبا می‌باشد، وردپرس یک نرم‌افزار آزاد٬ رایگان و بازمتن است. در وردپرس به سادگی، زیبایی، کارایی و پیروی از استانداردهای وب اهمیت بسیاری داده شده‌است. گسترده‌گی افزونه‌ها، پوسته‌ها، مستندات و پشتیبانی این سیستم مدیریت وبلاگ در آن حد است که آن را برای مدیریت هرگونه وبلاگ یا سایت با هرگونه امکانات سازگار نموده است.

وردپرس فارسی:

وردپرس یک سکوی انتشار مبتنی بر وب یا به بیان ساده‌تر یک نرم‌افزار تحت وب است که در واقع ادامه موفقیت‌آمیز پروژه b2 می باشد و توسط مت مولوگ بنیان گذاری شده است.
مت و همکارانش با تاسیس شرکت Automattic هم‌اکنون در حال گسترش این نرم افزار و پروژه های موازی آن مانند Akismet می باشند.
عمومی‌ترین استفاده از وردپرس برای راه‌اندازی یک وبلاگ می‌باشد زیرا وردپرس دارای هسته‌ای قدرتمند است و پیشروترین نرم‌افزار در این زمینه به‌شمار می‌رود.
وردپرس با زبان برنامه نویسی محبوب و قدرتمند PHP نوشته شده و از قدرت MySQL استفاده می کند. وردپرس یک نرم افزار بازمتن (Open Source) می باشد و بر مبنای اجازه نامه Gnu Public License (GPL) منتشر می شود بنابراین اجازه‌نامه تمامی موارد استفاده از وردپرس کاملا رایگان می باشد، همچنین شما می توانید وردپرس را با خیال راحت تغییر دهید و به عنوان سکویی برای پروژه های خود به کار گیرید.

آدرس نظرسنجی: WordPress 2016 Survey

Continue Reading

مطالب وبلاگ وردپرس در فروشگاه پرستاشاپ

وردپرس - پرستاشاپ

مدت زیادی دنبال این بودم که بتونم آخرین مطالب وبلاگی که با سیستم وردپرس راه اندازی شده به همراه تصویر شاخص (Featured Image) رو داخل صفحه اصلی فروشگاه راه اندازی شده با پرستاشاپ، نمایش بدم.
پرستاشاپ ماژولی داره به نام Blockrss که با نصب اون و اضافه کردن فید وبلاگ مورد نظر، عنوان (Title) آخرین مطالب رو در قسمتی که ماژول قرار داده شده (ساید بار و یا فوتر و یا هرجایی که برای قرارگیری ماژول داخل قالب تعریف شده) نمایش می ده.
اما اگر بخواهید عکس شاخص (Featured Image) رو هم نمایش بده باید تغییر کوچیکی داخل فایل blockrss.tpl بدید.
بعد از باز کردن فایل blockrss.tpl کد زیر رو پیدا کنید:

و کد زیر رو داخل تگ <li></li> اضافه کنید:

برای اینکه هم عنوان نوشته و هم عکس به صورت لینک در بیان و بشه به اون از طریق CSS استایل داد، کد رو به صورت زیر نوشتم:

از کدهای زیر هم برای استایل دهی استفاده کردم:

که این کد و نحوه استفاده از تگ‌ های HTML برای مثال و نمونه هست، شما می تونید از تگ‌های مورد نیاز خودتون استفاده کنید.

Continue Reading

سلام دنیا!

شروع - Hello World!

اینم یک وبلاگ دیگه!
گفتم بذار این یکی رو، اینجوری شروع کنم!
وبلاگ زیاد داشتم. اما وبلاگی که بخواد در زمینه طراحی و کد نویسی باشه، یه وبلاگ دیگه بود، اونم سال ها قبل، زمانی که با سیستم مدیریت محتوای مووبل تایپ کار می کردم. بعد از اون دیگه وبلاگی نداشتم.
این وبلاگ رو زدم که سری توی سرا پیدا کنم!
از شوخی که بگذریم، به طراحی وب علاقه دارم و جسته و گریخته دنبالش می کردم و کارای طراحی انجام می دادم، اما نه به صورت حرفه ای و به صورت کاملا آماتور و برای تفریح و لذت خودم این کار رو انجام می دادم. تا اینکه پاییز سال قبل (۱۳۹۴) به پیشنهاد یکی از دوستان، قرار شد تا فروشگاه آنلاینی رو راه اندازی کنیم. فروشگاه رو ثبت کردیم و بعد از جستجو و تحقیق اول ووکامرس رو نصب کردیم و یه قالب تهیه کردیم و شروع کردیم به وارد کردن محصولات. بعد از مدت کوتاهی بنا به دلایلی تصمیم گرفتیم که سیستم فروشگاه رو تغییر بدیم، گزینه هایی که داشتیم رو بررسی کردیم و به پرستاشاپ رسیدیم. همزمان، یک پیشنهاد کاری برای راه اندازی یک فروشگاه آنلاین دیگه هم اومد و من قبول کردم، و سیستم پرستاشاپ رو برای اون فروشگاه هم نصب کردم و شروع کردم به ورود محصولات به هر دو فروشگاه.
و این تازه شروع مشکلاتی بود که انتظارش رو نداشتم! هر دفعه یک مسئله ای پیش می اومد و با جستجو و تحقیق، بالاخره حل می شد. این وسط با کلی سایت و وبلاگ و انجمن انگلیسی برخورد کردم که تو این زمینه بسیار کمک کردند. و اینجا بود که ذهنم رسید مطالبی که باهاشون برخورد می کنم رو جایی ثبت کنم، که دیگران هم بتونند از اون استفاده کنند.
این مقدمه ای بود که بگم چی شد که تصمیم گرفتم این وبلاگ رو ثبت کنم و فعالیتم رو بعد از چندین سال در این زمینه و به شکل تازه ای شروع کنم.
قبل تر ها، خیلی قبل تر ها که سیستم مووبل تایپ برو و بیایی داشت و توی انجمن مووبل تایپ فارسی فعالیت می کردم (که دیگه الآن اثری ازش وجود نداره!)، همون موقعی که هر کی وارد انجمن می شد به صورت پیش فرض دنبال قالب «پی سی دانلود» بود، تازه اسم وردپرس به گوشم خورد، اما نمی دونم چرا، نسبت به این سیستم، گارد گرفتم، و بعد از یکبار نصب کردن، دیگه سمتش نرفتم و شروع کردم به طرفداری (شاید اون موقع طرفداری به جایی بود!) از مووبل تایپ. بعدها که دوباره تصمیم گرفتم بعد از مدت ها، به دنیای طراحی برگردم، دیگه مووبل تایپ به اون شکل اولیه وجود نداشت! و اینجا بود که به اجبار به سمت وردپرس رفتم که با اون وردپرسی که برای اولین بار دیده بودم خیلی متفاوت بود!
اینا رو گفتم که بگم، اینجا قرار نیست فقط از پرستاشاپ بنویسیم! وردپرس هم یکی از موضوعاتیه که اینجا می خوام در موردش بنویسم. بذارید اینجوری بگم، اینجا قراره درباره وردپرس، پرستاشاپ، پی اچ پی (php) و به طور کلی در مورد برنامه نویسی و طراحی وب و همچنین در مورد فروشگاه های آنلاین و موارد اینچنینی بنویسم! (خودم که نفهمیدم در مورد چی قراره بنویسم!)(مجنتو و ووکامرس رو فراموش کردم بگم!)
هر وقت مطلب جدید پیدا کردم و یا با مشکل جدیدی مواجه شدم و تونستم حلش کنم، اینجا ثبتش می کنم که اگر کسی به مشکل مشابهی خورد، بتونه با دیدن مطالب مشکلش رو رفع کنه.

Continue Reading