• اطلاعیه ها

    • Saeed Fard

      برگزاری چهارمین همایش Coder Conf و کد تخفیف برای کاربران وردپرس پارسی   20/04/97

      کدرکانف هر سال در آخرین پنجشنبه مرداد با بورد‌های مختلفی برگزار می‌گردد،امسال نیز کدرکانف در همین تاریخ با حضور برنامه نویسان مطرح کشور در بورد تخصصی جاوااسکریپت برگزار خواهد شد، یک گردهمایی متفاوت با طعم Javascript. Coderconf هر سال نسبت به سال‌های گذشته با حضور برنامه‌نویسان پر رنگتر می‌شود. ما سعی کردیم هر ساله به این کنفرانس مفهوم عمیق تری ببخشیم تا از آنچه در سال‌های گذشته عرضه شده به روزتر و مفیدتر واقع شویم. امسال فرصتی خواهد بود تا با نگرشی جدید و بهبود مطالب ارائه شده، عمیقتر به این موضوع نگاه کنیم تا بجای تکرار مباحث پیشین گامی هر چند کوچک در مسیر ارتقای دانش فنی برنامه‌نویسان ایرانی برداریم. ما در Coderconf ۴ با تمرکز بر روی Javascript نیت کرده‌ایم این فرصت را در اختیار برنامه نویسان قرار دهیم تا با ظرافت و استانداردهای روز دنیا کار خود را پیش ببرند. به نظر ما امسال زمان آن فرا رسیده‌است تا این زبان را به صورت تخصصی و از ابعاد مختلف به چالش بکشیم.   دبیر علمی همایش میلاد حیدری، کدرکانف ۴ را اینگونه توصیف کرده است :اشتراک گذاری دانش بهترین راه رسیدن به جاودانگی اطلاعات است. هر ساله همایش‌های زیادی برگزار میشه که افراد شرکت‌کننده می‌توانند با افراد مجرب شبکه سازی کنند. امسال در کدرکانف سعی کردیم علاوه بر بخش شبکه سازی بین افراد بیشتر روی انتقال دانش و کیفیت ارائه ها تمرکز داشته باشیم . به قصد یک گردهمایی بلند مدت بین برنامه‌نویسان جاوااسکریپت که با هم تبادل دانش و اطلاعات کنند گردهم آییم.
      بنده به عنوان عضو کوچکی از جامعه برنامه‌نویسان جاوااسکریپت ایران امیدوارم در کدرکانف امسال علاوه بر شبکه سازی، از اطلاعاتی که دوستان در این همایش در اختیارتان قرار می‌دهند استفاده کنید. در سایت همایش میتوانید سخنرانان و موضوع پنل همایش کدرکانف رو مشاهده کنید . علاقه‌مندان به حضور در این همایش می‌توانند با کد تخفیف wpparsi اقدام به ثبت نام در این گردهمایی کنند. سایت همایش :‌http://coderconf.org
      بلیط فروشی همایش :‌https://evand.com/events/coderconf4  

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

getting_started_with_gulp.png

با سلام خدمت دوستان عزیز

در این تاپیک، قصد دارم درمورد فریم‌ورک Gulp که تحت NodeJS هست، آموزش بدم.

آموزش‌های این تاپیک، کاربردی هستند، بنابراین بعد از جلسه اول و دوم، شروع به توضیح مثال‌های کاربردی Gulp می‌کنیم که البته شما کاربران هم می‌تونن مثال ارسال کنن.

خب:

1. در این تاپیک نه سؤال بپرسید و نه اسپم بدید. بعد از جلسه سوم، می‌تونید مثال‌های خودتون رو در همین تاپیک ارسال کنید.

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

3. برای این آموزش، باید Javascript را در حد متوسط بلد باشید، می‌تونید از این آموزش Black_Sky عزیز کمک بگیرید.

4. اگه پیشنهاد یا انتقادی درمورد تاپیک دارید، به صورت پیام خصوصی برای من ارسال کنید.

