مدیر سایت
50 مقاله آموزشی وردپرس برای طراحان وب
بلاگ خود را راه اندازی نموده اید و چیزی در مورد آن نمی دانید؟ می خواهید امکانات جدیدی به سایت وردپرس خود اضافه نمایید؟ این 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. اضافه نمودن ساب دامنه و دامنه اضافی به هاست
این مقاله به شما نحوه ایجاد ساب دامنه و دامنه اضافی بر روی هاست را آموزش می دهد که برای ایجاد سایت های جدید در هاست فعلی خود به آن احتیاج خواهید داشت.
دوره های رایگان آموزش فتوشاپ CS6 برای طراحان وب
فتوشاپ نرم افزاری جهت طراحی قالب سایت می باشد که از طریق این نرم افزار طراحان وب می توانند ظاهر و قالب سایت و گرافیک های مربوط به آن را پیاده سازی نمایند. جهت رویت ویدئوهای آموزش به لینک زیر مراجعه نمایید. البته این ویدئوها به زبان انگلیسی می باشد و در 26 فایل ویدئو مختلف می باشد. این ویدئو به شما ابزارهای جدید مناسب در طراحی وب سایت را توسط فتوشاپ cs6 آموزش می دهد.
بررسی هایی که یک طراح وب می بایست پس از طراحی سایت انجام دهد
برای آنکه سایت در موتورهای جستجو رنک بگیرد می بایست اصول و قواعدی که لازم است برای موتورهای جستجو در آن رعایت شود. یک طراح سایت همیشه می بایست پس از طراحی سایت، وب سایت را از هر نظر بررسی نموده تا موارد و مشکلات آن رفع گردد زیرا این مشکلات می تواند آسیب های جدی به سایت بزند.
فرآیند بررسی سایت به سه مرحله تقسیم شده: سئو کل سایت, سئو صفحات و خارج از صفحات.
سئو کل سایت
سئو کل سایت به بررسی کل سایت می پردازد
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 استفاده نمایید.
9 مقاله جدید سئو (بهینه سازی وب سایت در موتورهای جستجو) 2013 به زبان انگلیسی
سئو علم بهینه سازی سایت برای موتورهای جستجو می باشد که به شما این امکان را می دهد که در موتورهای جستجو بایت کلمه جستجوی خاصی بالا بیاید. به عنوان مثال در موتور جستجوی گوگل جستجو نمایید "طراحی سایت" سایت ما "طراحی سایت ارزان | هاست رایگان" در صفحه اول این نتیجه جستجو بالا می آید به علم انجام این کار سئو می گویند. با به روز رسانی پاندا و پنگوئن گوگل سایت های بی کیفیت از محدوده نتایج جستجو حذف شدند و فقط سایت هایی باقی ماندند که کیفیت مناسبی از نظر گوگل داشتند. راه هایی که قبلا به عنوان راه های بالا آوردن سایت در موتورهای جستجو به حساب می آمد دیگر برای گوگل مناسب نیستند. چیزه که هم اکنون برای گوگل اهمیت بالای پیدا کرده است مفید بودن سایت برای کاربر می باشد و گوگل در به روز رسانی های آخر خود به این مورد توجه ویژه ای داشته است. برای درک بهتر توصیه می کنم مقالات زیر را مطالعه نمایید.
9 مقاله در مورد سئو خوندم و ازشون لذت بردم برای شما هم گذاشتم تا بتونید دانش سئو خودتون را بالا ببرید. البته مقاله ها به زبان انگلیسی هستند بنابراین باید زبانتون قوی باشه.
Time to Change the SEO Mindset – David Harry, Search Engine Watch
With SEO Linking Strategies, Gaming the System is So Last Decade – Kern Lewis, Forbes
SEO in 2013: 7 Surprisingly Simple Factors That Will Take The Lead – Jason DeMers, Search Engine Journal
SEO Basics: 8 Essentials When Optimizing Your Site – Victoria Edwards, Search Engine Watch
The State of SEO: What’s Working Now – Neil Patel, QuickSprout
Google Plus SEO – Mark Traphagen, WindMill Networking
Google Penguin 2013: How to Evolve Link Building into Real SEO – Adam Setzer, Search Engine Watch
The 3 Steps for Success in a Multi-device Search World – Aleyda Solis, Moz
Top 1 SEO Tips for 2013 – Dr. Peter J. Meyers, Moz
قالب خالی جوملا 2.5 و 3
طراحی آیتم های بیشتر برای لیست های بلند توسط jquery
برای ایجاد لینک آیتم های بیشتر برای لیست های بلند می توانید از کد jquery زیر استفاده نمایید.
<html>
<head><title>Test</title></head>
<body>
<ul class="more">
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
<li>five</li>
<li>six</li>
<li>seven</li>
<li>eight</li>
<li>nine</li>
<li>ten</li>
</ul>
<script type="text/javascript" src="/jquery-1.3.1.js"></script>
<script type="text/javascript">
$(function() {
$("ul.more").each(function() {
$("li:gt(4)", this).hide(); /* :gt() is zero-indexed */
$("li:nth-child(5)", this).after("<li class='more'><a href='#'>More...</a></li>"); /* :nth-child() is one-indexed */
});
$("li.more a").live("click", function() {
var li = $(this).parents("li:first");
li.parent().children().show();
li.remove();
return false;
});
});
</script>
</script
</body>
</html>
ابزار جدید گوگل برای ساخت وب سایت
طراح وب گوگل ابزار جدید گوگل برای طراحی سایت و نرم افزار تحت وب با کد نویسی html5 می باشد که به طراحان اجازه ساخت سایت با قابلیت استفاده از فایل های مدیا در حد زیاد را می دهد. آیا می توانید از آن در طراحی سایت های جدید خود استفاده نمایید؟
گوگل اعلام نموده ابزار ساخت سایت و برنامه وب خود را با نام طراح وب گوگل به زودی منتشر خواهد نمود که این برنامه از html5 برای ایجاد صفحه استفاده می نماید.
به طوری که اعلام شده - در این مقاله که توسط تیم گوگل نوشته شده اولین هدف گوگل از راه اندازی این ابزار برای اشخاصی می باشد که می خواهند از طریق سایت تبلیغات آنلاین راه اندازی نمایند.
سیستم تبلیغات
در این مقاله همچنین آمده که طراح وب گوگل به همراه DoubleClick Studio - یک سیستم تبلیغات برای شرکت ها- و AdMob, راه حل تبلیغاتی گوگل برای موبایل, که از طریق آن به راحتی می توان سایت هایی با کدینک html5 برای پلت فرم های مختلف پیاده سازی نمود آمده.
با توجه به اینکه همه می دانیم گوگل اکثر درآمد خود را از طریق تبلیغات دست می آورد دور از ذهن نبوده که گوگل چنین نرم افزارهایی را در سیستم اضافه نماید، البته گوگل اعلام نموده این سیستم را صرفا برای ساخت وب سایت و برنامه های وبی ایجاد نموده است.طراح وب گوگل برای چند ماه دیگر منتشر خواهد شد و گوگل تمام تلاش خود را نموده تا این نرم افزار سیستم بسیار مناسب و راحتی برای امور تبلیغاتی اشخاص و شرکت ها باشد.
مسابقه بهترین قالب Shopify در سال 2013
3 نفر از بهترین افراد در طراحی وب بهترین قالب Shopify پیاده سازی شده را انتخاب می نمایند.
Shopify, سیستم راه اندازی فروشگاه آنلاین می باشد که کاربران توسط آن به راحتی می توانند توسط آن فروشگاه اینترنتی خود را راه اندازی نمایند, مراسم انتخاب 2013 بهترین قالب را برگزار نموده.
قالب های پیاده سازی شده توسط کاربران توسط سه نفر از بهترین طراحان وب قضاوت می شوند. این سه نفر به قرار زیر هستند:
- Jeffrey Zeldman: بنیانگذار A List Apart magazine و Happy Cog
- Tina Roth Eisenberg: طراح وب سایت و خالق بلاگ swissmiss
- Daniel Weinand: طراح اصلی Shopify
هدایا شامل $5,000 کارت هدیه شرکت اپل و $500 کارت هدیه شرکت اپل می باشد, برندگان عضو برنامه متخصصین Shopify خواهند شد, که از طریق آن می توانید در شغل طراحی وب بیشتر شناخته شوید و از این طریق مشتریان بیشتر و در آمد بیشتری داشته باشید.
مسابقه برای تمامی کاربران عضو در Shopify اعضاء که حداقل 3 سایت Shopify را پیاده سازی نموده است. قالب آماده شده می توانید شامل قالب جدید و قالب های قدیمی به روز رسانی شده می باشد.
20 قالب با کیفیت رایگان دروپال
فکر می کنید قالب های با کیفیت دروپال وجود ندارند؟ اشتباه می کنید 20 قالب با کیفیت دروپال را برای شما برای دانلود قرار داده ام.
دروپال یکی از بهترین سیستم های مدیریت محتوا می باشد که پس از جوملا و وردپرس به عنوان محبوب ترین سیستم مدیریت محتوا شناخته می شود. دروپال امکانات فراوانی در هسته اصلی خود دارد و امکانات اولیه آن از جوملا و وردپرس بیشتر است و معمولا برای طراحی وب سایت های حرفه ای تر و پیچیده تر به نسبت دو سیستم دیگر مورد استفاده قرار میگیرد.
مجموعه دارکوب یکی از شرکت های طراحی وبی در کشور می باشد که در زمینه طراحی و توسعه وب سایت با استفاده از این سیستم تخصص دارد.
طراحی قالب سایت دروپالی پیچیده تر از قالب های جوملایی و وردپرسی می باشد و نیاز به تخصص و تجربه فراوان دارد.
وردپرس معروفترین سیستم مدیریت محتوا در سطح وب می باشد. برای شما جالب خواهد بود که بدانید دروپال ظرف زمان کوتاهی به چنین معروفیتی رسیده است. شاید وقت آن رسیده که از دروپال جهت پیاده سازی وب سایت خود استفاده نمایید.
قبلا پیدا کردن قالب رایگان و با کیفیت دروپال کار بسیار مشکلی بود ولی هم اکنون می توانید قالب های رایگان دروپال را به راحتی دانلود نمایید. بنابراین برای شما 20 قالب دروپال را برای دانلود قرار داده ام تا بتوانید سایت دروپال خود را هر چه سریعتر راه اندازی نمایید...
همچنین می توانید مقالات زیر را بخاونید:
لیست قالب های آماده رایگان دروپال آماده برای دانلود
01. Marinelli
02. Bluez
03. Responsive Green
04. Daycare
05. Day and Night
06. Business Responsive Theme
07. Hatch
08. Corporate Clean
09. Likeable
10. SimpleCorp
11. Professional Responsive Theme
12. Corked Screwer
13. Blue Masters
14. Andromeda
15. Omega Kickstart
16. Touchpro
17. MD-foto
18. Business
19. Openchurch
20. Responsive Blog
8 کتاب الکترونیکی رایگان برای طراحان وب
در این کتاب ها مطالب و موارد آموزش بسیاری در مورد طراحی صفحات وب موجود است
این کتاب ها به زبان انگلیسی می باشند و هر کدام بخشی را در زمینه طراحی وب پوشش می دهند توسط این کتاب ها می توانید سطح دانش خود را در زمینه طراحی وب سایت تا حد بالایی ارتقاء دهید.
- می توانید سایر مقالات ما در زمینه طراحی سایت را در این بخش بخوانید
01. Getting Real
Getting Real به شما نحوه ساخت وب سایت را از مرحله مقدماتی طراحی وب تا مراحل پیشرفته آن آموزش می دهد.
02. The elements of typographic style applied to the web
یک مقاله بسیار کامل دز زمینه تایپوگرافی که طراحان وب بسیار با آن سرو کار دارند. این مقاله خواننده را به طور کامل با تایپوگرافی آشنا می سازد.
03. Just Ask: Integrating Accessibility Throughout Design
کتابی در زمینه نحوه مدیریت پروژه های طراحی وب و اینکه چرا برخی از آنها به ثمر نمی رسند. این مقاله توضیحات کاملی را برای مدیریت هر چه بهتر یک پروژه طراحی وب سایت ارائه می نماید..
04. Designing for the Web
این کتاب تکنیک های طراحی در محیط وب را به شما آموزش می دهد که شامل تایپوگرافی,رنگ ها و لایه ها می باشد.
05. Learning Web Design
یک کتاب مقدماتی در زمینه طراحی وب سایت, این کتاب با توضیحات اولیه در مورد طراحی یک صفحه ساده شروع می شود, و در نهایت css و کار گرافیکی بر روی وب سایت را آموزش می دهد.
06. HTML5 Quick Learning Guide
کتابی جهت آموزش html5 می باشد که در آن مواردی که در html5 اضافه گردیده بیشتر آموزش داده شده. این کتاب برای اشخاصی که با html4 آشنا هستند مناسب تر می باشد.
07. Web Designer’s Success Guide
این کتاب برای همه طراحان وب توصیه می شود در این کتاب راه کارهای مناسبی برای طراحان وب هم کسانی که به صورت انفرادی فعالیت می کنند و هم کسانی که در یک مجموعه فعالیت می نمایند آمده. خواندن این کتاب به بهتر نمودن بینش طراحان وب کمک می نماید.
08. Pixel Perfect Precision handbook
این کتاب کمک آموزشی بسیار مناسبی برای افرادی می باشد که به طراحی پیکسلی علاقه دارند در این کتاب یه اصول طراحی ظریف صفحه وب سایت، عکس ها و تصاویر اشاره شده.