افزودن ويدجت تب jQuery به وردپرس
طراحي سايت در مشهد
با تب جي كوئري ميتوانيد يكسري بخش متعدد از قالب سايتتان را هم زمان مشاهده فرمائيد و همينطور اذن صرفه جويي در اطراف روي مانيتور يوزرها با ادغام ويدجت هاي متفاوت در يك ابزارك را ميدهد . انگيزه از اين مقاله فراگيري شيوه ي اضافه كردن تب jQuery به وردپرس ( فارغ از كد نويسي ) مي باشد .
استدلال اضافه كردن تب jQuery
وقتي كه در حالا اجراي يك وبسايت وردپرس مي باشيد شما به راحتي ميتوانيد مواقعي را به ستون هاي فرعي خويش با استفاده از كشيدن و آزاد كردن ويدجت بيشتر فرمائيد . هنگام رويش تارنما شما احتمالا حس نماييد در نوار كناري فضاي كافي براي آشكار كردن تمام مطالب موءثر نداريد . اين دقيقا به عبارتي هنگامي است كه ساخت يك تب دستي بكار شما ميايد .
تب بندي به شما اذن مي دهد كه گزينه هاي متعدد را در يك حيطه نشان دهيد . يوزرها ميتوانند روي هر تب كليك كرده و محتواي موردعلاقه ي خويش را ببينند . بخش اعظمي از تارنما ها براي ديدن مقاله دوست داستني روز جاري و اين هفته و چه بسا اين ماه ازاين روش استفاده مي نمايند . درين فراگيري ما به شما شيوه ي ساخت يك ويدجت تب بندي را يادگرفتن ميدهيم . البته نشان نميدهيم كه چه چيزي به تب بيش تر فرماييد , مي توانيد هر چيزي مايليد طولاني تر فرمائيد .
نكته : اين يادگرفتن براي يوزرها تراز ميانگين است و به علم HTML و CSS نياز است .
توليد ويدجت jQuery در وردپرس
اولي كاري كه بايستي انجام دهيد توليد يك پوشه به اسم mihanwp - tabber - widget روي دسكتاپ هست . بعد از آن پوشه داخل اين فولدر با استفاده از ويرايشگر متني معمولي نظير Notepad توليد نمائيد . انگيزه از اولي فولدر توليد mw - tabber - widget . php است كه مشتمل بر كد HTML و PHP براي توليد تب و ويدجت سفارشي وردپرس هست .
فولدر دوم يك mw - tabber - style . css است كه دربرگيرنده كد css براي تب ها مي باشد . سومي پوشه توليد يك mw - tabber . js است كه دربرگيرنده اسكريپت jQuery براي رويه گزيني تب و اضافه كردن برنامه خردسالان مي باشد .
ابتدا با فولدر mw - tabber - widget . php استارت مي كنيم , انگيزه از اين فولدر توليد يك پلاگين براي نام نويسي ويدجت است . چنانچه اولين باري است كه ويدجت وردپرس توليد مي كنيد سفارش مي كنيم كد زير را در پوشه mw - tabber - widget . php بيش تر نمائيد .
در كد بالا ابتدا يك پلاگين ساخت مي كنيم و بعد در پلاگين يك ويدجت توليد مي كنيم . در بخش خروجي ويدجت سي اس اس و جاوا اسكريپت بيشتر مي كنيم آن گاه يك خروجي HTML براي تب ها ساخت مي كنيم . در پايان ويدجت را نام نويسي ميكنيم . مي بايست محتوايي كه ميخواهيد در هر تب ملاحظه كنيد را بيشتر فرمائيد .
اكنون نياز است يك ويدجت با كد هاي PHP و HTML براي تب ها ساخت كنيم و در قدمبعدي براي نمايش آن ها بعنوان تب jQuery بيشتر كنيم . براي اين كار كد زير را به فولدر wp - tabber . js بيشتر نمائيد .
اكنون ويدجت همراه با jQuery مهيا است , قدمبعدي اضافه كردن يك ظواهر پباده سازي شده به تب هست . شيوه ي زير را به پوشه wpb - tabber - style . css بيشتر نماييد .
اكنون پوشه mw - tabber - widget را در دايركتوري وب سايت /wp - content/plugins/ آپلود كرده و همينطور مي توانيد پوشه را به فايلهاي فشرده ي زيپ بيش تر نماييد و به پلاگين ها>افزودن در بخش رئيس برويد و روي تب upload براي نصب پلاگين كليك نمائيد . بعد از فعال شدن پلاگين به نمايش>ويدجت برويد و ويدجت تب بندي را به نوار كناري طولاني تر نمائيد .
بازدید: