دیجی اسکریپت

قالب وردپرس خبری ویکلی نیوز Weekly News
[ad_1]

Weekly News نام یک قالب خبری وردپرس می باشد که توسط آن می توانید یک وب سایت حرفه ای در زمینه مجله خبری آنلاین راه اندازی کنید. از امکانات این پوسته Weekly News میتوان به پنل تنظیمات بسیار قدرتمند ، صفحه ساز درگ & دراپ ویژوال کامپوسر به همراه بلوک های اختصاصی برای مطالب، ۱۲۰ فونت زیبا، سیستم تبلیغات حرفه ای، مکان های متعدد برای گذاشتن تبلیغ، امکانات شخصی سازی بسیار قوی، سئوی عالی، واکنشگرا و … اشاره کرد. از قالب خبری وردپرس Weekly News میتوانید برای سایت های خبری و مجله ای و فناوری اطلاعات استفاده کنید و یک سایت بسیار زیبا و شیک و پر از امکانات داشته باشید.

انواع استایل برای هدر + جایگاه های تبلیغات:

قالب وردپرس Weekly News دارای چندین حالت آماده برای هدر میباشد که میتوانید به دلخواه از آنها استفاده کنید و یا آنها را شخصی سازی نمایید. همچنین یکی از موارد لازم برای یک قالب خبری ، وجود جایگاه تبلیغات برای کسب درآمد از آن است.  قالب وردپرس خبری ویکلی نیوز دارای سیستم تبلیغات حرفه ای و جایگاه های متعدد برای نمایش تبلیغ است که میتوانید به بهترین شکل از آن استفاده کنید.در ادامه به برخی دیگر از امکانات این پوسته به صورت کلی نیز اشاره می کنیم

لیست امکانات قالب وردپرس خبری ویکلی نیوز:

• کدنویسی استاندارد HTML5 & CSS3
• سئوی بسیار عالی
• صفحه ساز کشیدنی و رها کردنی ویژوال کامپوسر
• بلوک های متعدد خبری کاملا پیشرفته
• ابزارک های متعدد اختصاصی و کاملا کاربردی
• سیستم پیشرفته تبلیغات
• ابزارک های کاربردی و اختصاصی
• اسلایدر های متنوع و جذاب
• طراحی قالب وردپرس خبری کاملا واکنشگرا
• رنگ بندی آیتم های منو
• شخصی سازی کامل دسته ها به صورت اختصاصی
• ۸ طرح مختلف برای نمایش دسته ها
• ۴ طرح مختلف برای موقعیت سایدبار
• رنگ بندی دسته ها
• ۷ طرح مختلف برای هدر اصلی سایت
• ۲ نوع صفحه بندی (شماره ای و قبلی/بعدی)
• ۵ طرح مختلف برای پست ها و برگه ها
• تبلیغات اختصاصی برای نوشته ها و برگه ها
• چیدمان اختصاصی مطالب
• ۶ طرح اختصاصی برای اسلایدر بالای صفحه
• فیلتر کردن اسلایدر برای دسته های خاص
• گذاشتن بک گراند برای اسلایدر
• مگامنو برای دسته ها
• امکان ساخت بی نهایت سایدبار و استفاده در صفحات مختلف
• سازگاری با bbpress
• سازگاری با فروشگاه ساز ووکامرس
• و..

نوشته قالب وردپرس خبری ویکلی نیوز Weekly News اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

کد Css Reset و Html5 سازگاری قالب و نمایش یکسان سایت در مرورگرها
[ad_1]

