در سال 2013 ابزارهای جدیدی برای طراحان و توسعه دهندگان وب معرفی شدند که شامل برنامه های جدید وب، منابع jquery، ابزارهای توسعه وب، ابزارهای طراحی سایت موبایل، ابزارهای کد زنی و ابزارهای ساخت فونت های جدید می باشد.

بسیاری از ابزارهای زیر رایگان هستند و بسیاری دیگر را می توانید به مبلغ اندکی خریداری نمایید.

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

Typewolf

قصد ابداع در فونت ها را دارید؟  Typewolf برای شما بهترین سایت می باشد. فقط به شما قابلیت ایجاد فونت مورد نظر را نمی دهد بلکه فونت مناسب شما را می یابد.

Bootstrap 3

Bootstrap, فریم ورک موبایل اول از توئیتر, اما Bootstrap 3 RC1 به وجود آمد. این نسخه تغییرات بسیاری نسبت به نسخه های قبلی نموده است.

iOS 7 Wireframe Kit

 iOS7 Wireframe Kit به شما امکان ایجاد وایر فریم را در Illustrator می دهد.

Tiff

Tiff به شما تفاوت بین دو نوع فونت را نمایش می دهد. این سیستم با فونت های گوگل به مانند فونت های سیستم شما کار می کند.

Bytesize

Bytesize پادکست در مورد طراحی، توسعه وب و تکنولوژی می باشد. شما همچنین می توانید خلاصه مقاله را با لینک به مقاله مطالعه نمایید.

Skeuocard

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

WakaTi.me

WakaTi.me قابلیت حساب کردن زمان را به محیط ویرایشگر شما می آورد.

Responsive Web CSS

Responsive Web CSS ساخت وب سایت موبایل را برای انواع مختلف موبایل ها برای شما آسان می سازد.

Colorgorize

Colorgorize گالری وب تقسم بندی شده توسط رنگ می باشد. شما می توانید سایت را با رنگ مورد نظر خود مرور و یا جستجو نمایید.

Spectacle

Spectacle برای سیستم مک طراحی شده برای کنترل صفحه با کلیدهای میانبر. این یک سیستم کد باز می باشد و استفاده از آن بسیار آسان می باشد.

Snapnote.io

Snapnote.io به اشتراک گذاری و استفاده از تصاویر را در صفحه به وسیله دراگ و دراپ آسان می سازد.

Pico

Pico سیستم مدیریت محتوای ساده و آسان می باشد که از دیتابیس استفاده نمی نماید. این سیستم کد باز می باشد.

CSS3 Animation Cheat Sheet

 CSS3 Animation Cheat Sheet به شما قابلیت ایجاد انیمیشن های مختلف را توسط css3 نمایش می دهد.

Precomposed Touch Gestures

Precomposed Touch Gestures ابزار مناسبی برای ساخت دموی محصول و پرزنتیشن می باشد.

Mailparser.io

Mailparser یک راه آسان برای اتوماتیک سازی روتین ایمیل شما می باشد.

Progression.js

Progression.js یک پلاگین jquery برای نمایش عملکرد واقعی فرم می باشد.

CSS Zen Garden

CSS Zen Garden به شما امکان های ساخت ابزارهای مختلف توسط css را نمایش می دهد که با html5 هماهنگ شده.

NearlyFreeSpeech.NET

NearlyFreeSpeech.NET سرویس هاستینگی است که شما برای آن مقدار که استفاده می نمایید پرداخت می کنید. همچنین یک ابزار محاسبه و پیشبینی قیمت هاست دارید.

Webflow

Webflow ابزاری برای ساخت وب سایت موبایل به صورت تصویری می باشد. که شامل ابزارهای گرید، فونت های وب و فرم ها و .. می باشد.

Emmet LiveStyle

Emmet LiveStyle یلاگین برای ویرایش فایل CSS شما می باشد. این ابزار با گوگل کروم و سافاری سازگاری دارد.

TypeWonder

