loading...
طراحی سایت | طراحی وب سایت
طراحی سایت بازدید : 37 دوشنبه 14 فروردین 1396 نظرات (0)

 آموزش وردپرس 

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

مقدمه :

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

پیش نیاز :

۱-آشنایی با Html و CSS، مرورگر وب، ویرایشگر متن

۲-دانش کدنویسی PHP :

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

۳-سرور محلی (Localhost) :

سیستم وردپرس با استفاده از زبان PHP نوشته شده است و برای نصب وردپرس نیاز به وب سرور آپاچی (Apache) و بانک اطلاعاتی (Mysql) است که اگر بخواهیم بر روی کامپیوتر شخصی قالب وردپرس طراحی کنیم نیاز به یک مفسر زبان PHP می باشد که کار یک سرور واقعی را انجام دهد، برای این کار نرم افزار های مشابه زیادی وجود دارد که از آنها Wamp یا Xampp نرم افزارهایی هستند که محبوب تر از نرم افزارهای مشابه موجود می باشند.

۴-سیستم وردپرس (wordpress) :

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

هر پوسته (قالب وردپرس) شامل تعدادی فایل با پسوند .php می باشد که هر کدام از فایل ها یک کاری را در سایت انجام می دهد.
نام گذاری فایل ها :

  • Index.php : قالب صفحه اصلی می باشد.
  • Header.php : کدهای سر سفحه در داخل این فایل جایگذاری می شود.
  • Footer.php : کدهای انتهای صفحه داخل این فایل جایگذاری می شود.
  • Sidebar.php : اگر قالب وب سایت ما چند ستونه باشد (۲ ستونه، ۳ ستونه)،دارای ۲ ستون کناری باشد یعنی چپ و راست باید دو فایل با نام های right-sidebar.php و left-sidebar.php ساخته شود.
  • Single.php : پوسته مطالب
  • Page.php : پوسته برگه ها
  • Archive.php : پوسته آرشیو مطالب
  • Loop.php : پوسته مطالبی که در صفحه single.php و page.php قرار می گیرد.
  • Search.php : پوسته صفحه نتایج جستجو
  • Searchform.php : کدهای فرم جستجو
  • Functions.php : شامل توابع پوسته می باشد که با استفاده از این فایل می توان امکانات بیشتری برای پوسته ایجاد کرد به طور مثال (پشتیبانی از ابزارک ها)
  • ۴۰۴٫php : پوسته صفحه خطای ۴۰۴ (Not Found)
  • Comments.php : پوسته نظرات کاربران
  • Style.css : استایل پوسته
طراحی سایت بازدید : 40 یکشنبه 13 فروردین 1396 نظرات (0)

 

طراحی سایت فرش

انسان از زمانی که ملزومات زندگی خود را شناخت نیاز به فرش برای حفاظت او در برابر سختی زمین ، سرما و غیره درک کرد و با گذشت زمان این نیاز با هنر آمیخته شد.

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

در راستای این ، ما تکنیک های طراحی سایت فرش را به نوعی طراحی می کنیم که کاربران دنیای هنر شما را تجربه کنند.

برخی امکانات در طراحی سایت فرش :

  • مشاهده انواع فرش ها توسط بازدید کننده به صورت مجازی
  • سیستم پیشنهادی فرش به مشتری بر اساس نوع جنس، سبک، فضا، نوع کفپوش و…
  • گالری تصاویر فرش
  • بخش مقالات
  • ایجاد بخش موزه مجازی فرش های نفیس و قیمتی
  • ایجاد بخش جستجوی پیشرفته در طراحی سایت فرش
  • ایجاد مقایسه بین فرش ها
طراحی سایت بازدید : 34 شنبه 12 فروردین 1396 نظرات (0)

طراحی سایت مجله اینترنتی

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

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

برخی از امکانات در طراحی سایت مجله اینترنتی :

  • فروش آنلاین مجلات و روزنامه به صورت اینترنتی
  • فروش محصولات فرهنگی
  • عضوگیری خوانندگان و نویسندگان
  • آرشیو مجلات و روزنامه
  • دریافت تبلیغات
طراحی سایت بازدید : 60 جمعه 11 فروردین 1396 نظرات (0)

 آموزش طراحی سایت با جوملا

آموزش طراحی سایت با پورتال ساز جوملا

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

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

میتوانید به کمک آن وب سایت های مختلفی را طراحی کنید

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

نکات کلی در مورد سیستم مدیریت محتوای جوملا

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

امکانات طراحی سایت با جوملا

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

نکته پایانی

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

طراحی سایت بازدید : 34 پنجشنبه 10 فروردین 1396 نظرات (0)

 ثبت سایت در گوگل آنالیتیکس (Google Analaytics)

مراحل ثبت سایت در گوگل آنالیتیکس

Google Analaytics که سرویسی برای گوگل است می توانید رشد طراحی سایت خود را با استفاده از این سرویس بررسی نمایید. آماری که توسط این سرویس ارائه می شود بدون گذراندن  دوره های ویژه نمی توان از تمامی امکانات آن استفاده کرد.

برای ثبت سایت در google analaytics باید طبق مراحل زیر پیش رفت :

۱-برای استفاده از google analaytics باید یک اکانت گوگل داشته باشید.

۲-وارد آدرس https://www.google.com/analytics شوید.

۳-از منوی بالا سمت راست صفحه، sign in را انتخاب کنید.

tarahi-site-01

۴-پس از کلیک بر روی Sign in یک منوی کشویی طبق عکس زیر باز می شود.که اولین گزینه google analaytics می باشد.

۵-در صفحه باز شده Sign in کنید.

tarahi-site-02

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

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

-در مرحله بعد URL وب سایت خود را وارد نمایید.

tarahi-site-03

-در قسمت مربوط به تجارت خود، نوع تجارت خود را مشخص کنید که این قسمت با ۲۵ دسته مختلف وجود دارد.

-مرحله بعد انتخاب بازه زمانی منطقه خود را انتخاب نمایید.

-روی گزینه ردیابی ID و یا Get tracking ID کلیک کنید تا تکه کدی برای شما باز شود این کد را باید در وب سایت خود اضافه نمایید.

tarahi-site-04

 

منبع: طراحی سایت اسپیناس

طراحی سایت بازدید : 28 چهارشنبه 09 فروردین 1396 نظرات (0)

کاملترین راهنمای طراحی سایت (همراه با جزئیات)

تیم طراحی سایت اسپیناس در بخش طراحی سایت و سئو سایت (بهینه سازی) خدمات ارائه میکنیم و بیش از ۱۰۰ ها پروژه را برنامه نویسی و طراحی کرده ایم و میخواهیم در این مقاله به صورت کامل تمامی جزئیات مربوط به طراحی سایت را توضیح دهیم
می توانید از قسمت نمونه کارهای طراحی سایت بیشتر با پروژه های ما آشنا شوید

طراحی سایت چیست ؟

به ساختن وب سایت اینترنتی که به وسیله طراح و کد نویس با کمک زبان برنامه نویسی مانند php, asp و زبان های دیگر مانند Css , Html انجام می شود گفته می شود اینکه کدام زبان بهتر است و کدام یک سئو بهتری دارد نیز در مقاله دیگری در مورد آن صحبت میکنیم
فعلا به مهمترین موارد آن می پردازیم

دامنه یا domin چست ؟

یک نام برای وب سایت است که به کمک آن می توان به یک سایت دسترسی پیدا کرد هر دامنه از ۲ قسمت اصلی تشکیل شده است مانند دامنه sitedp.com که قسمت اول نام برند sitedp و قسمت دوم .comm نوع فعالیت را نشان می هد در ثیت یک دامنه باید نکات زیادی را رعایت کرد که مهمترنی آن سئوی دامنه می باشد (انتخاب یک دامنه مناسب مربوط به فعالیت)

هاست چیست؟

به فضایی که اطلاعات وب سایت شما روی آن قرار میگرد هاست می گویند هاست باید به صورت ۲۴ ساعته فعال و به اینترنت متصل باشد دامنه به هاست اشاره میکند

طراحی سایت استاتیک

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

طراحی سایت داینامیک

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

قالب سایت

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

طراحی سایت بازدید : 36 سه شنبه 08 فروردین 1396 نظرات (0)

 ایندکس شدن سریعتر مطالب با Fetch and Render

کات مهم طراحی سایت

ایندکس شدن سریعتر مطالب با Fetch and Render

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

اطلاع رسانی به موتورهای جستجو

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

البته اطلاع رسانی های زیاد نیز ممکن است تاثیر منفی برای سایتتان داشته باشد

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

Fetch and Render در طراحی سایت

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

اگر با ابزار Search Console  آشنایی داشته باشد در آن گوگل ابزاری به نام Fetch and Render  دارد که برای همین مورد ایجاد شده است و به کمک آن شما می توانید از گوگل بخواهید سریعتر صفحات جدید ایجاد شده را بخواند

این ابزار نیز دارای محدودیت هایی در استفاده هستند به به صورت ماهیانه است ، شما برای Fetch  محدودیتی ندارید ولی برای Fetch and Render  محدودیت ۳۰۰ مقاله در ماه وجود دارد

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

طراحی سایت بازدید : 29 دوشنبه 07 فروردین 1396 نظرات (0)

طراحی سایت حرفه ای

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

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

موارد مهم در طراحی سایت حرفه ای :

سئوی دامنه حرفه ای

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

هاستینگ حرفه ای سایت

قطع نشدن وب سایت ، با یک هاستینگ با up time بالا تاثیر خیلی مثبتی روی سایت شما دارد  اگر به دنبال سئو سایت خوب هستنید هاست خارج از ایران و اگر به دنبال سرعت هستنید  هاستینگ خود را از ایران انتخاب کنید

طراحی قالب حرفه ای

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

طراحی سایت سئو

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

طراحی سایت ریسپانسیو

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

بک لینک سازی سایت

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

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

در انتها

طراحی سایت اسپیناس طی این سالها با تجربه ای که از انجام پروژه های مختلف داشته است و بیش از ۱۰۰ ها وب سایت را طراحی وب بهینه کرده است میتوایند انتخاب خوبی برای انجام  طراحی سایت شما باشد

طراحی سایت بازدید : 35 یکشنبه 06 فروردین 1396 نظرات (0)

مراحل ثبت سایت در گوگل وب مستر تولز (google web master tools)

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

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

برای ثبت کردن طراحی سایت در گوگل وب مستر تولز، ابتدا داشتن یک اکانت گوگل الزامی می باشد.

سپس روی لینک زیر کلیک کنید تا وارد صفحه web master tools  شوید :

https://www.google.com/webmasters/tools/dashboard?hl=en

نام کاربری و کلمه عبور ایمیل گوگل خود را وارد کنید، یک صفحه برای شما نمایش در می آید بر روی دکمه Add a Site  کلیک کنید و آدرس سایت خود را وارد نموده و روی دکمه Continue کلیک کنید.

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

tarahi-site-06.jpg

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

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

tarahi-site-07

 

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

منبع: طراحی سایت اسپیناس

طراحی سایت بازدید : 28 شنبه 05 فروردین 1396 نظرات (0)

آموزش گوگل وبمستر یا search consol

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

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

برای ثبت سایت در وب مستر گوگل نیاز به یک حساب gmail  دارید :

serach consol

لازم است وب سایت های خود را در saech consol  یا همان وب مستر تولز ثبت کرده و تغییرات آن را زیر نظر بگیرید

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

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

serach consol2.png

 

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

  • مهمترین آنها اینکه ۱۰۰% اطمینان داشته باشیم گوگل در دسترسی به طراحی وب سایت ما دچار مشکل نشده است یا اگر خطایی بود آن را برطرف کنیم
  • مانیتور کردن مطالب هایی که قرار می دهیم
  • مانیتور کردن عمل خزنده crew گوگل
  • بررسی چگالی و تعداد کلیک شده کلمات کلیدی
  • بررسی رتبه کلمات
  • نحوه نمایش در موبایل
  • اینکه چه کسانی به شما لینک داده اند

منبع: طراحی سایت اسپیناس

تعداد صفحات : 3

اطلاعات کاربری
  • فراموشی رمز عبور؟
  • آمار سایت
  • کل مطالب : 26
  • کل نظرات : 0
  • افراد آنلاین : 2
  • تعداد اعضا : 0
  • آی پی امروز : 10
  • آی پی دیروز : 3
  • بازدید امروز : 22
  • باردید دیروز : 0
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 33
  • بازدید ماه : 204
  • بازدید سال : 994
  • بازدید کلی : 3,633