موفق باشید.

13

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


لینک به پست

nodejs.png

نصب و راه‌اندازی

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

برای دانلود و نصب NodeJS می‌توانید به وب‌سایت آن مراجعه کنید و نسخه متناسب با سیستم‌عامل خودتون رو دانلود و نصب کنید. بعد از نصب، در صورتی که در سیستم‌عامل ویندوز هستید، وارد Node.js command prompt شوید و در صورتی که در از سیستم‌عامل Unix (لینوکس و مک و ...) استفاده می‌کنید، ترمینال رو باز کنید.

سپس با واردکردن دستور node از نصب‌بودن اون مطمئن بشید.

هم‌چنین شما به Node Package Manager یا همون npm هم نیاز دارید. npm کارش دانلود و نصب پکیج‌های ناد مثل gulp و browser-sync هست. معمولاً npm همراه با NodeJS نصب میشه، شما می‌تونید اینو با واردکردن دستور npm در ترمینال یا خط‌فرمان امتحان کنید. در صورتی که npm نصب نبود، با یه گوگل ساده می‌تونید نحوه نصب npm رو با توجه به سیستم‌عاملتون پیدا کنید.

بعد از این‌که از نصب‌بودن npm و NodeJS مطمئن شدید، با واردکردن دستور زیر در ترمینال یا خط‌فرمان Gulp رو نصب کنید:


npm install -g gulp

نکته: برای سیستم‌های یونیکس نیاز دارید که از sudo استفاده کنید.

در این حین که Gulp دانلود و نصب می‌شه، ما هم درمورد Gulp کمی صحبت کنیم.

Gulp چیه؟

Gulp یک سیستم اجرای وظیفه (Task Runner) اتوماتیکه که به شما کمک می‌کنه تا Productivity شما رو در توسعه فرانت‌اند افزایش بده. مثلاً Gulp می‌تونه شما رو از شر F5 زدن برای تست CSS نجات بده. اگه از Sass یا Less استفاده می‌کنید، به شما این امکان رو میده که بلافاصله بعد از این‌که فایل سورس خودتون رو سیو کردید، فایل CSS هم Build بشه و به مرورگر منتقل بشه.

شگفت‌انگیز نیست؟

Gulp چی نیست؟

* Gulp یه زبان برنامه‌نویسی نیست، بلکه یک پکیج برای NodeJSه.

* Gulp به درد بک‌اند (Back-End) نمیخوره، مگر در مواردی، مثلاً ایجاد فایل POT برای ترجمه قالب و پلاگین وردپرس

* Gulp این همه کار رو انجام نمیده، برای انجام بقیه موارد شما باید پلاگین‌های گالپ رو نصب کنید.

فکر می‌کنم حالا Gulp نصب و دانلود شده! میتونید با تایپ دستور gulp اینو امتحان کنید، اگه خطای no gulpfile.js found رو دریافت کردید، نگران نباشید! همه چیز طبیعیه!

----

جلسه بعد: اولین Task

موفق باشید.

10

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


لینک به پست

first_task_topic.png

ساخت اولین Task - مقدمات

در پست قبلی اشاره‌ای کردم که Gulp یک سیستم Task Runner اتوماتیکه. حالا این که گفتی یعنی چی؟ :D

- گالپ به ما قابلیت ایجاد Task یا همون وظایف رو میده. مثلاً ما میتونیم یه Task تعریف کنیم که وقتی ما Task را اجرا کردیم، شما فلان کار رو انجام بده. مثلاً شما تعریف می‌کنی که وقتی دستور gulp رو اجرا کردی، تمام فایل‌های Sassت رو تبدیل به CSS کنه یا به قول اجنبی‌ها Build کنه!