TypeWonder به شما امکان بررسی و تست فونت های وب را می دهد. فقط کافی است آدرس سایت مورد نظر را وارد نموده و فونت مورد نظر خود را انتخاب نمایید.

Cloud Cannon

Cloud Cannon به شما امکان ایجاد سیستم مدیریت محتوا از css و html را می دهد.

SVGeneration

SVGeneration به شما امکان ایجاد گرافیک های SVG را در سایت می دهد.

سه شنبه, 29 مرداد 1392 19:13

6 کتاب رایگان HTML5 برای طراحان وب

HTML زبان برنامه نویسی پایه می باشد و HTML5 آخرین نسخه HTML می باشد. که ابزارها و امکانات بسیاری برای ایجاد وب سایت پویا دارد. HTML5 استاندارهای مدرن وب را برای همگان به ارمغان آورده است.HTML5 قابلیت های فراوانی را به وب اضافه نموده است, که مطالب قابل خواندن توسط انسان را با مطالب قابل خواندن توسط ماشین را با یکدیگر در ارتباط قرار می دهد.

در روزهای پیش, تکنولوژی های جدید نظیر HTML5, CSS3, jQuery و سایر امکانات معرفی شدند. این تکنولوژی های جدید به طراحان امکان ایجاد وب سایت های پویاتر و به روز تر را می دهند. امروزه برخی از طراحان ترجیح می دهند مطالب آموزشی را به صورت آنلاین و از طریق کتاب های الکترونیکی مطالعه نمایند.

امیدوارم طراحان وب بتوانند از این مجموعه رایگان استفاده نمایند. لطفا نظرات خود را در بخش پایین صفحه بگذارید.

مجموعه 6 کتاب رایگان html5 برای طراحان وب

1. Dive Into HTML5

Dive Into HTML5 قابلیت های جدید html5 را به کاربر نمایش می دهد. نسخه آخر آن توسط O’Reilly, تحت لیسانس Google چاپ گردید.

دانلود: Dive Into HTML5

2. Up to Speed on HTML 5 and CSS 3

یک معرفی اولیه در مورد استانداردهای html5 و css3, که از موارد اولیه تا موارد کاربردی تر را آموزش می دهد.

دانلود : Up to Speed on HTML 5 and CSS 3

3. Scribd in HTML5

یک کتاب آموزشی html5 که آموزش خود را از طریق تشریح مثال های موارد انجام شده انجام می دهد.

دانلود Scribd in HTML5

4. HTML5 WTF?

در این کتاب به تغییرات html5 نسبت به نسخه های قبلی بیشتر اشاره شده

دانلود : HTML5 WTF?

5. 20 Things I learned about Browsers and the Web

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

دانلود: 20 Things I learned about Browsers and the Web

6. HTML5 Quick Learning Guide

این کتای آموزشی المان های اولیه html5 را به شما آموزش می دهد و آن ها را از نظر کاربردی بررسی می کند. این کتاب آموزشی برای آنهایی که می خواهند با امکانات جدید html5 آشنا شوند مناسب است.

دانلود: HTML5 Quick Learning Guide.

فعال سازی شده در html در طراحی سایت
یکشنبه, 27 مرداد 1392 18:28

12 گرایش طراحی وب در سال 2013

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

محتوا اول

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

طراحی منعطف

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

Metro

با انتشار ویندوز نسخه 8 و مطرح شدن مسائلی به مانند ارائه محتوا قبل از هر چیزی وب سایت های بسیاری قالب خود را به مانند قالب Metro پیش فرض ویندوز 8 طراحی نمودند. Metro طراحی است که در آن آیتم های محتوا به باکس هایی در سایزهای مختلف تقسیم بندی شده , که با تصویر ، آیکون تزئین شده است.

پشتیبانی Retina