یکی از نکات مهم در طراحی سایت یا طراحی قالب وردپرس رعایت اصل سازگاری و نمایش صحیح وب سایت در مرورگرهای اینترنتی متفاوت می باشد. از پرکاربرد و محبوب ترین مرورگر های وب می توان به کروم، فایرفاکس و سافاری اشاره کرد که تقریبا کمترین ناسازگاری را چه در نسخه های قدیم و چه در ورژنهای به روز در میان سایر Browser بروزرها دارا می باشند و از بدترین مرورگرها می توان به اینترنت اکسپلورر ie در نسخه های ۷ و ۸ اشاره کرد که به کابوسی برای طراحان تبدیل شده بود به همین دلیل تقریبا دیگر هیچ طراحی وقتش را برای سازگاری کامل سایت با ie نسخه ۷ و ۸ صرف نمی کند. در این مطلب از روناک وب نحوه نمایش پیش فرض یکسان وب سایت در مرورگرهای متفاوت با استفاده از کد Css Reset و Html5 سازگاری قالب و نمایش یکسان سایت در مرورگرها را مرور می کنیم پس همراه ما باشید.

کد Css Reset نمایش صحیح سایت در بروزرهای مختلف و بخصوص ie

احتمالا می دانید که هر مرورگری کدهای html بدون شیوه نامه سی اس اس را به شکلی نمایش می دهد برای درک بهتر این موضوع بهتر است قالب html ای بدون داشتن کد سی اس اس css ریست طراحی کنید سپس قالب را در مرورگرهای مختلف مشاهده کنید، خواهید دید که در چینش و نمایش بخش های مختلف پوسته تفاوت هایی وجود دارد، این تفاوتها ممکن است در برخی مرورگرها مانند اینترنت اکسپلورر ie تا حدی زیاد باشد که کل قالب بهم ریخته نمایش داده شود. به همین دلیل برای یکسان کردن حالت پیش فرض در تمام مرورگرها از کد css reset استفاده می کنیم.

کد CSS Reset چیست و چگونه کار می کند؟

کد CSS Reset مجموعه ای از استایل سی اس اس ( CSS Style ) است که تمامی Style پیش فرض عناصر و تگ های HTML ( که در مرور گرهای گوناگون ، متفاوت است ) را در حالت پیش فرض قرار میدهد . با استفاده از این روش تمامی مرورگرها به طور پیش فرض دارای نمایش یکسانی خواهند شد و طراح وب سایت می تواند با استفاده از این روش استایل یا شیوه نامه ها (CSS Style ) را با توجه به نیازهای خود تعیین کند. بعد از قرار دادن کدهای ریست در فایل style اصلی قالب وردپرس یا پوسته سایت تان به برای نمایش صحیح متن ها بایستی از دستور line-height با مقدار مناسب در استایل تگ body استفاده کنید تا فاصله بین خطوط کل قالب تنظیم شوند. نمونه از کدهای css ریست در زیر آمده که برای استفاده از آن کدها را در ابتدای فایل شیوه نامه پوسته سایت کپی کنید.

/* css reset */
html,body,div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, menu, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, menu, section {
    display: block;
}
body {
    line-height: 1px;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

نوشته کد Css Reset و Html5 سازگاری قالب و نمایش یکسان سایت در مرورگرها اولین بار در پدیدار شد.

[ad_2]

لینک منبع مطلب

DNS چیست و چگونه کار می‌کند؟
[ad_1]

همانطور که اطلاع دارید، اینترنت با استفاده از IP Address ها کار می‌کنه. پس برای دسترسی به یک سایت، باید به آی پی سرور اون سایت مراجعه کنیم. دی ان اس یا DNS دقیقا همین کار رو برای ما انجام خواهد داد. اگر می‌خواهید بدانید DNS چیست باید عرض کنم که DNS یا Domain Name System (که البته بیشتر دوستان فکر می‌کنند Domain Name Server هست. 🙂 ) مثل یک دفترچه تلفن برای دسترسی به اینترنت هست. معمولا شما نمی‌توانید برای باز کردن سایت بیست اسکریپت از آی پی ۱۸۵٫۴۹٫۸۴٫۲۳۷ استفاده کنید. چون حفظ کردن این آی پی برای شما کار آسانی نیست. اما به راحتی با حفظ کردن ادرس ۲۰script.ir می‌توانید به این آدرس دسترسی مستقیمی داشته باشید.

هر دستگاهی که به اینترنت یا یک شبکه کامپیوتری وصل باشه یک آی پی مختص به خود خواهد داشت. همین حالا ممکن است یک موبایل کنار شما باشه که به وای فای محل کار یا منزل شما متصل هست. این تلفن هم یک آی پی لوکال مختص به خود داره. مثلا: ۱۹۲٫۱۶۸٫۱٫۲۰ یا اگر خیلی حرفه‌ای و با کلاس هستید یعنی ipv6 استفاده می‌کنید، آی پی تلفن شما می‌تونه ۲۴۰۰:cb00:2048:1::c629:d7a2 باشه.

DNS چیست؟

همانطور که گفتیم DNS مثل یک دفترچه تلفن کار می‌کند. مثلا شما تلفن دوستی که ۴ سال پیش با او دیداری داشته‌اید را ممکن است به یاد نداشته باشید، اما با وارد کردن نام او در Contacts تلفن همراه خود به راحتی او را پیدا کرده و با او ارتباط برقرار خواهید کرد.

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

پس DNS یک HostName مثلا ns1.20script.com را به ای‌پی مورد نظر شما، مثلا ۱۸۵٫۴۹٫۸۴٫۲۳۷ متصل خواهد کرد. در واقع زمانی که شما دامنه ۲۰script.com را در مرورگر خود وارد می‌کنید، مرورگر در پس زمینه داستان آی پی سرور سایت شما را پیدا کرده و به این سرور متصل خواهد شد.

DNS چگونه کار می‌کند؟

خب تا اینجا متوجه شدیم که DNS چیست اما جستجو و پیدا کردن اطلاعات یک وب‌سایت در چند مرحله انجام می‌شود. این مراحل به این ترتیب اجرا می‌شوند. کاربر ادرس سایت شما را در مرورگر خود وارد می‌کند و این درخواست شروع به حرکت در دنیای اینترنت خواهد کرد. DNS recursive resolver این درخواست را دریافت می‌کند.

حالا Resolver یک DNS root nameserver را بصورت کوئری ایجاد خواهد کرد تا کار بصورت صحیح ادامه یابد. سپس DNS root nameserver به Resolver با استفاده از اطلاعات TLD پاسخ می‌دهد. TLD یا Top Level Domain همان مرجع اصلی صادر کننده دامنه شماست.

مثلا برای دامنه ۲۰script.ir باید از TLD دات آی آر اطلاعات جمع آوری شود. حالا Resolver با TLD دامنه ارتباط برقرار کرده و درخواست اطلاعات می‌کند.

TLD نیم سرور های این دامنه را تحویل می‌دهد. و سپس recursive resolver درخواست خود را به نیم سرور ارائه شده ارسال خواهد کرد.

در نهایت نیم سرور به آی پی آدرس سرور شما متصل خواهد شد و اطلاعات توسط مرورگر از سرور سایت شما دریافت می‌شود. معمولا این فرایند در عرض چند صدم ثانیه انجام می‌شود.

کش DNS مرورگر

حالا که متوجه شدید DNS چیست و چطور کار می‌کند، باید بدانید که برای لود سریع‌تر سایت‌ها، معمولا DNS ها در مرورگر کاربر کش می‌شوند تا دیگر نیازی به طی کردن فرایند بالا نباشد. می‌توانید برای حذف این مورد آموزش خالی کردن کش DNS مرورگر را ببینید.

نوشته DNS چیست و چگونه کار می‌کند؟ اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

آموزش ساخت ارائه در وردپرس بدون نیاز به PowerPoint
[ad_1]

یکی از راهکارهایی که شما می‌تونید با کمک اون روی کاربرهای خودتون تأثیر بذارید، ارائه توی سایت هست. روش‌ها و ابزارهای مختلفی وجود داره که به شما برای ساختن یک ارائه کمک کنه، اما شما به‌عنوان یک مدیر سایت حرفه‌ای باید روشی رو انتخاب کنید که بتونید با استفاده از اون، یک ارائه زیبا و کاربردی رو نمایش بدید. خب پس باید چه‌کار کنید و از چه ابزاری برای ساخت ارائه استفاده کنید؟ قراره این مورد رو توی این مقاله بررسی کنیم. 🙂 پس بریم برای ساخت ارائه در وردپرس بدون نیاز به نرم‌افزار پاورپورنت.

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

امروز تصمیم داریم توی این مقاله به شما آموزش بدیم چطوری بدون اینکه بخواهید از یک نرم‌افزار شخص سوم مثل پاورپوینت استفاده کنید، توی سایت خودتون به‌راحتی اسلایدر بسازید و یک ارائه زیبا رو به نمایش در بیارید. پس استفاده از پاورپوینت رو فراموش کنید و با ما همراه باشید.:)

