مقالات در زمینه طراحی و ساخت سایت و همچنین دامنه و هاستینگ
5 نکته طراحی وب سایت در سال 2014

هم اکنون سال 2013 به پایان رسیده و سال جدید 2014 آغاز شده و می بایست برای این سال جدید آماده بود. با شروع این سال می بایست همه موارد مربوط به این سال را بررسی نماییم. زمان آن رسیده که به 365 روز سال گذشته بنگریم و آن را بررسی نماییم. می بایست به آینده نگاه کرد و برای آن آماده بود و همینطور وب سایت شما نیز می بایست مطابق با نیازهای روز باشد. در این بخش 5 نکته مهم در ارتباط با وب سایت برای سال جدید برای شما بیان می نمایم.

بهینه سازی عناوین و تگ های متا

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

افزایش سرعت وب سایت

سرعت وب سایت (مدت زمانی که کاربر در انتظار لود شدن وب سایت منتظر می ماند) یکی از فاکتورهای می باشد که موتورهای جستجو و مخصوصا گوگل به سایت شما رنک می دهند. لازم به ذکر نیست سرعت بالای وب سایت برای کاربران وب سایت نیز بسیار مهم می باشند و صفحه وب سایت می بایست کمتر از چند ثانیه لود شود در غیر این صورت و در صورتی که سایت با تاخیر باز شود ممکن است کاربر صفحه وب سایت شما را مشاهده ننماید. با استفاده از ابزار Page Speed Insights گوگل می توانید سرعت وب سایت خود را بسنجید. برای سنجش سرعت وب سایت کافی است آدرس صفحه سایت خود را در باکس مورد نظر درج نموده و گوگل به شما خطاهای وب سایت و هم چنین پیشنهاداتی راجع به بهتر شدن سرعت وب سایت می دهد. این پیشنهادات معمولا شامل کم کردن حجم و تعداد فایل های CSS و JAVASCRIPT و بهینه سازی صفحه HTML می باشد. سرعت سنج گوگل این پیشنهادات را هم برای موبایل و هم برای کامپیوترهای معمولی در دو تب جداگانه می دهد. پس به این صورت می توانید سرعت وب سایت خود را هم در موبایل و هم در کامپیوترهای معمولی بسنجید.

بهینه سازی سایت برای موبایل

با توجه به اینکه در کدام بخش از جهان هستید، کاربران اینترنت به درصدی از موبایل برای مرور اینترنت استفاده می نمایند ( در آمریکا 20% و در هند 60% ). این درصد از کاربران تعداد بسیار زیادی از کاربران را تشکیل می دهد و این تعداد روز به روز در حال افزایش است. در صورتی که سایت شما برای موبایل بهینه سازی نشده باشد شما تعداد قابل توجهی از کاربران خود را از دست خواهید داد و سایتی با پایه ای ضعیف خواهید داشت. سایت خود را در مرورگرهای مختلف موبایل و تبلت بررسی نمایید. با توجه به پیچیدگی وب سایت شما، پیشنهاد می گردد نسخه موبایلی سایت را که مختص برای مرورگرهای موبایل ایجاد گردیده طراحی نمایید. طراحی سایت موبایل به دو روش انجام می پذیرد که روش اول اضافه نمودن کدهای تشخیص موبایل در سایت و اجرا شدن CSS های مربوط به موبایل در هنگام مرور وب سایت توسط موبایل می باشد و روش دوم بررسی و پیاده سازی سایتی با کلیه ابعاد می باشد که در این نوع طراحی سایت در همه رزولوشن های مختلف بررسی می گردد. مرورگرهای موبایل و تبلت ها به دلیل آنکه تصاویر در پیسل های بیشتری استرچ می شوند رزولوشن های درخشانتری دارند و می توانید در مرورگرهای موبایل و تبلت ها تصاویر با پیکسل بالاتری نمایش دهید.

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

از هر 4 کاربر در اینترنت 3 کاربر از شبکه های احتماعی استفاده می نماید. در صورتی که مطالبی ایجاد ننموده اید که به راحتی در شبکه های اجتماعی به اشتراک گذاشته شود سال 2014 می بایست این کار را انجام دهید. شما می بایست در سایت خود فیلم, تصویر و مطلب بارگذاری نمایید و کلیدی برای به اشتراک گذاری مطلب در شبکه های اجتماعی قرار دهید. می توانید ابزار ShareThis را در تمام مطالب خود استفاده نمایید. استفاده از شبکه های اجتماعی و سیگنال های آن موردی است که برای موتورهای جستجو و مخصوصا گوگل به عنوان یکی از آیتم های تاثیر گذار رنک سایت تبدیل شده.

تبدیل وب سایت

در صورتی که از جوملا، وردپرس و PHP استفاده نمی نماید زمان آن رسیده که وب سایت خود را بر پایه آن ها طراحی نمایید. استفاده از این سیستم ها به خصوص توسط برندها و سایت های بزرگ رشد چشم گیری داشته و این به آن دلیل است که این سیستم ها مزیت های بسیاری را در مقایسه با سایت های Asp.net ارائه نموده اند. برای طراحی سایت php زمان بسیار کمتری در مقایسه با سایت Asp.net می بایست صرف نمایید. هزینه پیاده سازی سایت توسط php به مراتب پایین تر از asp می باشد و همچنین سایت توسط php در مدت زمان بسیار کمتری نسبت به asp پیاده سازی می شود. همچنین php بر روی سرورهای ویندوز و لینوکس تقریبا عملکرد یکسانی دارد ولی asp.net فقط سازگار با سرورهای ویندوز می باشد.

منبع:
+ نوشته شده در شنبه بیست و هشتم دی 1392 ساعت 11:48 توسط طراحی سایت دارکوب بدون نظر