Apple نمایش Retina خود را برای iPhone 4, iPad, و MacBook Pro در سال 2012 معرفی نمود. نمایش Retina نوع نماشی می باشد که شرکت apple برای صفحات کریستالی نمایشی خود طراحی نموده است. Apple ادعا می نماید نمایش Retina از نظر کیفیت پیکسلی به گونه ای است که چشم انسان قادر به رویت پیکسل های آن نیست. طراحان وب بسیاری کیفیت تصاویر و فایل های css خود را به گونه ای طراحی نمودند تا از این قابلیت پشتیبانی نماید. Retina.js راه دیگری برای ارسال تصاویر با کیفیت به مرورگرهای apple می باشد.

اسکرول نامحدود

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

Parallax

یک روش اسکرولینگ که در سال 2012 مطرح شد, و امسال نیز مطرح بود, “Parallax,” می باشد هنگامی که دو آیتم به طور موازی با سرعت متفاوت حرکت می کنند. با پشتیبانی مرورگر از این قابلیت, Parallax برای اجرا در صفحات وب سایت محبوب تر شد.

سایت های تک صفحه ای

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

پس زمینه تصویر و یا ویدئو کامل

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

طراحی نظیر نرم افزارها

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

افکت های CSS3

با توجه به امکانات جدید و گسترده css3 طراحان امکانات بسیاری برای پیاده سازی افکت های جدیدتر از طریق css3 یافتند. CSS3 به طراحان این اجازه را می دهد که بر روی آیتم ها سایه بیاندازند و همچنین به طراحان این امکان را می دهد که به اسکریپت های سبک ابزارهای نظیر تصاویر و فلش بسازند.

استفاده از فونت ها و تیترهای درشت

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

طراحی المنت ها به صورت کروی

طراحان وب بسیاری از اشکال دایره ای شکل به جای اشکال مستطیلی و گوشه های گرد استفاده نمودند . دایره ها همچنین در طراحی “Metro” استفاده می شوند.

فید کردن

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

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

بهترین شرکت طراحی وب سایت در ایران کدام است؟ چگونه یک شرکت به عنوان بهترین شرکت طراح وب سایت شناخته می شود.

طراحی سایت دارکوب به عنوان یکی از شرکت های مطرح طراحی سایت شناخته می شود. قبل از آنکه بیان نماییم که چرا به عنوان یکی از شرکت های برتر طراحی وب سایت به حساب می آییم می بایست دلایل آنکه چرا به شرکت به عنوان بهترین شرکت طراحی وب به حساب می آید بیان نمایم؟

کیفیت کار شرکت های طراحی وب سایت

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

پس دلیل آنکه یک شرکت طراحی سایت به عنوان برترین شناخته می شود چیست؟

به نظر من برای آنکه به عنوان برترین شرکت طراحی سایت مطرح باشید می بایست واجد شرایط موارد زیر باشید:

طراحی برنده جوائز:

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

تعداد زیاد پروژه های انجام شده:

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

خدمات ارائه شده گسترده:

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

نمایش پروژه های موفق:

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

رشد شرکت:

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

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

طراحی سایت دارکوب فعالیت خود را از سال 1381 آغاز نمود و کار خود را به صورت انجام پروژه های طراحی سایت برای شرکت های طراحی سایت آغاز نمود بدین صورت که پروژه هایی که شرکت های طراحی سایت می گرفتند به دارکوب ارجاء می دادند و دارکوب پروژه ها را برای شرکت به پایان می رسانید. دارکوب در این سال ها و تا زمان نوشتن این مقاله در حدود 3000 پروژه طراحی سایت را تحویل نموده است که تعداد پروژه های بالای این مجموعه نشان از توانایی بالای این مجموعه دارد.

آیا طراحی سایت دارکوب بهترین شرکت طراحی سایت در ایران است؟

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

البته می توان گفت طراحی سایت دارکوب یکی از بهترین شرکت های طراحی می باشد به دلیل آنکه:

طراحی های برتر:

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

گستردگی پروفایل:

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

گستردگی خدمات در زمینه وب:

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

پروژه های موفق دارکوب:

به نگاهی به پروفایل دارکوب خواهد فهمید که دارکوب پروژه های بسیار موفقی را تا کنون تحویل کارفرمایان خود نموده است پروژه هایی که کارفرما توسط وب سایت خود نیازهای خود را از طریق وب سایت خود برطرف می نماید و بدین وسیله از هزینه ای که برای طراحی سایت خود نموده کسب در آمد می نماید.