آنچه در این مطلب می‌خوانید:

چرا باید توی سایت ارائه قرار بدیم؟

خب بریم سر اصل موضوع و ببینیم اصلاً ارائه چه اهمیتی داره و ما چرا باید توی سایت خودمون ارائه داشته باشیم. دقت داشته باشید که هرچه سایت شما ظاهر زیباتری داشته باشه، امکان ماندن کاربر توی سایت هم بیشتر می‌شه.

بزارید خیلی ساده بهتون بگم، اگه بتونید کاری کنید که سایتتون زیباتر به نظر بیاد، بدون شد توی ماندگار کردن کاربران خودتون موفق‌تر خواهید بود. شما می‌تونید خیلی راحت با استفاده از یک ارائه، جذابیت بصری سایت خودتون رو چند برابر کنید.

از طرف دیگه ارائه توی بهینه‌سازی سایتتون برای گوگل هم تأثیر داره، این‌طور بهش فکر کنید که هر چه سایت شما زیباتر باشه، رضایت کاربر هم بیشتر می‌شه و کاربر مدت‌زمان طولانی‌تری توی سایت شما ماندگار می‌شه و در نتیجه سایت شما برای گوگل هم توی اولویت قرار می‌گیره.

روش‌های ساخت ارائه در وردپرس

شما برای اینکه بتونید اسلایدهای ارائه رو توی سایت خودتون قرار بدید می‌تونید از روش‌های مختلفی استفاده کنید، بهترین و ساده‌ترین روشی که می‌تونید از اون استفاده کنید این هست که از یک پلاگین کمک بگیرید. افزونه Embed Any Document یکی از بهترین انتخاب‌هایی هست که می‌تونید داشته باشید. این افزونه رایگان هست و شما می‌تونید خیلی راحت اون رو روی سایت خودتون نصب کنید.

روش بعدی این هست که از سرویس‌های آنلاین شخص سوم مثل SlideShare، استفاده کنید. همچنین شما می‌تونید برای ایجاد اسلایدهای ارائه از کد اسلایدها در Google Slides استفاده کنید، با کپی و پیست کردن این کدها می‌تونید خیلی راحت ارائه موردنظر خودتون رو ایجاد کنید.

یک مشکلی که این ۳ مورد برای شما ایجاد می‌کنند این هست که شما باید ارائه خودتون رو توی یک نرم‌افزار دیگه بسازید و بعد، اون رو توی سایت خودتون جایگذاری کنید، که این کار می‌تونه برای شما مشکل‌ساز باشه.

چرا نباید از نرم‌افزارهایی مثل پاورپوینت برای ارائه استفاده کنیم؟

خب همان‌طور که گفتیم اگه شما بخواهید با استفاده از روش‌های بالا توی سایت خودتون ارائه قرار بدید باید از یک نرم‌افزار استفاده کنید، که این نرم‌افزار می‌تونه پاورپوینت، Keynote یا Google Slides باشه؛ به‌هرحال فرقی نداره شما از کدوم یکی از این‌ها استفاده می‌کنید مهم اینه که شما باید ارائه خودتون رو از این نرم‌افزارها خروجی بگیرید و بعد امکان این رو دارید که اون رو توی صفحه یا اسلاید دلخواه خودتون آپلود کنید.

این موضوع از جهات مختلفی ممکنه برای شما مشکل ایجاد کنه و ما یک سری دلایل برای شما توی این بخش می‌گیم که امیدوارم شما رو متقاعد کنه که از این نرم‌افزارها استفاده نکنید؛ چون‌که این کار یک روش خیلی راحت و کاربردی داره که در ادامه مقاله به شما آموزش می‌دیم.

دقت داشته باشید که جلوه کار شما ممکنه اون چیزی نباشه که انتظارش رو داشتید و دلیلش هم این هست که در برخی مواقع سایت شما با این خروجی‌ها سازگار نیست و ارائه ممکنه ظاهر سایت شما رو زشت و غیرحرفه‌ای کنه. از طرف دیگه، ساخت یک ارائه و سپس جاسازی اون توی سایت اصلاً سئو پسند نیست و اگه شما به دنبال این هستید که با استفاده از ارائه، ظاهر سایت خودتون رو زیبا کنید که در نتیجه بتونید رتبه سئو خودتون رو بهبود ببخشید باید بگم که با استفاده از این روش دارید وقت خودتون رو تلف می‌کنید.

در عوض، با استفاده از این روش شما می‌تونید سایت خودتون رو بهینه کنید و ظاهر سایت خودتون رو زیباتر کنید و به‌صورت مستقیم به سایت خودتون ترافیک وارد کنید. پس با ما همراه باشید تا این روش رو با هم مرور کنیم.

آموزش ساخت ارائه در وردپرس

شما برای استفاده از این روش نیاز به پلاگین Slides & Presentations دارید؛ این پلاگین کاملاً رایگان هست و شما خیلی راحت می‌تونید اون رو از مخزن وردپرس خودتون دانلود کنید و در کمتر از چند دقیقه روی سایت خودتون فعال و از قابلیت‌هاش استفاده کنید، برای نصب این پلاگین هم می‌تونید آموزش نصب افزونه در وردپرس رو مشاهده کنید.

تنظیمات افزونه Slides & Presentations

وقتی‌که شما این افزونه رو دانلود و به‌درستی روی سایت خودتون فعال کردید، یک گزینه به اسم “Presentation” به پیشخوان وردپرس شما اضافه می‌شه، روی این گزینه اسکرول کنید و گزینه “Add New” رو انتخاب کنید تا بتونید یک ارائه ایجاد کنید.

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

افزونه به شما این امکان رو می‌ده که اسلایدهای دلخواه خودتون رو با استفاده از بلوک‌های اسلاید، خیلی ساده ایجاد کنید. خب حالا شما توی قسمت سمت چپ صفحه خودتون می‌تونید یه آیکون به‌صورت چرخ‌دنده رو ببینید، روی اون کلیک کنید و سپس گزینه “سند” رو انتخاب کنید.

روی گزینه “Setup” کلیک کنید، توی این تب می‌تونید اندازه دلخواه خودتون رو برای اسلاید مشخص کنید. اندازه موردنظر خودتون رو انتخاب کنید، مانند تصویر زیر:

گزینه‌های دیگه‌ای هم زیر این تب وجود داره که به شما امکان سفارشی کردن اسلایدهای مورد نظرتون رو می‌ده:

• Base Font: برای مشخص کردن اندازه، رنگ و فونت متن اسلایدر
• Heading Font: فونت هدر اسلایدر رو مشخص کنید
• Background: انتخاب رنگ پس‌زمینه
• Background Image: انتخاب یک تصویر برای پس‌زمینه
• Transition: افکت‌های انتقال
• presentation Cover image: تعیین یک تصویر کاور برای ارائه
• Custom CSS: در صورت دلخواه می‌تونید CSS اضافی رو توی این بخش جایگذاری کنید

نکته: این تنظیمات برای تمامی اسلایدها قابل تغییر هستند و شما می‌تونید اون‌ها رو به‌دلخواه تغییر بدید.

ساخت ارائه در وردپرس

تقریباً می‌تونیم بگیم که روند کار این بخش مثل گوتنبرگ یا پاورپوینت هست و شما خیلی ساده باید روی باکس مربوط به نوشته کلیک کنید تا بتونید هر متنی رو که می‌خواهید بنویسید، وقتی شروع به نوشتن می‌کنید، توی قسمت سمت چپ یک سری تنظیمات رو می‌بینید که مربوط به فونت هست و شما می‌تونید به‌دلخواه اون‌ها رو تغییر بدید.

محتوای مورد نظر رو خیلی راحت توی این اسلاید وارد کنید:

اگه به سمت پایین اسکرول کنید می‌تونید یک باکس دیگه به اسم ” Speaker notes ” رو ببینید، این باکس مربوط به نکاتی هست که ممکنه شما بخواهید هنگام ارائه بهتون یادآوری بشه.

ممکنه شما بخواهید بعدازاینکه تمامی تنظیمات و سفارشی‌سازی‌های این اسلاید رو انجام دادید، یک اسلاید جدید ایجاد کنید، برای این کار باید روی آیکون “+” کلیک کنید و روی گزینه “Slide” کلیک کنید.

وقتی‌که همه تغییرات موردنظر خودتون رو اعمال کردید و اسلاید دلخواهتون رو ساختید، می‌تونید اون رو منتشر کنید، وقتی این اسلاید رو منتشر می‌کنید یک لینک به شما داده می‌شه که می‌تونید از اون برای اشتراک‌گذاری اسلایدی که ساختید استفاده کنید.

آموزش ارائه اسلایدها

اگه شما وارد پیشخوان خودتون بشید و به صفحه اسلاید موردنظر برید، وقتی روی پیش‌نمایش اسلاید کلیک کنید، می‌تونید یک صفحه مانند تصویر زیر مشاهده کنید. یک سری گزینه بالای صفحه برای شما قرار داده شده که شما می‌تونید اسلاید رو به حالت “Fullscreen” یا همون تمام صفحه قرار بدید یا اینکه به حالت “Speaker View” تغییرش بدید.

اگه شما روی گزینه “Speaker View” کلیک کنید، یک صفحه‌ای براتون باز می‌شه که شامل دو بخش هست، اول اینکه اسلایدی که الآن می‌بینید رو توی یک پاپ آپ نشون می‌ده و بعد هم زیر اسلاید فعلی، یک باکس کوچک رو نشون می‌ده که درواقع همون اسلاید بعدی هست. با این کار، گوینده می‌تونه اسلاید بعدی رو توی ذهن خودش مرور کنه و درنهایت ارائه بهتری داشته باشه.

اگر هم بخواهید دوباره توی اسلاید تغییراتی ایجاد کنید می‌تونید خیلی راحت رو “Edit Presentations” کلیک کنید تا به صفحه ویرایش اسلاید برید.

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

امیدواریم این مقاله برای شما مفید واقع شده باشد. موفق و پیروز باشید. 🙂

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.

[ad_2]

لینک منبع مطلب

ساخت ابزارک سفارشی در وردپرس
[ad_1]

ساخت ابزارک سفارشی در وردپرس

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

ابزارک وردپرس چیست؟

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

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

ساخت ابزارک در وردپرس

قبل از شروع بهتر است یک افزونه مخصوص سایت ایجاد کنید که در آن کد ویدجت را قرار دهید,همچنین میتوانید کد را در قالب فایل functions.php کپی کنید اما افزونه مخصوص سایت بهتر است.

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

// Creating the widget 
class wpb_widget extends WP_Widget {

function __construct() {
parent::__construct(
// Base ID of your widget
'wpb_widget', 

// Widget name will appear in UI
__('ابزارک فری اسکریپت', 'wpb_widget_domain'), 

// Widget description
array( 'description' => __( 'ابزارک ساخته شده برای فری اسکریپت', 'wpb_widget_domain' ), ) 
);
}

// Creating widget front-end
// This is where the action happens
public function widget( $args, $instance ) {
$title = apply_filters( 'widget_title', $instance['title'] );
// before and after widget arguments are defined by themes
echo $args['before_widget'];
if ( ! empty( $title ) )
echo $args['before_title'] . $title . $args['after_title'];

// This is where you run the code and display the output
echo __( 'سلام دنیا!', 'wpb_widget_domain' );
echo $args['after_widget'];
}
		
// Widget Backend 
public function form( $instance ) {
if ( isset( $instance[ 'title' ] ) ) {
$title = $instance[ 'title' ];
}
else {
$title = __( 'New title', 'wpb_widget_domain' );
}
// Widget admin form
?>
<p>
<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label> 
<input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
</p>
<?php 
}
	
// Updating widget replacing old instances with new
public function update( $new_instance, $old_instance ) {
$instance = array();
$instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
return $instance;
}
} // Class wpb_widget ends here

// Register and load the widget
function wpb_load_widget() {
	register_widget( 'wpb_widget' );
}
add_action( 'widgets_init', 'wpb_load_widget' );

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

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

نوشته ساخت ابزارک سفارشی در وردپرس اولین بار در پدیدار شد.

[ad_2]

لینک منبع مطلب

پاسخ به ۱۰ پرسش عجیب و غریب وردپرسی
[ad_1]

پاسخ به ۱۰ پرسش عجیب و غریب وردپرسی

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

البته سوالات وردپرسی بی نهایت هستند اما لیستی که براتون تهیه کردم سوالاتی بوده که در اوایل کار خودم هم باهاشون خیلی دست و پنجه نرم کردم.

مشکل: زمینه های دلخواه ، دسته بندی ها ، تصویر شاخص و نظرات نوشته رو توی قسمت افزودن نوشته نمیبینم. با اینکه دوستانم این رو توی سایت وردپرسی خودشون می بینند!!!!

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

مشکل: قسمت ادیتور وردپرس خیلی کوچک یا خیلی بزرگ شده!

راه حل: گوشه ی پایین سمت راست یک قسمت هست برای تغییر ارتفاع ویرایشگر متن وردپرس. میتونید توسط این قسمت سایز باکس رو تغییر بدید.

مشکل: چگونه می توانم دسته ای به نام دسته بندی نشده که از ابتدا توی بخش دسته ها هست رو پاک کنم؟

راه حل: ابتدا از قسمت تنظیمات > نوشتن ، دسته پیشفرض نوشته ها را به یک دسته بندی دیگر تغییر داده سپس از قسمت دسته ها دسته بندی نشده رو حذف کنید.

مشکل: چگونه تعداد نوشته های نمایشی در هر برگه وردپرس را تغییر بدیم؟

راه حل: از قسمت تنظیمات > خواندن می تونید این مقدار رو تغییر بدید.

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

راه حل: از دکمه shift + enter استفاده کنید.

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

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

مشکل: چگونه همه ی اسپم ها را حذف کنم؟

راه حل: در بخش اسپم ها دکمه خالی کردن جفنگ را کلیک کنید.

مشکل: چرا افراد به جای استفاده از فرم تماس با ما در قسمت نظرات بخش تماس با ما استفاده می کنند.

راه حل: از قسمت ویرایشگر قالب کد نمایش دیدگاه ها را حذف کنید تا نظرات در برگه ها نمایش داده نشود.

مشکل: در قسمت کاربران افرادی را می بینم که اصلا نمی شناسیم و یا نویسنده سایت ما نیستند!

راه حل: از قسمت تنظیمات همگانی وردپرس تیک “ هر کسی می‌تواند نام‌نویسی کند” را غیر فعال کنید.

مشکل: قسمت heading و انتخاب رنگ در ویرایشگر دیداری وردپرس دوستانم هست اما من این امکانات رو در وردپرسم ندارم! آیا وردپرس را از نو نصب کنم؟

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

نوشته پاسخ به ۱۰ پرسش عجیب و غریب وردپرسی اولین بار در پدیدار شد.

[ad_2]

لینک منبع مطلب

جلوگیری از تغییر کد های قالب وردپرس
[ad_1]

جلوگیری از تغییر کد های قالب وردپرس

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

برای اینکار کد زیر را در فایل تابع وردپرس ( functions.php ) قرار دهید. کد جلوگیری از تغییر در قالب وردپرس:

add_action('admin_init', 'slt_lock_theme');
function slt_lock_theme() {
global $submenu, $userdata;
get_currentuserinfo();
if ($userdata->ID != 1) {
unset($submenu['themes.php'][5]);
unset($submenu['themes.php'][15]);
}
}

نوشته جلوگیری از تغییر کد های قالب وردپرس اولین بار در پدیدار شد.

[ad_2]

لینک منبع مطلب

افزودن تبلیغات یا متن دلخواه به انتهای متن مطالب
[ad_1]

افزودن تبلیغات انتهای مطالب در وردپرس

گاها دوست دارید کاربران سایتتان را به کاری دعوت کنید و بهترین جا برای قرار دادن این دعوت نامه انتهای متن مطالب سایتتان هست. شاید دوست دارید تبلیغاتی بنری یا متنی را انتهای متن مطالب سایتتان اضافه کنید.

خب این کار بسیار ساده هست. فقط کافیست از بخش نمایش > ویرایشگر وارد ویرایشگر قالب سایتتان شده و فایل single.php را پیدا کنید. در این فایل دنبال کدی به نام php the_content باشید و در ادامه این کد ، متن یا کد html دلخواه خود را بنویسید. مثلا:

<p>راستی! برای دریافت مطالب وردپرسی در <a target="_blank" href="http://telegram.me/freescript">کانال تلگرام فری اسکریپت</a> عضو شوید.</p>

حالا روی ذخیره پایین صفحه کلیک کنید.

موفق و پیروز و سربلند باشید.

نوشته افزودن تبلیغات یا متن دلخواه به انتهای متن مطالب اولین بار در پدیدار شد.

[ad_2]

لینک منبع مطلب

دانلود رایگان فونت Milk Nut – فونت پرمیوم ویژه طراحی
[ad_1]

Milk Nut این فونت توسط کریتیو فبریا طراحی شده و با قیمت ۱۹ دلار در مارکت به فروش میرسد که شما کاربران گرامی میتوانید نسخه نهایی و خریداری شده این محصول را بصورت کاملا رایگان و با یک کلیک از وب سایت بیست اسکریپت دریافت نمایید.

برخی از امکانات فونت Milk Nut:

• طراحی حرفه ای فونت با بالاترین کیفیت
• مناسب برای انواع طرح ها و پروژه ها
• نسخه پرمیوم (غیر رایگان) – نسخه کامل و خریداری شده محصول
• نمایش بی نقص تمامی حروف و اعداد بدون مشکل
• قابل استفاده در تمامی نرم افزارها
• دارای قابلیت تبدیل به وب فونت

نوشته دانلود رایگان فونت Milk Nut – فونت پرمیوم ویژه طراحی اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

ساخت خودکار QR Code از مطالب سایت وردپرسی
[ad_1]

ساخت خودکار QR Code از مطالب سایت

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

برای اینکار شما باید qr code هایی را در صفحات سایتتان ایجاد کنید تا کاربر با اسکن کردن این کد سریعا بتواند مطلب مورد نظر شما را در موبایلش اسکن کرده و سریع به آن دسترسی پیدا کند.

حالا چطور در سایتمان qrcode قرار دهیم؟

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

حالا از سمت چپ فایل single.php را باز کنید و بین حلقه های while و endwhile آن کد زیر را هر کجای قالب که دوست دارید قرار بدید.

<img src="http://api.qrserver.com/v1/create-qr-code/?size=100x100&data=<?php the_permalink(); ?>" alt="QR: <?php the_title(); ?>"/>

برای تغییر سایز qrcode نمایشی ۱۰۰×۱۰۰ را تغییر دهید به سایز دلخواه خودتان. برای اینکار از سرور qrserver.com استفاده می شود که یکی از سریعترین سرویس های ساخت qrcode در دنیا محسوب می شود.

نوشته ساخت خودکار QR Code از مطالب سایت وردپرسی اولین بار در پدیدار شد.

[ad_2]

لینک منبع مطلب