فراگیری حذف بک لینک های بی ارزش


ابزار وردپرس – تحولی وسیع در ارائه خدمات وردپرس فارسی

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


تلفن تماس جهت مشاوره فارغ بیش تر از پول : ۹۸۷۸ ۵۲۸ ۰۹۱۳ – ایمیل پشتیبانی : Support(at)Abzarwp(dot)com


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



فراگیری حذف بک لینک های بی ارزش

فراگیری بوت استرپ ، پاپ اور ( Popover )


فراگیری بوت استرپ ، پاپ اور ( Popover )


پاپ اور Popover در بوت استرپ، همانند تولتیپ tooltip عمل می مینماید. به‌این چهره که با کلیک روی المان گزینه حیث، یک tooltip در کنار آن، نشان داده می شود. که با اعتنا به جور تولتیپ، می تواند در هر چهار طرف المان قرار بگیرد.


برای این کار، ابتدا بایستی آن را فعال کنیم:


اکنون، بعداز فعالسازی، با کد ذیل، می توانی یک Popover داشته باشیم:


با به کار گیری بیشتراز دستورات ذیل، می توان popover در در حریم المان گزینش اظهار‌کرد:


 


Popover با قابلیت بسته شدن


با به کار گیری بیشتراز این کد، می توانیم با کلیک بر روی المان، popover را ببندیم:


با به کار گیری بیشتراز دستور ذیل و به کار گیری بیشتراز کلاس .sticky می توان بر روی صفحه، المانی تحت عنوان یک استیکی نوت داشته باشم:


تولتیپ در بوتسرپ


تفاوت لابه‌لا تولتیپ و پاپ اور، درین نموده است که در popover به طبع بایستی روی المان گزینه حیث، کلیک شود تا فعال شود. ولی برای tooltip فقط کافیست Mouse Over شود. برای فعالسازی تولتیپ، ابتدا کد زییر در برنامه جایگذاری می کنیم:


همینطور با به کار گیری بیشتراز کدهای ذیل، می توان تولتیپ در وضعیت های متعدد المان (بالا، زیر، چپ و راست) به کار گیری اظهار‌کرد:


 

تاریخ نهایی بروزرسانی : ۲۴ آبان ۱۳۹۶



فراگیری بوت استرپ ، پاپ اور ( Popover )

فراگیری بوت استرپ ، نوار پیشرفت ( Progress Bar )


فراگیری بوت استرپ ، نوار پیشرفت ( Progress Bar )


یک کدام بیشتراز حیاتی ترین عناصر در برای سناریو دادن پیشرفت یک پروژه ،  نمودار میله ای جهت آمارگیری و … نوار پیشرفت می باشد. نوار پیشرفت ( Progress Bar ) به عبارتی تگ <progress> در html5 می باشد که بوت استرپ با مخلوط این المان با css و پاره ای جاوااسکریپت، به جذابیت بصری آن افزوده نموده است و علاوه بر این، آن را به صورت ریسپانسیو هم درآورده نموده است.


نکته: نوارهای پیشرفت در وب اکسپلورر۹ و ورژن های قبلی آن پشتیبانی نمی شود ( زیرا آنها بیشتراز transition ها و animation ها برای تشکیل بعضا افکت های خویش به کار گیری می نمایند ).


با به کار گیری بیشتراز کلاس .progress در <div> کلیدی و به کار گیری بیشتراز .progress-bar در تگ های والد می اقتدار یک نوار پیشرفت در بوت استرپ تعریف اظهار‌کرد:


درصدی که در اینجا مشاهده می شود، درصد پیشرفتی نموده است که به وسیله این المان نشان داده می شود. همانطور که در کد ذیل مشاهده میشود، می اقتدار بیشتراز label هم برای سناریو درصد پیشرفت درین المان اسفاده اظهار‌کرد.


نوار پیشرفت به صورت منش منش striped


با به کار گیری بیشتراز کلاس .progress-bar-striped می اقتدار این المان به صورت منش منش به کار گیری اظهار‌کرد.


مثلاً:


تغییر‌و تحول تحول تحول تحول رنگ نوارهای پیشرفت:


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


نوار پیشرفت ترکیبی


می توانید در مواقعی که ما یحتاج دارید، این المان را به صورت ترکیبی بیشتراز یک خصوصی نوار به کار گیری فرمایید. به نمونه ذیل اعتنا فرمایید:


درین نمونه، progress bar بیشتراز سه نصیب به صورت ترکیبی تاسیس شده‌نموده است.




 


 

تاریخ نهایی بروزرسانی : ۲۴ آبان ۱۳۹۶



فراگیری بوت استرپ ، نوار پیشرفت ( Progress Bar )

فراگیری بوت استرپ ، Dropdowns در بوت استرپ چیست ؟


فراگیری بوت استرپ ، Dropdowns در بوت استرپ چیست ؟


دراپ داون ها برای سناریو لیست پیوند ها و مورد ها دیگر به کار می فرایند که به وسیله ی پلاگین های جاوا اسکریپت در بوت استرپ ساخته گردیده اند. با فایده بیشتراز کلاس .dropdown در مخلوط با عناصر <a> یا این که این که این که این که‌این‌که‌این‌که‌این‌که‌این‌که <button>  می اقتدار یه منوی زیر انداز ساخت اعلام کرد.


در اینجا، بیشتراز دکمه و کلاس .btn فایده کردیم.


در اینجا بیشتراز تگ لینک <a> فایده کردیم.


ساخت dropdown های رنگی با فایده بیشتراز کلاس تعریف شده در بوت استرپ:


با فایده بیشتراز کلاس بیشتراز پیش تعریف شده .dropdown-toggle-split می اقتدار دکمه های مجزا برای فایده در dropdown ها ساخت اعلام کرد. کاربرد آن ( که در قطعه کد ذیل آمده نموده است ) برای سناریو دکمه هایی نموده است که برای سناریو دادن وضعیت های خاص به کار می رود. نظیر: خطر، هشدار، اطلاع رسانی و …


برای این کار بیشتراز کلاس هایی ترکیبی با .btn فایده می کنیم.


اندازه دکمه ها:


با فایده بیشتراز کلاس های ذیل در مخلوط با کلاس .btn می توانیم اندازه دکمه ها را گزینش کنیم:


 


 

تاریخ نهایی بروزرسانی : ۲۴ آبان ۱۳۹۶



فراگیری بوت استرپ ، Dropdowns در بوت استرپ چیست ؟

فراگیری بوت استرپ ، اسلایدر ( Carousel )


فراگیری بوت استرپ ، اسلایدر ( Carousel )


کَروسِل، اسلایدری نموده است که برای عکس، متن و بعضا محتواها به کار می رود که با فایده بیش تر از CSS و جاوا اسکریپت ساخت شده‌نموده است.​ دقت داشته باشید که در هر صفحه، صرفا یکبار می بضاعت و توان بیش تر از carousel فایده اظهار کرد. ( در واقع carousel های تو در تو )​ نمونه اولیه برای فهم و شعور طولانی تر بیش تر از اسلایدر بوت استرپ، با چهره زیر نموده است که صرفا یک تصویر را سناریو می دهد:


در اینجه، یا این که این که این که این که‌این‌که‌این‌که‌این‌که‌این‌که آی دی منحصربه‌فرد را تعریف کرده و با فایده بیش تر از کلاس ها .d-block و  .img-fluid، اسلایدر تصاویر را ساخت میکنیم که در آن کنترلی برای تصاویری قبل و بعد نداریم.


اسلایدر با کنترلرهای قبل و بعد ( Next , Privious )


با فایده بیش تر از قطعه کدهای زیر، می بضاعت و توان اسلایدری با ابزار در مشت به چنگ آوردن « قبلی » و « بعدی » ساخت نمود:


 


 


در اینجا، با فایده بیش تر از کلاس های carousel-control-prev و carousel-control-next می بضاعت و توان برای تصاویر اسلایدر، کنترلر گزینش اظهار کرد تا به مطلوب کاربر، تصاویر تغییر و تحول و تحول تحول تحول مینماید.


فایده بیش تر از متن روی تصاویر اسلایدر ( Caption )


با فایده بیش تر از کلاس .carousel-caption باطن هر المان .carousel-item می بضاعت و توان متن روی اسلایدر به وجود آورد.​


 

تاریخ آخری بروزرسانی : ۲۴ آبان ۱۳۹۶



فراگیری بوت استرپ ، اسلایدر ( Carousel )

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


ابزار وردپرس – تحولی گران قدر در ارائه خدمات وردپرس فارسی

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


تلفن تماس جهت مشاوره فارغ بیش تر از پول : ۹۸۷۸ ۵۲۸ ۰۹۱۳ – ایمیل پشتیبانی : Support(at)Abzarwp(dot)com


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



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

فراگیری بوت استرپ ، به کار گیری بیشتراز دکمه ها


فراگیری بوت استرپ ، به کار گیری بیشتراز دکمه ها


بوت استرپ قابلیت و امکان تولید ۷ دسته دکمه گوناگون را به شما می دهد. وضعیت دارای اهمیت دکمه ها در bootstrap به وسیله کلاس btn تعریف می شود. این کلاس فقط روی تگ های a ، input و button کار می مینماید. در نمونه ذیل وضعیت کلی دکمه را برای تگ a تعریف می کنیم :


برای تعریف وضعیت های خاص دکمه که در تصویر بالا مشاهده می نمائید هر یک بیشتراز کلاس های ذیل را به کلاس btn بیش تر می کنیم.


  1. default :

    وضعیت پیش فرض دکمه می باشد. این دکمه به رنگ خاکستری کمرنگ و با رنگ متن سیاه نموده است که می توانید بیشتراز این دکمه در گزینه ها دلخواه یا این که این که این که این که‌این‌که‌این‌که‌این‌که‌این‌که تعریف دکمه نو به کار گیری نمائید. این دکمه به وسیله کلاس btn-default به صورت ذیل تعریف می شود.


     



     







  2. Primary :

    این دکمه به رنگ آبی‌رنگ رنگ مالامال رنگ با رنگ متن سپید برای تولید دکمه در وضعیت دارای اهمیت گزینه به کار گیری قرار می گیرد. این دکمه به وسیله کلاس btn-primary به صورت ذیل تولید می گردد.








     


  3. Success :

    این دکمه با رنگ سبز برای رویدادهای مثبت یا این که این که این که این که‌این‌که‌این‌که‌این‌که‌این‌که موفقیت آمیز گزینه به کار گیری قرار می گیرد. . این دکمه به وسیله کلاس btn-success به صورت ذیل تولید می گردد.



     








     


  4. Info :

    این دکمه با رنگ آبی‌رنگ رنگ کمرنگ برای تولید وضعیت اطلاع رسانی گزینه به کار گیری قرار می گیرد. این دکمه به وسیله کلاس btn-info به صورت ذیل تولید می گردد.








     


  5. Warning:

    این دکمه با رنگ زرد برای وضعیت اخطار گزینه به کار گیری می گیرد. این دکمه به وسیله کلاس btn-warning به صورت ذیل تولید می گردد.










     


  6. Danger :

    این دکمه به رنگ قرمز نموده است و برای تولید وضعیت خطر یا این که این که این که این که‌این‌که‌این‌که‌این‌که‌این‌که عملیات های غیرقابل بازگشت گزینه به کار گیری قار می گیرد. این دکمه به وسیله کلاس btn-danger به صورت ذیل تولید می گردد.








     


تغییر تحول‌و تحول تحول تحول اندازه دکمه ها در Bootstrap :


با افزودن کلاس های ذیل به فرایند بالا شما می توانید بیشتراز ۴ سایز مختلفی که بوت استرپ برای دکمه ها ارائه داده نموده است به کار گیری نمائید. این چهار سایز عبارتند بیشتراز:


  • large

  • medium

  • small

  • extra small


برای تعریف آن‌ها به ترتیب می توانید بیشتراز کلاس های ذیل به کار گیری نمائید:


در نمونه ذیل ۴ سایز برای ۴ دکمه گوناگون تعریف کردیم:


ایجاده دکمه با پهنا بی نقص در Bootstrap :


با افزودن کلاس btn-block می توانید پهنا دکمه گزینه حیث را به اندازه پهنا والد خویش تغییر تحول‌و تحول تحول تحول دهید.


تولید دکمه های غیرفعال و فعال در Bootstrap :


می اقتدار به وسیله کلاس active یک دکمه را به چهره فشرده شده سناریو بخشید و همینطور با افزودن کلاس disabled می اقتدار دکمه را به چهره غیرفعال یا این که این که این که این که‌این‌که‌این‌که‌این‌که‌این‌که غیرقابل کلیک سناریو بخشید.


 

تاریخ پایانی بروزرسانی : ۵ آبان ۱۳۹۶



فراگیری بوت استرپ ، به کار گیری بیشتراز دکمه ها

فراگیری ساخت ریدایرکت با فایده بیشتراز افزونه yoast


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

با فایده بیشتراز افزونه کارکشته Yoast پریمیوم می توانید ریدایرکت های بسط یافته ای ساخت نمائید و بیشتراز بابت ریدایرکت ها و صفحات ۴۰۴ خیالتان آسوده شود. ما در‌این فراگیری سئو بطور فارغ بیشتراز نقص نحوه کار با بخش ریدایرکت های yoast را توضیح دادیم. شما کارکشته خواهید بود تا با فایده بیشتراز افزونه یواست هر جور ریدایرکتی را ساخت نمائید. این افزونه کارکشته بطور اتوماتیک و راحت این کار را برای شما انجام می دهد.

ریدایرکت ها در افزونه yoast چگونه انجام می شوند ؟

کافی نموده است به تب سئو > بازگشتی ها یا این که این که این که این که اینکه اینکه اینکه اینکه redirects در پیشخوان وردپرس خویش مراجعه فرمایید و بیشتراز ریدایرکت های ساخت شده با خبر شوید. همینطور می توانید خطا هایی که در گوگل وبمستر تولز گرفته اید را به راحتی با ساخت ریدایرکت های متفاوت دردسترس به چنگ آوردن نمائید و امتیاز های مثبتی در وبسایت خودتان بگیرید. ریدایرکت ها فایده های متعددی در وبسایت دارا‌می باشند و مطمئناً به آنها مایحتاج خواهید داشت.



فراگیری ساخت ریدایرکت با فایده بیشتراز افزونه yoast

فراگیری بوت استرپ ، تایپوگرافی


فراگیری بوت استرپ ، تایپوگرافی


بوت استرپ Bootstrap به صورت پیش فرض بیش تر از فونت های Helvetica Neue, Helvetica, Arial, and sans-serif و اندازه فونت ۱۴ پیکسل و فاصله خطوط ۱.۴۲۸ پیکسل برای متون فایده می می‌نماید. تنظیمات بیش تر از پیش تعریف شده ( صورت و شمایل ) برای تگ های متعدد در Bootstrap سبب ساز سناریو بهتری بیش تر از تگ ها به صورت پیش فرض در صفحه می شود. پیرو به معرفی این خصوصیت ها برای تگ های متعدد می پردازیم.


عنوان فرعی خطی یا این که این که این که این که‌این‌که‌این‌که‌این‌که‌این‌که Inline Subheadings :


جهت افزودن عنوان فرعی به هر کدام بیش تر از تگ های <h1> تا <h6> به صورت خطی می توانید بیش تر از تگ <small> فایده نمائید. همینطور می توانیم بیش تر از کلاس .small فایده کنیم.


عنوان خطی فرعی در بوت استرپ ( <abbr> )


بوت استرپ عنصر <abbr> در HTML را به صورت ذیل استایل دهی می می‌نماید.


کلاس های رنگ بندی متون:


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


کلاس های رنگ بندی در bootstrap


برای رنگ بندی پس زمینه بیش تر از کلاس های ذیل فایده می کنیم :


تگ <kbd> :


بیش تر از تگ <kbd> می توانید برای سناریو ورودی های کیبورد در متن فایده نمائید


 

تاریخ پایانی بروزرسانی : ۲۴ مهر ۱۳۹۶



فراگیری بوت استرپ ، تایپوگرافی

فراگیری بوت استرپ ، کار با عکس ها


فراگیری بوت استرپ ، کار با عکس ها


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


ریسپانسیو ( Responsive ) یا این که این که این که این که‌این‌که‌این‌که‌این‌که‌این‌که واکنشگرا کردن تصاویر در بوت استرپ :


یک عدد امکانات عالی بوت استرپ، ریسپانسیو کردن مداد تصاویر در صفحه وب نموده است. با افزودن کلاس img-responsive به تگ <img> به راحتی می توانید تصاویر خویش را در تمام سایزهای صفحه اکران به چهره به طور بی نقص واکنشگرا اکران دهید. این بدان معنی نموده است که با افزودن این کلاس به تگ <img> در کلیه سایزها با استایل ;display:block و ;max-width:100% و ;height:auto اکران داده خواهد شد.


گرد کردن گوشه های تصاویر در بوت استرپ :


جهت گرد کردن گوشه های یک تصویر در بوت استرپ می توانید بیش تر از کلاس img-rounded به کار گیری فرمائید.


دایره ای کردن تصاویر در بوت استرپ:


در Bootstrap می توانید با افزودن کلاس img-circle به تگ <img> تصاویر را دایره ای فرمائید.


نمونه :


تشکیل حاشیه برای تصاویر در بوت استرپ:


بوسیله کلاس img-thumbnail در بوت استرپ می توانید برای تصاویر یک حاشیه یا این که این که این که این که‌این‌که‌این‌که‌این‌که‌این‌که border به ضخامت ۱px به به به به دور تصویر تشکیل فرمائید. این کلاس معمولا برای تصاویر thumbnail به کار گیری می شود.


نمونه :


در اینجا واجب نموده است اشاره کنیم که کلاس های img-rounded and .img-circle در وب اکسپلورر، نسخه ۸ به زیر کار نمی می‌نماید و تاثیری در عکس ها ندارد.


تعریف aspect ratio:


به نسبت پهنای تصویر به ارتفاع آن ” ابعاد تصویر یا این که این که این که این که‌این‌که‌این‌که‌این‌که‌این‌که Aspect ratio ” گفته می شود. بطور استاندارد دو دسته نسبت تصویر در تلویزیون ها و مانیتورها داریم. ۴:۳ برای تلوزیون های قرن بیستم و ۱۶:۹ برای تلوزیون های تازه که مدام اول عدد بزرگتر را بایستی خواند. این اعداد بدین چهره خوانده می شوند: چهار به سه و دیگری شانزده به خیر. ابعاد تصویر ۴:۳ یعنی ۴ واحد برای پهنا و ۳ واحد برای ارتفاع آن در حیث گرفته شده‌نموده است. ابعاد تصویر ۱۶:۹ یعنی ۱۶ واحد برای پهنا و ۹ واحد برای ارتفاع آن در حیث گرفته شده‌نموده است.


در بوت استرپ می توانید به راحتی عناصر <iframe> ، <embed> ، <video> ،<object>  را نسبت به ابعاد تصویر مقیاس بندی فرمائید.


 

تاریخ آخری بروزرسانی : ۲۴ مهر ۱۳۹۶



فراگیری بوت استرپ ، کار با عکس ها