آیا در جستجوی قالب های آماده و با کیفیت هستید؟ قالب های زیر لیست جدیدی از قالب های دو بعدی و جدید می باشد. برای یافتن قالب های آماده وب سایت به  TemplateMonster.com یا Themeforest.net مراجعه نمایید. برای خرید و یا اجرای هر یک از این قالب ها با طراحی سایت دارکوب تماس حاصل فرمایید. این قالب ها به صورت فلـت، مسطح و یا دو بعدی طراحی گردیده که نوع طراحی جدید می باشد که این قالب ها سازگار با موبایل طراحی گردیده و به اصطلاح به این نوع قالب ها ریسپانسیو می گویند. طراحی سایت سازگار با موبایل امروزه امکان بسیار مهمی در سایت ها می باشد که نمی بایست فراموش گردد.

قالب رستوران سازگار با موبایل جوملا

نرم افزارهای مورد نیاز:
Adobe Photoshop CS+;
Adobe Dreamweaver 8+ (or any php-editor);
For uncompressing a template ZIP package:
WinZip 9+ (Windows);
Stuffit Expander 10+ (Mac);
Joomla! 3.1.1

قالب مسطح

قالب تصاویر WooCommerce سازگار با موبایل

نرم افزارهای مورد نیاز:
Adobe Photoshop CS+;
Apache Server;
For uncompressing a template ZIP package:
WinZip 9+ (Windows);
Stuffit Expander 10+ (Mac);

قالب فلت

قالب شرکت بازرگانی و تبلیغاتی وردپرس سازگار با موبایل

نرم افزارهای مورد نیاز:
Adobe Photoshop CS+;
Apache Server;
For uncompressing a template ZIP package:
WinZip 9+ (Windows);
Stuffit Expander 10+ (Mac);

منبع:
+ نوشته شده در پنج شنبه بیست و ششم دی 1392 ساعت 12:6 توسط طراحی سایت دارکوب بدون نظر

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

Maps Engine Lite

Maps Engine Lite به شما امکان می دهد نقشه دلخواه خود را در گوگل طراحی نموده و را در سایت خود استفاده نمایید. شما برای این ابزار می بایست در وارد گوگل شوید.

پس از وارد شدن به این سیستم بر روی کلید new map کلیک نمایید.

سپس آدرس خود را در بخش search وارد نمایید تا نقشه آدرس درخواستی شما را نمایش دهد.

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

http://sitedesign.joomir.com/مقالات-طراحی-سایت/item/721-استفاده-از-نقشه-جدید-گوگل-در-وب-سایت-و-سفارشی-سازی-آن.html

+ نوشته شده در چهارشنبه بیست و پنجم دی 1392 ساعت 12:14 توسط طراحی سایت دارکوب بدون نظر

کد php نمایش تاریخ شمسی در برنامه نویسی جوملا
برای گرفتن تاریخ فارسی در برنامه نویسی جوملا ابتدا می بایست زبان فارسی جوملا را در سیستم مدیریت محتوای جوملای خود نصب نموده و آن را به عنوان زبان پیش فرض انتخاب نمایید و سپس در صورتی که در جایی از برنامه نویسی سایت جوملای خود نیاز به استفاده و نمایش تاریخ شمسی و فارسی را داشتید از کد زیر استفاده نمایید.
echo JHtml::date($input = ow, m/d/Y h:i:s a, false);
در کد بالا در صورتی که قصد گرفتن تاریخ فعلی را داشته باشید از now استفاده می نمایید و در صورتی که تاریخ را از جایی دیگر مثلا از دیتابیس می گیرید می توانید مقدار آن را به جایی now قرار دهید. این تابع تاریخ میلادی ثبت شده را به تاریخ شمسی و فارسی تبدیل می نماید. 
دانلود زبان فارسی جوملا از این آدرس: 
http://extensions.joomla.org/extensions/languages/translations-for-joomla/17478
منبع:
+ نوشته شده در سه شنبه بیست و چهارم دی 1392 ساعت 13:20 توسط طراحی سایت دارکوب بدون نظر

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

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

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

Theme Design Gallery

WordPress Tag on CSS Awards

WP Inspiration

WPExplorer

We Love WP

صفحات وردپرس

زمانی که قالب وردپرس را طراحی می نمایید، ممکن است مشکل باشد که تمامی مراحل ساخت قالب را به خاطر بسپارید. Cheat sheets ابزارهای مناسبی برای ثبت عملکردهای شما هستند.

Interactive WordPress Guide

Basic Theme Anatomy

WP Code & Tags

The Loop: Visual Model

فریم ورک های ساخت قالب وردپرس

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

Bones

Gantry

Whiteboard

Thematic

Reverie

سایت های کمک آموزشی وردپرس

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

Wptuts+

WP Beginner

WPMU

پلاگین های وردپرس

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

  • Debug Bar: این پلاگین به شما قابلیت عیب یابی وردپرس را می دهد.
  • SyntaxHighlighter: به شما این امکان را می دهد که به راحتی به سایت خود کد اضافه نمایید.
  • CMS Tree Page View: این پلاگین به شما این امکان را می دهد که تمامی صفحات خود را مدیریت نمایید و سلسله مراتب آنها را بدانید و مدیریت کنید.
  • WP Google Fonts: این پلاگین به شما این امکان را می دهد که از فونت های گوگلی استفاده نمایید.
  • Broken Link Checker: پلاگینی برای چک کردن لینک های مشکل دار در سایت شما.
  • Redirection: پلاگینی برای انتقال صفحات خطا به صفحات دلخواه و کلا انتقال صفحات به یکدیگر.
منبع:
+ نوشته شده در دوشنبه بیست و سوم دی 1392 ساعت 12:4 توسط طراحی سایت دارکوب بدون نظر