اما گالپ قابلیت دیگه‌ای به نام Watch به ماه میده، به این معنا که ما میتونیم فایل‌های موردنظرمون رو به گالپ بدیم که زیرنظر بگیره و هرموقع که تغییر کرد، اون‌وقت Taskیی رو اجرا کنه، مثلاً می‌تونیم تعریف کنیم که اگر فایل‌های sass تغییر کرد (مثلاً در ویرایشگر تغییرات خودتون رو Save کردید)، بلافاصله همه رو Buid کنه.

برای ایجاد اولین Task، از یک Task معمولی شروع می‌کنیم که خودتون باید به گالپ بگید که این Task رو اجرا کنه و کاری به Saveشدن فایل نداره. Task موردنظرمون، ایجاد یه برنامه هست که فایل‌های CSS رو بخونه و Minify کنه و در قالب یک فایل ذخیره کنه.

باید کدهای Task را در فایلی به نام gulpfile.js بنویسیم تا اجرا شود، احتمالاً دلیل ارور no gulpfile.js found که در پست قبل اشاره کردم رو فهمیدید. گالپ برای اجرا به gulpfile.js که خودمان می‌نویسیم احتیاج دارد. خب، منتظر چی هستیم؟ بریم gulpfile.js بنویسیم! در دایرکتوری موردنظر خودتون gulpfile.js رو ایجاد کنید و با ویرایشگر موردعلاقه‌تون بازش کنید.

از کدهای ابتدایی و اساسی gulpfile.js شروع می‌کنیم:


var gulp = require( 'gulp' );

gulp.task( 'default', function() {
// ...
} );

برای اساس کار، ما ابتدا کلاس خود Gulp را فراخوانی می‌کنیم، سپس با استفاده از gulp.task یک Task جدید تعریف می‌کنیم. پارامتر اول gulp.task همیشه نام Task هست که باید انگلیسی باشه و برای اجرای اون‌هم نیاز داریم تا این اسم رو فراخوانی کنید.

حالا برای اجرای Task کافیه که توی ترمینال خودتون (که قبلاً به دایرکتوری cd کردید) فرمان gulp default رو اجرا کنید. با اجرای دستور، Task به نام default اجرا می‌شود. اگر در کد بنویسیم ehsaan و در ترمینال هم gulp ehsaan را فراخوانی کنیم، گالپ سراغ Task به نام ehsaan می‌رود.

نکته‌ای که قابل توجه هست اینه که در صورتی که Task به نام default تعریف کنید، با اجرای دستور gulp به تنهایی، همون default اجرا میشه. :)

فایل gulpfile.js زیر رو در نظر بگیرید:



var gulp = require( 'gulp' );

gulp.task( 'task1', function() {
// ...
} );

gulp.task( 'task2', function() {
// ...
} );

gulp.task( 'task3', function() {
// ...
} );

فرض کنید که ما باید حتماً اول task1 رو اجرا کنیم، بعد task2 و بعد task3، خب احتمالاً راه‌حل اینه:


gulp task1
gulp task2
gulp task3

اما چندان منطقی به نظر نمیاد! Gulp به ما امکان تعریف پیش‌نیاز برای اجرای Taskها رو میده، کافیه بعد از پارامتر نام Task، یک آرایه از نام Taskهای پیش‌نیاز را تعریف کنید! به همین راحتی! مثلاً در مثال زیر، برای اجرای task2 نیاز به task1 هست و اجرای task3 نیاز به task2 هست.



var gulp = require( 'gulp' );

gulp.task( 'task1', function() {
// ...
} );

gulp.task( 'task2', [ 'task1' ], function() {
// ...
} );

gulp.task( 'task3', [ 'task2' ], function() {
// ...
} );

حالا اگر تنها task3 رو اجرا کنید، می‌بینید که task1 و task2 به ترتیب اجرا خواهند شد.

در قسمت بعد، ایده‌ی خودمون رو عملی می‌کنیم ;)

----

قسمت بعدی: نوشتن یک Task کاربری

موفق باشید.

8

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


لینک به پست

gulp_task_2.png

ساخت یک gulpfile.js حسابی!