رشد شرکت:

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

تفاوت طراحی سایت دارکوب با سایر شرکت های طراحی در چیست؟

کیفیت اجرای پروژه ها و سابقه و تجربه طراحی سایت دارکوب را با سایر شرکت های طراحی سایت مقایسه نمایید.

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

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

وردپرس معروفترین سیستم مدیریت محتوا در وب می باشد که نزدیک به 20% وب سایت ها توسط وردپرس راه اندازی می شوند. وردپرس نرم افزاری بسیار آسان برای پیاده سازی وب سایت می باشد که قابلیت های بسیاری در راه اندازی سایت های پیچیده نیز دارد و از طریق آن هر نوع سایتی را می توانید راه اندازی نمایید.

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

برای مبتدیان

01. وردپرس - شروع

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

02. نکات وردپرس

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

03. آموزش منوهای وردپرس

این مقاله آموزشی به شما نحوه مدیریت منوهای وردپرس را آموزش می دهد.

04. آموزش کامل میانبرها

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

05. یادگیری وردپرس در یک هفته

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

06. کار با ویرایشگر وردپرس

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

07. وردپرس کاران به مبتدیان پیشنهاد می نمایند

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

08. حذف تصاویر

مقاله مناسبی جهت مدیریت تصاویر و مدیرت تصاویر مهم و به کار گیری آنها در بدنه

ارتقاء طراحی سایت شما

09. وردپرس برای طراحان

آموزش وردپرس به طراحان برای ایجاد سایت وردپرس زیبا

10. آموزش ساخت ماژول های وردپرس

ساخت ماژول وردپرس مانند ساخت پلاگین وردپرس می باشد ولی از آن ساده تر می باشد. این مقاله نحوه ساخت ماژول های وردپرس را به شما آموزش می دهد.

11. نحوه ساخت اسلایدر ارسالی های مهم

همیشه نیاز دارید مقالاتی را در سایت به صورت مهم نمایش دهید توسط این مقاله آموزشی نحوه ایجاد بخش مقالات مهم را یاد خواهید گرفت

12. چگونه رنگ بندی قالب را انتخاب نماییم

از آزمایش انتخاب رنگ های مختلف برای ساخت بلاگ خود نترسید

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

13. فرمت بندی آسان صفحات در وردپرس

این مقاله به شما نحوه فرمت بندی صفحات و ارسالی ها وردپرس را آموزش می دهد

14. آموزش کامل نحوه ایجاد ارسالی های سفارشی

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

اضافه نمودن تصاویر به سایت

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

15. چگونه تصویر نویسنده را به بلاگ اضافه نماییم

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

16. چگونه سایزهای اضافی تصاویر وردپرس را اضافه نماییم

در صورتی که قصد دارید از سایزهای مختلف تصویر در ارسالی های وردپرس خود استفاده نمایید این مقاله را مطالعه نمایید

17. نحوه ساخت گالری تصاویر در وردپرس

در این مقاله به شما نحوه ساخت گالری مدیا در وردپرس بدون نیاز به نصب پلاگین آموزش داده خواهد شد

18. مدیریت بهتر تصاویر در وردپرس

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

19. چگونه تصاویر بلاگ مطلوبی داشته باشیم

این مقاله به شما بهترین نحوه استفاده از تصاویر در بلاگ را آموزش می دهد

ایجاد قالب وردپرس

20. نحوه ایجاد قالب وردپرس از پایه

این مقاله به شما ساخت قالب وردپرس را از شروع تا پایان و از پایه آموزش می دهد

21. نحوه ایجاد قالب پروفایل در وردپرس

این مقاله به شما نحوه ایجاد سایت پروفایل به مانند این سایت را آموزش می دهد

22. نحوه ساخت قالب وردپرس

نحوه ایجاد قالب های قدرتمند و پیچیده وردپرس را آموزش می دهد

23. طراحی برای وردپرس: سری کامل

این مقاله به شما از دانلود وردپرس و نصب آن بر روی سرور تا ایجاد قالب وردپرس را به شما آموزش می دهد

24. ایجاد قالب تایپوگرافی وردپرس

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

25. ارتقاء و بهینه سازی فرآیند ساخت قالب

این مقاله به شما نحوه بهتر طراحی نمودن قالب وردپرس را آموزش می دهد

استفاده از شبکه های اجتماعی

26. استفاده از فیس بوک، توئیتر و گوگل پلاس در وردپرس

به شما نحوه استفاده از شبکه های اجتماعی را در سایت آموزش می دهد

27. اضافه نمودن کلید پینترست در سایت

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

28. نحوه اضافه نمودن کارت توئیتر در وردپرس

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

29. نحوه ایجان خبرنامه ایمیل در وردپرس

به شما نحوه ایجاد خبرنامه در وردپرس آموزش داده خواهد شد

سفارشی نمودن وب سایت

30. سفارشی نمودن بخش مدیریت

این مقاله به شما نحوه سفارشی سازی بخش مدیریت وردپرس را آموزش می دهد

31. ایجاد یک نوع جدید ارسالی در وردپرس

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

32. استفاده از جستجوی سفارشی گوگل در وردپرس

این مقاله به شما نحوه اضافه نمودن جستجوی گوگل مخصوص به سایت شما را به سایت آموزش می دهد

33. اضافه نمودن آیکون به منو بدون نصب پلاگین

این مقاله به شما نحوه ایجاد منوهای تصویر و منو همراه آیکون بدون نصب پلاگین منو جدید را آموزش می دهد

34. ایجاد سایت چند زبانه توسط وردپرس

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

35. تغییر دهنده قالب وردپرس

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

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

36. 5 پلاگین مهم اولیه برای بلاگ شما

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

37. نحوه نمایش آخرین فعالیت های شما در وردپرس

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

38. نحوه ساخت اولین پلاگین شما

این مقاله به شما آموزش می دهد چگونه پلاگین مورد نیاز خود را ایجاد نمایید

39. پلاگین های لازم و پیشنهادی برای قالب وردپرس شما

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

40. نحوه ایجاد پلاگین های الحاقی

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

امنیت سایت وردپرس

41. امن سازی وردپرس توسط .htaccess

وردپرس با 70 میلیون کاربر در اینترنت آیا نرم افزار امنی می باشد؟ این مقاله در مورد نحوه استفاده از .htacess برای امن سازی وردپرس می باشد

42. روش های هک رایج وردپرس

وردپرس از چه نقاطی بیشتر آسیب پذیر است؟ از چه روش های معمولا وردپرس صدمه می بیند؟ و روش های جلوگیری از هک سایت وردپرس چیست؟

مهارت های پیشرفته

43. مدیریت چرخه وردپرس

چرخه ها پایه های سیستم های مدیریت محتوا می باشند. در این مقاله این چرخه ها توضیح داده می شود.

44. استفاده از کدهای کوتاه در وردپرس

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

45. فیلدهای سفارشی کاربر پسند با متاها

این مقاله به شما نحوه اضافه نمودن متاها را به ارسالی ها با استفاده از فیلدهای سفارشی و سایر امکانات آموزش می دهد

46. استفاده زیبا از وردپرس با استفاده از تصاویر هوشمند

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

47. مواردی که می بایست در مورد وردپرس 3.5 بدانید

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

48. درج ماژول ها توسط کدهای کوتاه

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

49. استفاده از WP_Query در وردپرس

این مقاله به شما نحوه استفاده از WP_Query برای ایجاد لیست های ارسالی را می دهد

50. اضافه نمودن ساب دامنه و دامنه اضافی به هاست

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

فعال سازی شده در طراحی سایت با وردپرس

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

Photoshop CS6 for Web Designers 

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


فرآیند بررسی سایت به سه مرحله تقسیم شده: سئو کل سایت, سئو صفحات و خارج از صفحات.


سئو کل سایت

سئو کل سایت به بررسی کل سایت می پردازد

Accessibility

  • دسترسی صفحه: در صورتی که موتور جستجو به یک صفحه نرسد نمی تواند صفحه را ایندکس نماید. دقت نمایید فایل robots.txt یا robots meta tag به صورت تصادفی صفحات خاصی را مسدود نکرده باشد. 
  • صفحات نا مناسب: همینطور صفحاتی نیز نبایند ایندکس شوند به طور مثال صفحاتی که هنوز تکمیل نشده اند و یا صفحات مخصوص کاربران. آن ها را از طریقrobots.txt یا robots meta tag مسدود نمایید. 
  • صفحه بندی: حتما از تگ های rel=”next” و rel=”prev” برای لینک های صفحه بندی خود استفاده نمایید تا دچار صفحات با عناوین تکراری نشوید. 
  • انتقال ها: از عملیات انتقال صفحه 301 به جای 302 استفاده نمایید. عملیات انتقال صفحه 301 رنک بهتری نسبت به 302 دارد. 
  • 404 خطا: خطاهای 404 سایت خود را به حداقل برسانید. 
  • سرعت سایت: سرعت لود شدن وب سایت تاثیر بالای در رنک وب سایت دارد. سرعت بالاتر رنک بهتری در گوگل می گیرد از ابزار چک کردن سرعت وب سایت گوگل برای بررسی سرعت وب سایت خود استفاده نمایید. 
  • دسترسی برای موبایل: آیا سایت شما با موبایل دسترسی مناسبی دارد. گوگل پیشنهاد می نماید برای سایت خود حتما نسخه موبایل ایجاد نمایید. 
  • محتوای تکراری: حتما سایت خود را در ابزار مدیران وب سایت گوگل ثبت نموده و صفحات تکراری خود را بررسی نموده و صفحاتی تکراری خود را حذف نموده و یا آنها را به صفحه اصلی انتقال دهید. همینطور می توانید از تگ rel=”canonical” برای جلوگیری از محتوای تکراری استفاده نمایید. 

ساختار آدرس دهی صفحات

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

نقشه سایت

  • HTML نقشه سایت: یک نقشه سایت html برای کاربران سایت ایجاد می گردد تا کاربران سایت ساختار سایت را متوجه شوند ولی موتورهای جستجو از طریق آن شاخه بندی سایت را همینطور بررسی می نمایند. 
  • XML نقشه سایت: نقشه سایت xml برای موتورهای جستجو طراحی می گردد و موتورهای جستجو از طریق آن شاخه بندی سایت را استخراج می نمایید. تعداد لینک های نقشه سایت نباید از 5000 بیشتر باشد. 
  • نقشه سایت تصویری: تصویر نقشه سایت شما در نتایج موتور جستجوی گوگل نمایش داده خواهد شد و باعث بالا رفتن رنک شما خواهد شد. 
  • نقشه سایت ویدئو: نقشه سایت ویدئوئی به ایجاد ابزارهای جدید گوگل در سایت کمک می نماید. 

بهینه سازی صفحه

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

Keyword

  • یک کلمه کلیدی در هر صفحه: هر صفحه یک کلمه کلیدی داشته باشد. 
  • بررسی کلمه کلیدی: رنک گرفتن برای کلمه کلیدی درست بسیار مهم می باشد. کلمات کلیدی خود را بررسی نمایید و آنهایی را انتخاب نمایید که جستجوی ماهینه بیشتری دارند و تعداد رقابت کننده کمتری دارند. 
  • کلمه کلیدی در آدرس: برای ساخت نام صفحات خود از کلمات کلیدی صفحه استفاده نمایید 
  • کلمه کلیدی در عنوان: کلمه کلیدی را حتما در عنوان استفاده نمایید, و ترجیحا در ابتدای جمله. این مسئله برای موتورهای جستجو بسیار مهم است. 
  • کلمات کلیدی در عناوین: کلمات کلیدی خود را در تگ های عناوین h1,h2,h3 استفاده نمایید.
  • کلمه کلیدی در محتوا: از کلمه کلیدی مورد نظر حتما در بدنه صفحه استفاده نمایید از مترادف های کلمه کلیدی نیز استفاده نمایید. سعی نمایید کلمه کلیدی را حتما در اولین پاراگراف استفاده نمایید. 

محتوا

  • عنوان: حداکثر 70 کاراکتر
  • محتوای جدید: به کاربران خود مطالب جدید و جذاب ارائه نمایید. 
  • نوع محتوا: استفاده از انواع مختلف فایل ها به مانند فایل امتحانی، فایل کمیک و ....... 
  • قابلیت خوانایی: موتورهای جستجو نمی توانند انواع مختلفی از آیتم ها به مانند تصاویر و فایل فلش را بخوانند حتی الامکان از متون جهت توضیح صفحه خود استفاده نمایید.  
  • انتخاب زبان: به موتورهای جستجو اطلاع دهید این یک نسخه ترجمه می باشد با استفاده از تگ هایtherel=”alternate” hreflang=”x” . 
  • تازگی: موتورهای جستجو به مطالب جدید علاقه مندند دائما مطالب خود را تغییر دهید.
  • مقدار محتوا: مقالات بلندتر رنک بهتری در موتورهای جستجو می گیرند سعی نمایید مقالات تعداد کاراکترهای مقالات شما از 300 بیشتر باشد. 

تصاویر

  • نام فایل: از نام فایل معنادار استفاده نمایید. 
  • Alt تگ: حتما توضیحات تصویر را توسط تگ alt بدهید. 
  • سایز: حجم تصاویر را در حداقل قرار دهید. 

نمایش در موتورهای جستجو

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

جستجوی محلی

  • بهینه سازی محلی: برای بهینه سازی صفحه خود برای مکان خاصی از نام مکان در عنوان، بدنه و آدرس صفحه استفاده نمایید. 
  • داده های ساختار یافته: توسط داده های ساتار یافته همچنین می تواند مکان محل خود را اعلام نمایید.  
  • چندین مکان: در صورتی که خدمات خود را در مکان های مختلف ارائه می نمایید برای هر مکان یک صفحه مجزا ایجاد نمایید. 
  • Google+: صفحه محلی گوگل خود را ایجاد نمایید. 
  • لیست محلی: از سایت های محلی برای سایت خود لینک بگیرید. 

بهینه سازی خارج از سایت

تاکتیک سئو بر روی خارج از سایت

  • لینک های داخلی: تعداد لینک های داخلی را بررسی نمایید. 
  • اعتبار بخشیدن: لینک از سایت های معتبر به سایت شما اعتبار می بخشد 
  • متن لینک: از کلمات کلیدی خود برای لینک دادن به سایت خود از سایت های دیگر استفاده نماید اما در انجام این کار زیاده روی ننمایید و آن را به صورت طبیعی انجام دهید. 
  • تنوع: بهتر است از چند سایت مختلف رنک بگیرید تا در یک سایت لینک های بیشتری داشته باشید. 
  • Nofollow:لینک هایی که تگ nofollow دارند رنکی به سایت شما ارسال نمی نمایند 
  • لینک های بد: لینک از سایت ها نا معتبر رنک سایت شما را خراب می نماید. لینک در سایت های بد را حذف نموده و یا از Disavow Tool استفاده نمایید. 
فعال سازی شده در طراحی سایت سئو
صفحه 2 از 2
طراحی سایت دارکوب | هاست دارکوب | دارکوب نام و علامت تجاری ثبت شده این مجموعه می باشد.
دارای مجوز از (سازمان نظام صنفی رایانه ای استان تهران) ، (رتبه 4 شورای عالی انفورماتیک کشور) ، (وزارت فرهنگ و ارشاد اسلامی)
آموزشگاه طراحی سایت و سئو با مجوز رسمی از سازمان فنی و حرفه ای کشور افتتاح شد
دارکوب به عنوان شرکت خلاق توسط معاونت علمی و فناوری ریاست جمهوری برگزیده شد