اینم آخرین پست آموزشی در تاپیک آموزش کاربردی Gulp! بعد از خوندن پست، شما می‌تونید یه محیط اتوماتیک حسابی با Gulp برای خودتون طراحی کنید و حالشو ببرید! بعد از این پست، شروع به مثال‌زدن می‌کنیم، مثلاً این‌که چطور پلاگین باحال browser-sync رو با گالپ هماهنگ کنیم یا تو چند دقیقه یه CSS رو راست‌چین کنیم!

خب توی پست قبل گفتم که میخوایم یه gulpfile.js بسازیم که تا بهش گفتیم فایل‌های CSS ما رو بخونه، minify کنه و در قالب یه فایل جمع کنه! همتون می‌دونید که هرچی فایل‌های CSS و JS یک فایل کم‌حجم‌تر باشن خیلی بهتره و روی سئو تأثیر داره (شخصاً به سئو هیچ اعتقادی ندارم) و چه بهتر که این فایل‌ها در قالب یک فایل واحد جمع بشن.

خب برای کم‌حجم‌کردن (که بهش میگیم Minify) و بعد هم یکی‌کردن (بهش می‌گیم concat) سایت و سرویس‌های خیلی زیادی وجود دارن که البته یه کم کار سخت میشه که مرتب بخواید روی سرویس‌ها و سایت‌ها آپلود کنید و بعد دوباره دانلود کنید، بنابراین از GulpJS کمک می‌گیریم که با اجرای یه دستور، همه‌ی این کارها رو انجام بده.

به قول یکی از دوستان بعد از مدتی متوجه میشید که گالپ تنها کاری که نمی‌تونه انجام بده، اینه که بره از سر کوچه نون بخره :D

اما این Minifyکردن و Concat رو گالپ به تنهایی نمیتونه انجام بده و باید از پلاگین‌های گالپ استفاده کنیم. پلاگین‌هایی که برای این مورد کار ما نوشته‌شده‌اند اسمشون gulp-minify-css و gulp-concat هست، بنابراین برای انجام این‌کار باید این دوتا پلاگین رو نصب کنیم.

1. نصب پلاگین‌ها

یه کم از تئوریات بیایم بیرون، اگه جایی از تئوریات رو نفهمیدید، با یه سرچ ساده می‌تونید به نتایج خوبی برسید. کارمون رو با نصب دوتا پلاگین gulp-minify-css و gulp-concat شروع می‌کنیم.

برای نصب از npm کمک می‌گیریم، توی خط‌فرمان یا ترمینالتون این دستور رو وارد کنید:


npm install -g gulp-minify-css gulp-concat

نکته: sudo فراموشتون نشه!

2. استفاده از پلاگین‌ها

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


var gulp = require( 'gulp' );

gulp.task( 'default', function() {

} );

باید پلاگین‌های موردنظر خودمون رو در gulpfile.js فراخوانی کنیم، مثلاً اینطوری:



var gulp = require( 'gulp' );
var minifyCss = require( 'gulp-minify-css' );
var concat = require( 'gulp-concat' );

حالا پلاگین‌های ما آماده هست!

حالا یه Task می‌سازیم که فایل‌های CSS رو minify کنه و یکی کنه و بریزه توی دایرکتوری dist.

خب من یه Task به نام build-css تعریف می‌کنم و کدهای خودم رو می‌نویسم:



gulp.task( 'build-css', function() {
return gulp.src( './css/*.css' )
.pipe( minifyCss() )
.pipe( concat( 'style.css' ) )
.pipe( gulp.dest( './dist/' ) );
} );

نترسیدید که؟! :D

کد خیلی ساده و خوانا هست!

اول که از gulp.src برای خوندن فایل‌های موردنظرمون استفاده می‌کنیم، به gulp.src می‌گیم که هر فایلی که در مسیر /css/ با پسوند css هست رو پیدا کنه، بعد minifyCss رو روش اجرا کنه و بعد concat رو اجرا کنه. به concat هم پارامتر نام فایل حاصل رو میدیم که همه رو که یکی کرد توی چه فایلی بریزه و در آخر هم با gulp.dest می‌گیم که حاصل رو کجا بریزه که ما بهش گفتیم در دایرکتوری dist بریزه!

خب حالا کافیه که دستور gulp build-css رو اجرا کنید و جادوی gulp رو ببینید! :D

راحت بود، نه؟ البته اینطوری کسی یاد نمی‌گیره :D

ان‌شاءالله پست‌های بعدی با هم مثال کار می‌کنیم. خودتون هم gulp plugins رو گوگل کنید و هر کدوم که به نظرتون جالب‌تره رو دانلود کنید و ازش استفاده کنید!

-----

منتظر گذوشتن مثال‌هاتون توی همین تاپیک هستم.

موفق باشید.

8

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط AminHashemy
      سلام دوستان 
      من لیستی از آموزش های خوب وردپرس که به نظرم ارزش استفاده داره رو دور هم جمع کردم 
      شما هم اگر مورد بیشتری میشناسید اضافه کنید تا همه استفاده کنن:
       
      https://evand.com/events/wordpress-complete-giude
      مثلا شامل مباحث زیر :
      معرفی پیشخوان وردپرس آموزش ایجاد گالری محصولات افزونه های ووکامرس
      سرچ به صورت زنده (ایجکس سرچ) افزونه مقایسه کالا آموزش نحوه برخورد با کارفرما و درک نیاز های کارفرما  
      https://abzarwp.com/wordpress-tutorials/
      تعداد جلسات تا اکنون : 33 جلسه کل زمان دوره تا اکنون : 880 دقیقه سطح دوره از نظر آموزش : از ۰ تا ۱۰۰ مناسب برای افراد مبتدی تا حرفه ای  
      مورد بعدی آموزش وردپرس https://faradars.org/how-to-learn/wordpress
      یک مجموعه ای از آموزش های تکه تکه هست
       
      https://hamyarwp.com/webdesign/
      دوره جامع ۰ تا ۱۰۰ آموزش طراحی سایت و آموزش طراحی فروشگاه اینترنتی دارای پیش نیازهایی می باشد که قبل از ثبت نام می بایست به آنها توجه کنید تا در ادامه آموزش به مشکل نخورید.
          https://mihanwp.com/wordpress-learn/ دوره وردپرس رایگان میهن وردپرس    
      نظرتون رو بگید لطفا

    • توسط fateme.fathi
      در این مطلب 7 نکته در مورد عکاسی به شما خواهیم گفت. تکنیک Dutch Tilt چیست؟ چگونه به عکس عمق دهیم؟ چگونه مردم در حال عبور از عکس را حذف کنیم؟ همه این نکته ها و حقه های بیشتر را در ادامه خواهید خواند.


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

      مردم را از عکس حذف کنید
      آیا حرکت و تعدد مردم در مکان های معروف مزاحم عکاسی تان می شود؟ یک فیلتر کاهنده نور ND و یک سه پایه با خود همراه داشته باشید. حال می توانید با عکاسی با سرعت پایین مردم را به شکل هاله هایی رنگی نشان دهید و تقریبا آنها را از عکس محو کنید و همچنین نور خوبی هم در عکس داشته باشید.

      عمق عکس را افزایش دهید
      برای اینکه عمق میدان عکس را بیشتر کنید، از لنز واید استفاده کنید، دیافراگم را نزدیک به 22/f بگذارید و روی نقطه ای نزدیک به یک سوم جلوی کادر قرار دهید. اگر در عکستان افق وجود دارد روی نقطه Hyperfocal فوکوس کنید تا بیشترین محدوده فوکوس ممکن را داشت باشید.
       
      از لنز بسیار واید استفاده کنید
      وقتی می خواهید از یک معماری عکس بگیرید حواستان به آب باشد وقتی از لنز واید استفاده می کنید تصویر آن بنا در آب می تواند پیش زمینه بسیار زیبایی برای عکس باشد. اگر آب در حرکت است می توانید با عکاسی با سرعت شاتر پایین تصویر بهتری از بنا را در آب ایجاد کنید، البته در زمان استفاده از چنین تکنیکی باید از فیلتر ND استفاده کنید تا عکس بیش از حد روشن نشود.

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

      لنزهای Prime
      عصر، دوربین خود را در خانه نگذارید. یک لنز پرایم Prime یا ثابت روی دوربین خود ببندید. لنز 8.50 mmf، 1 لنز ایده آلی است. در تاریکی با بازترین دیافراگم ممکن عکس بگیرید. مقدار ISO را بالا انتخاب کنید تا نیازی به فلاش یا سه پایه هم نداشته باشید. با این کار بوکه های زیبایی هم ایجاد می شود. (بوکه، نورهایی در پس زمینه است که به شکل هاله هایی رنگی و دایره ای شکل در عکس ظاهر می شوند.)
       

       
       
    • توسط drmajidghiasi
       آموزش افزونه WP PostViews
      مخزن وردپرس پر است از انواع افزونه‌های مختلف برای نمایش بازدید و آمار و حتی نمایش آمار به کاربران اما افزونه WP-PostViews
      چندین مزیت دارد که به آن‌ها اشاره می‌کنیم.
       
      امکانات ویژه افزونه WP-PostViews:
      سبکی خاص بدون فشار به سرور رابط کاربری آسان و… برای نمایش آمار برای خودمان نیاز به هیچ نوع تنظیم خاصی ندارد اما برای نمایش در بخش خاصی از قالب سایت نیاز به قرار دادن چندین کد در قالب سایت داریم که در این آموزش یعنی آموزش افزونه WP-PostViews ریزبه‌ریز افزونه را باهم بررسی خواهیم کرد.
       
      نصب افزونه WP-PostViews
      برای نصب این افزونه طبق مراحل  زیر اقدام کنید:
      یا از قسمت افزونه‌ها روی گزینه بارگذاری افزونه کلیک کنید و از لینک زیر افزونه را دانلود کنید و سپس در قسمت بارگذاری، افزونه را بارگذاری کنید. یا اینکه از قسمت کلیدواژه WP-PostViews را تایپ کنید و افزونه WP-PostViews را در مخزن وردپرس جستجو کنید و سپس نصب و فعال‌ کنید. پس از نصب و فعال‌سازی افزونه گزینه‌ای بانام PostViews در بخش تنظیمات وردپرس اضافه می‌شود برای انجام تنظیمات روی این گزینه کلیک کنید.
       

      تنظیمات افزونه WP PostViews بخش بازدید مطالب:
      Count Views From: در این بخش مشخص می‌کنیم که افزونه بازدید چه دسته از افرادی را حساب کند؛ میهمانان، کاربران ثبت‌نام‌شده یا هر دو. Exclude Bot Views: در نظر نگرفتن بازدید ربات‌ها. Views Template: در این بخش یک قالب کلی مشخص می‌کنیم برای نوع نمایش تعداد بازدید و می‌توانیم از متن‌های فارسی هم استفاده کنیم البته توجه داشته باشید که در حال پیش‌فرض ما کلمه views را می‌توانیم فارسی کنیم و دو کد کوتاهی که افزونه دارد نباید دست‌کاری کنیم فقط باید استفاده کنیم. توجه کنید: هر مطلب در پیشخوان وردپرس بخشی به اسم views اضافه‌شده است که درصورت تغییر کلمه بالا نام این کلمه به نامی که شما تغییر می‌دهید تغییر خواهد کرد. Most Viewed Template: ازنظر عملکرد این بخش هم مثل بخش بالا برای ساخت یک قالب کلی است اما در این بخش امکانات و کدهای کوتاه بیشتری را داریم که می‌توانیم برای مطالب پرطرفدار استفاده کنیم.  

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

      نمایش بازدید مطالب با کد کوتاه:
      در انتهایی هر مطلب می‌توانید با قرار دادن کد کوتاه افزونه میزان بازدید را نمایش دهید. می‌توانید از تعداد بازدید: ۱۵۸ یا تعداد بازدید: ۰ استفاده کنید. عدد ۵۴ در کد کوتاه شناسه مطلب است که هر مطلب شناسه خاص خودش را دارد که راحت‌ترین روش به دست آوردن شناسه طبق عکس زیر بردن موس بر روی اسم مطلب است.

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

      نمایش بازدید توسط کد:
      هر قالب شامل فایل‌های مختلفی است مثلاً فایل (Page.php) مخصوص نمایش صفحات سایت است و یا (Single.php) مخصوص نمایش ادامه مطالب است. در هرکدام از صفحاتی که قصد نمایش بازدید را دارید آن صفحه را بازکنید، مثلاً ما می‌خواهیم در بخش ادامه مطلب سایت تعداد بازدید را نمایش دهیم، برای همین فایل (Single.php) قالب را باز می‌کنیم که معمولاً در اکثر قالب‌ها در این مسیر یافت می‌شود.
      wp-content/themes/<Name Ghaleb>/single.php
      فایل را بازکنید و دنبال کدی مشابه کد زیر بگردید.
      ۱ <?php while (have_posts()) : the_post(); ?>
      حالا در پایین همین کد هرجایی که قصد نمایش تعداد بازدید را دارید کد زیر را قرار دهید.
      ۱ <?php if(function_exists('the_views')) { the_views(); } ?>
      برای اینکه تشخیص بدهیم کد را دقیقاً کجا باید قرار بدهیم نیاز به کمی دانش برنامه‌نویسی هست که بخشی را که بالای مقالات و یا پایین مقالات است را تشخیص بدهیم، به‌هرحال در فیلم آموزشی روشی را توضیح داده‌ایم که اگر کد نویسی این مورد را هم بلد نیستید به‌راحتی از همین چند خط شروع کنید.

      جمع‌بندی:
      یکی دیگر از روش‌های نمایش آمار بازدید از مطالب سایت استفاده از افزونه wp-postviews است، این افزونه بدون فشار به سرور آمار دقیقی از آمار نمایش صفحات سایت در اختیار شما قرار می‌دهد.
    • توسط سعید فرزادی پور
      با عرض سلام
      من به مشکلی خوردم که راه حل اون رو نمیدونم
      در هدر سایت یک نویگیشن بار دارم که منوی اصلی سایتم به صورت دراپ داون در این نویگیشن بار وجود داره ، قال سایت من shaply هستش و استفاده از ویجت ها در body بازه ، من با استفاده از یک ویجت اسلایدر در بالاترین قسمت و زیر هدر سایت که ارتفاع اونم 55 پیکسل هستش اسلایدر بزرگ ایجاد کردم ، و حالا زمانی که میرم روی دراپ داون ها متاسفانه تا قبل از اسکرول کردن به پایین ، زیر منو ها به زیر اسلایدر میرن ، اما بعد از اسکرول کردن به پایین این مشکل حل شده و منو ها و زیر منو ها نمایش داده میشن ، هرچه z-index رو افزایش دادم نتیجه ای نداشت ، چطور میتونم این مشکل رو حل کنم ؟
      و سوال دوم این که در این تم منو ها اول به پایین و بعد به راست باز میشن و من میخوایم سایت رو به صورت فارسی داشته باشم و میخوام اول به پایین و بعد به چپ باز بشن منو ها , چه تغییری میتونم در css ایجاد کنم ؟
    • توسط poruamohammady
      سلام دوستان من یه مدت هست افزونه هایی که نصب می کنم ورد پرس بهم این اخطار هار رو میده کسی میتونه کمک کنه برای مثال تازگی ها افزونهwp-super cacheرو که نصب کردم این اومد قبلا هم چیزای دیگه بود مرسی اگر راهنمایی کنید