آموزش وردپرس ، طراحی سایت ۰ تا ۱۰۰


لوگو آموزش وردپرس

   در این بخش آموزش طراحی سایت با وردپرس (WordPress) به صورت کاملا اختصاصی و رایگان قرار می‌گیرد ، آموزش تصویری طراحی سایت با وردپرس که با نام آموزش ۰ تا ۱۰۰ طراحی وب با وردپرس منتشر کردیم شامل : آموزش کامل وردپرس از مبحث‌های ابتدایی توضیح هاست و دامین و پیش نیازهای طراحی سایت ، آشنایی با وردپرس ، نصب وردپرس ، آموزش مدیریت وردپرس ، آموزش طراحی قالب وردپرس  می‌باشد. در این آموزش طراحی سایت یا بهتر است بگوییم در این آموزش طراحی فروشگاه اینترنتی شما کاربران عزیز می‌توانید به راحتی سایت خود را بدون هزینه طراحی کنید. وردپرس یک سیستم مدیریت محتوای تحت وب است که به وسیله آموزش ویدئویی طراحی سایت با وردپرس می‌توانید یک سایت یا یک فروشگاه با تمام امکانات مدنظرتان طراحی کنید. وردپرس یک نرم افزار تحت وب اوپن سورس یا رایگان است که با قدرت و امنیت بالا طراحی سایت را برای شما ممکن می‌سازد.

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

 

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

قسمت دوم طراحی سایت با وردپرپرس : آشنایی با Cpanel و نصب وردپرس

قسمت سوم طراحی سایت با وردپرپرس : آشنایی با محیط ادمین ورد پرس و حذف و نصب پوسته‌ها و افزونه‌ها

قسمت چهارم طراحی سایت با وردپرپرس : آشنایی با چند افزونه کارآمد

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

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

قسمت پنجم بخش دوم : آشنایی با Margin و Padding و برخی المان‌های افزونه Ultimate addons در افزونه صفحه ساز ویژوال کامپوزر

قسمت پنجم بخش سوم : آشنایی با برخی از المان‌های افزونه Ultimate addons

قسمت پنجم بخش چهارم : آشنایی با برخی از المان‌های افزونه Ultimate addons

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

قسمت پنجم بخش ششم : ساخت و مدیریت منو

قسمت ششم طراحی سایت با وردپرپرس : طراحی شکل ظاهری منو و قرار دادن لوگو سایت

قسمت ششم بخش اول : آشنایی با تنظیمات لوگو و Layout , Microwidgets , Top bar , Header

قسمت ششم بخش دوم : آشنایی با تنظیمات Menu , Submenu , Floating header , Mobile header

قسمت هفتم طراحی سایت با وردپرپرس : آشنایی با ساخت پاورقی با استفاده از قالب the7 و افزونه Smart Footer System

 

 

مباحث مطرح شده در قسمت اول طراحی وب‌سایت با استفاده از سیستم مدیریت محتوا قدرتمند وردپرس ( WordPress )

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

در زیر سر تیتر عناوین آموزشی این قسمت آورده شده است :

  • تعریف وبسایت : صفحاتی در بستر اینترنت که به صفحه خاصی اشاره می‌کنند گفته می‌شود.
  • اصلا چرا ما باید وب‌سایت داشته باشیم؟ برای گسترش کسب و کار و فروش بیشتر محصولات خود شما نیاز به وب سایت دارید.
  • روش‌های طراحی وب سایت : ۱- با استفاده از زبان‌های برنامه نویسی   ۲- استفاده از سیستم‌های مدیریت محتوا
  • بخش‌های تشکیل دهنده هر وب‌سایت : ۱- سیستم مدیریت محتوا   ۲- هاست   ۳- دامنه
  • تعریف وردپرس : سایت سازی که با یکسری تغییرات و دستور العمل‌های ساده امکان ایجاد هر نوع سایتی را دارد.
  • ویژگی‌های سیستم مدیریت محتوا وردپرس : ۱- محبوب ترین سیستم مدیریت محتوا   ۲- رایگان   ۳- نصب آسان و ……..
  • وب‌سایت‌های فروش هاست و دامنه
  • نکات انتخاب نام دامنه و شناسه نیک
  • تعریف سی‌پنل : ابزار گرافیکی‌ای برای مدیریت سایت‌ها بر روی هاست و سرور می‌باشد.

توجه : به دلیل طولانی بودن مباحث جلسه اول آموزش ۰ تا ۱۰۰ طراحی سایت با وردپرس فایل ویدیویی جلسه اول را در قالب یک فایل دانلودی در لینک ویدیو جلسه اول قرار دادیم و بخشی از آموزش این جلسه را در زیر آورده‌ایم.

 

 

مباحث مطرح شده در قسمت دوم طراحی وب‌سایت با استفاده از سیستم مدیریت محتوا قدرتمند وردپرس ( WordPress )

در قسمت دوم طراحی ۰ تا ۱۰۰ وب سایت با وردپرس قرار است ما با بعضی از قسمت‌های محیط سی پنل از جمله چگونگی تغییر پسورد و تغییر زبان محیط سی‌‍ پنل و میزان حجم فضای هاست و پایگاه داده و …. آشنا شویم. و بعد از آشنایی با محیط سی پنل ، با مراجعه به وب سایت وردپرس آخرین ورژن وردپرس را تهیه می‌کنیم و آن را بر روی میحط سی پنل بارگزاری (آپلود) می‌کنیم.

در زیر سر تیتر عناوین آموزشی این قسمت آورده شده است :

  • آشنایی با محیط cpanel : آشنایی با مشاهده IP Address های متصل شده به Cpanel – طریقه عوض کردن پسورد ورد به سی پنل – مشاهده میزان فضای هاست و پایگاه داده در محیط سی پنل – طریقه ساخت ایمیل تحت دامنه خود آشنایی با محیط File Manager که مهمترین بخش و قسمت از محیط سی پنل است.
  • روش بدست آوردن آخرین ورژن wordpress : با مراجعه به آدرس https://wordpress.org/download شما می‌توانید آخرین ورژن وردپرس را به دست آورید.
  • طریقه upload کردن وردپرس بر روی cpanel : برای آپلود وردپرس بر روی هاست باید مسیر زیر را دنبال کنید و فایل وردپرس را در آنجا بارگزاری کرده و بعد آن را از حالت فشرده خارج کنید.  File Manager/public_html/upload
  • روش نصب و فعال سازی وردپرس : برای نصب ورد پرس ابتدا شما باید وردپرس را از حالت زیپ خارج کرده و محتوای آن را در File Manager/public_html قرار دهید و سپس وارد سایت خود شوید و زبان مورد نظر جهت نصب را انتخاب کنید و در مرحله بعد از شما خواستار وارد کردن پایگاه داده است که به محیط سی پنل رفته و یک پایگاه داده درست کنید و مراحل نصب را ادامه دهید.
  • چگونگی ورود به محیط ادمین وردپرس : برای ورد به محیط وردپرس و مدیریت آن شما باید wp-admin/ را در انتهای آدرس وب سایت خود وارد کنید و در اینجا نام کاربری و پسوردی که در هنگام نصب وردپرس برای ورد به ادمین وردپرس از شما می‌خواست را وارد کنید تا وارد محیط ادمین وردپرس شوید.

 

 

مباحث مطرح شده در قسمت سوم طراحی وب‌سایت با استفاده از سیستم مدیریت محتوا قدرتمند وردپرس ( WordPress )

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

در زیر سر تیتر عناوین آموزشی این قسمت آورده شده است :

  • آشنایی کلی با محیط Admin وردپرس : محیطی است که مدیریت وب سایت شما را برعهده دارد یعنی تمام محتوایی (عکس ، متن ، فایل ) که شما می‌خواهید در سایت خود قرار دهید ، مدیریت آن از طریق این محیط صورت می‌گیرد.
  • طریقه نصب پوسته the7 (the7 theme) : قالب ۷ ، یک قالب چند منظوره است که شما با آن می‌توانید انواع سایت‌های خبری ، شرکتی و آموزشی و …. را با آن طراحی کنید. قالب‌ها این امکان را فراهم می‌کنند که سایت وردپرسی از حالت خامی و پیش فرض به صورت تعاملی‌تر و بهتری تبدیل شوند.
  • طریقه فعال سازی پوسته the7 : پوسته به معنی قالبی هست که شما بر روی سیستم مدیریت وردپرس خود نصب می‌کنید یا به صورت پیش فرض بر روی سسیستم مدیریت وردپرس شما نصب است.
  • آشنایی با انواع پوسته برای دانلود
  • طریقه نصب افزونه‌ها (Plugins) : افزونه‌ها بسته‌های نصبی اضافه‌ای هستند که بر روی قالب‌ها فعال می‌شوند و امکانات اضافی که در قالب وجود ندارد را در اختیار ما قرار می‌دهند.
  • طریقه فعال سازی افزونه‌ها

 

 

مباحث مطرح شده در قسمت چهارم طراحی وب‌سایت با استفاده از سیستم مدیریت محتوا قدرتمند وردپرس ( WordPress )

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

در زیر سر تیتر عناوین آموزشی این قسمت آورده شده است :

  • آشنایی با افزونه max upload size : افزونه‌ای جهت کنترل میزان حجم آپلود فایل در ادمین وردپرس می‌باشد به گونه‌ای که با انجام تنظیماتی می‌توانید مشخص کنید فایل‌هایی تا چه میزان از حجم را مجاز به بارگزاری در ادمین  وردپرس بداند. که این میزان حجم میتواند خیلی کمتر یا بیشتر از حجم پیش فرض ادمین وردپرس باشد.
  • آشنایی با افزونه Wp add-mime types : در ادمین وردپرس شما امکان این که فایل‌هایی با فرمت‌های مختلف را بارگزاری کنید ندارید ، مثل فایل‌های آهنگ که با فرمت mp3. هستند. برای این که بتوانید فایل‌هایی با فرمت‌های مختلف را در ادمین وردپرس بارگزاری کنید شما نیاز به افزونه‌ای برای این کار دارید که افزونه Wp add-mime types این کار را برای شما انحام می‌دهد.
  • آشنایی با افزونه Page links to : این افزونه امکان لینک کردن یک برگه یا نوشته به صفحه دیگری از سایت شما یا سایت دیگری را فراهم می‌کند.
  • آشنایی با افزونه Tinymce advanced : ابزاری که وردپرس به صورت پیش فرض در اختیار شما قرار می‌دهد برای کنترل و مدیریت متن کمی محدود است و برای رفع این محدودیت و امکان اضافه کردن قابلیت‌های بیشتر مانند Microsoft Word شما نیاز به افزونه قدرتمند Tinymce advanced می‌باشید.
  • آشنایی با افزونه Smart footer system : افزونه‌ای جهت ساخت پاورقی یا footer سایت که با در اختیار گرفتن افزونه صفحه‌ساز امکان ساخت پاورقی‌‌های زیبایی را برای شما فراهم می‌کند.

 

 

مباحث مطرح شده در قسمت پنجم طراحی وب‌سایت با استفاده از سیستم مدیریت محتوا قدرتمند وردپرس ( WordPress )

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

در زیر سر تیتر عناوین آموزشی این قسمت آورده شده است :

  • ایجاد منو سایت (فهرست)
  • آشنایی با افزونه Advanced Recent Posts برای نمایش آخرین مطالب در یک صفحه
  • آشنایی با افزونه List category posts برای نمایش یک دسته بندی مطالب در یک صفحه
  • آشنایی با افزونه صفحه ساز ویژوال کامپوزر The7 WPBakery Page Builder (در زیر المان‌های استفاده شده از این افزونه آورده شده است.)

    • ردیف
    • بلاک متن
    • فضای خالی
    • تصویر تکی
    • Hover Box
  • آشنایی با افزونه Ultimate addons for visual composer versione (در زیر المان‌های استفاده شده از این افزونه آورده شده است.)

    • Animation Block
    • Headings
    • Interactive Banner
    • Interactive Banner 2
    • Fancy TextFancy
    • Info Box
    • Info Tables
    • Advanced Carousel
    • Info Circle
    • Google Map

 

مباحث مطرح شده در قسمت اول :

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

در زیر سر تیتر عناوین آموزشی این قسمت آورده شده است :

  • اضافه کردن عکس در پروفایل کاربری خود : برای آپلود کردن عکس کاربری خود در ادمین وردپرس ، ابتدا می‌بایست وارد قسمت کاربران شده و اسم کاربری خود را پیدا کرده و پس از وارد شدن به آن در زیر قسمت تصویر شناسه بر روی گراواتار کلیک کرده و و از طریق آن یک حساب وردپرسی برای خود ایجاد کرده و عکس خود را در آن بارگزاری کنید.
  • ایجاد صفحه نخست اختصاصی (شخصی سازی صفحه نخست سایت) : برای ایجاد یک صفحه نخست ابتدا وارد تنظیمات ادمین وردپرس قسمت خواندن شده و صفحه اصلی را برابر یک برگه یکتا قرار دهید و در زیر نام نوشته یا برگه خود را انتخاب کنید. با این کار صفحه نخست سایت شما به برگه‌ای که انتخاب کرده‌اید تغییر می‌کند.
  • طریقه اضافه کردن فونت آیکون : فونت آیکون‌ها شامل تصاویری می‌شوند که معمولا در بیشتر مواقع در منو سایت در کنار عنواین منو قایل مشاهده است. برای اضافه کردن فونت آیکون در قالب the7 ، پس از فعال سازی قالب the7 در ادمین وردپرس ، از قسمت the7 گزینه Icons manager را انتخاب می‌کنیم و فونت آیکون‌هی خود را نصب می‌کنیم.
  • حذف عنوان صفحات و تصاویر شاخص از هر صفحه
  • اضافه کردن تصویر شاخص و تغییر موقعیت سایدبار (نوار کناری)
  • طریقه ایجاد دسته بندی مطالب (چگونگی قرار دادن یک برگه یا نوشته در دسته‌های مختلف وردپرس)
  • طریقه ساخت المان‌های ردیف ، بلاک متن و تصویر تکی به همراه تنظیمات آن‌ها از افزونه‌ صفحه ساز ویژوال کامپوزر در وردپرس
  • طریقه ساخت المان Heading به همراه تنظیمات آن‌ از افزونه‌ Ultimate addons در صفحه ساز ویژوال کامپوزر : افزوه Ultimate addons یک افزونه مکمل برای افزونه صفحه‌ساز ویژووال کامپوزر است که المان‌های بسیار متنوع و جذابی را در اختیار شما برای طراحی یک صفحه قرار می‌دهد که در اینجا با المان heading آشنا خواهیم شد و  المان heading به عنوان ، عنوان یک متن ، عکس ، برگه ، نوشته یا هر محتوای دیگری استفاده می‌شود.
  • طریقه ایجاد و یا حذف لینک پیوندی در بلاک متن : لینک‌های پیوندی نوشته یا عکسی هستند که زمانی که شما بر روی آن کلیک می‌کنید شما را به صفحه‌ای خاص ارجاع می‌دهد. مانند دیتادیزاین یا آموزش ۰ تا ۱۰۰ طراحی وردپرس که لینک پیوندی شده‌اند.

 

 

مباحث مطرح شده در قسمت دوم :

در جلسه دوم از قسمت پنجم از آموزش طراحی ۰ تا ۱۰۰ سایت با وردپرس ما به طراحی سایت با برخی از المان‌های افزونه Ultimate addons می‌پردازیم و طریقه ایجاد تصاویر متحرک و جدول اطلاعاتی و گذاشن نقشه گوگل مپ در یک صفحه از سایت را با هم بررسی می‌کنیم.

در زیر سر تیتر عناوین آموزشی این قسمت آورده شده است :

  • طریقه ساخت المان‌های Google Map, Animation Block , Info Table به همراه تنظیمات آن‌ از افزونه‌ Ultimate addons در صفحه ساز ویژوال کامپوزر
  • آشنایی با Margin و Padding : فاصله المان‌ها یا به زبان ساده‌تر فاصله محتویات یک سایت از یکدیگر را margin و میزان گسترش یک المان به طرفین یا به عبارت ساده‌تر میزان فضای اشغالی یک المان نسبت به محیط اطراف خودش را padding می‌گویند. margin , padding هر دوی آن‌ها چهار مقدار بالا ، راست ، پایین و چپ دارند که در این قسمت به طور کامل آن را شرح داده‌ایم.

 

 

مباحث مطرح شده در قسمت سوم :

در جلسه سوم از قسمت پنجم از آموزش طراحی ۰ تا ۱۰۰ سایت با وردپرس ما به طراحی سایت با برخی از المان‌های افزونه Ultimate addons می‌پردازیم و به شما چند روش مختلف برای نمایش اطلاعت را نشان می‌دهیم که این اطلاعات می‌تواند اعضای تیم شما یا تلفن‌های تماس با شما یا راه‌های ارتباطی از طریق شبکه‌های اجتماعی و یا … باشد.

در زیر سر تیتر عناوین آموزشی این قسمت آورده شده است :

  •  المان‌ Advansed Caroucel به همراه تنظیمات آن‌ از افزونه Ultimate addons در صفحه ساز ویژوال کامپزر : المانی است جهت نمایش یک سری اطلاعات مشخص به صورت دایره‌ای شکل که امکانات مختلفی را در اختیار شما قرار می‌دهد.
  •  المان‌ Spacer/Gap به همراه تنظیمات آن‌ از افزونه Ultimate addons در صفحه ساز ویژوال کامپزر: المانی جهت ایجاد فاصله در بین ردیف‌های یک صفحه با امکان شخصی سازی اندازه ، در موبایل و تبلت.
  •  المان‌های IHover , IHover Item به همراه تنظیمات آن‌ها از افزونه Ultimate addons در صفحه ساز ویژوال کامپزر: المانی است جهت نمایش عکس‌‌هایی که قرار است اطلاعاتی را در اختیار کاربر قرار دهند.
  • آشنایی با المان‌های Info bBox به همراه تنظیمات آن‌ از افزونه Ultimate addons در صفحه ساز ویژوال کامپزر : المانی است جهت نمایش مطالب به همراه عنوان و عکس در وردپرس.

 

 

مباحث مطرح شده در قسمت چهارم :

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

در زیر سر تیتر عناوین آموزشی این قسمت آورده شده است :

  • آشنایی با ردیف‌های تو در تو
  •  المان‌های I Hover , Ihover Item به همراه تنظیمات آن‌‌ها از افزونه Ultimate addons در صفحه ساز ویژوال کامپزر 
  • آشنایی با المان ۲ Interactiv Banner و انواع Effectهای آن به همراه تنظیمات آن‌ از افزونه Ultimate addons در صفحه ساز ویژوال کامپزر
  • آشنایی با المان Interactiv Banner به همراه تنظیمات آن‌ از افزونه Ultimate addons در صفحه ساز ویژوال کامپزر
  • آشنایی با المان Hover Box به همراه تنظیمات آن در افزونه صفحه ساز ویژوال کامپزر

 

 

مباحث مطرح شده در قسمت پنجم :

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

در زیر سر تیتر عناوین آموزشی این قسمت آورده شده است :

  •  افزونه Advanced Recent Posts : افزونه‌ای جهت نمایش آخرین نوشته‌های شما در یک صفحه وب می‌باشد.
  •  افزونه List category posts : افزونه‌ای جهت نمایش محتویات یک دسته‌بندی در یک صفحه وب می‌باشد.
  • Content Box به همراه تنظیمات آن از افزونه Ultimate addons در صفحه ساز ویژوال کامپزر: المانی جهت نمایش یکسری محتویات است و این محتویات می‌تواند هرگونه اطلاعاتی باشد که شما می‌خواهید از آن استفاده کنید.
  •  المان Just Icon به همراه تنظیمات آن از افزونه Ultimate addons در صفحه ساز ویژوال کامپزر: همان طور که از اسمش پیدا  است المانی جهت نمایش فقط یک آیکون است.
  • نکاتی برای بار گزاری عکس در ادمین وردپرس و کارهای مرتبط با آن در فتوشاپ: 

 

 

مباحث مطرح شده در قسمت ششم :

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

در زیر سر تیتر عناوین آموزشی این قسمت آورده شده است :

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

 

 

مباحث مطرح شده در قسمت ششم طراحی وب‌سایت با استفاده از سیستم مدیریت محتوا قدرتمند وردپرس ( WordPress )

  • Branding
  • Layout
  • Microwidgets
  • Top bar
  • Header
  • Menu
  • Submenu
  • Floating header
  • Mobile header

 

مباحث مطرح شده در قسمت اول :

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

در زیر سر تیتر عناوین آموزشی این قسمت آورده شده است :

  • Branding: از این قسمت شما می‌توانید لوگو سایت خود را بارگزاری کرده و سایز و فاصله آن از طرفین را تنظیم کنید.
  • Layout: تنظیمات مربوط به موقعیت منو نسبت به لوگو و جایگاه منو در بالای صفحه در این قسمت قرار دارد.
  • Microwidgets: ابزارهای کوچک و دم دستی هستند که از آن‌ها در منو بالایی و منو اصلی سایت استفاده می‌شود.
  • Top bar: در این قسمت تنظیمات مربوط نوار بالایی سایت شما قرار دارد.
  • Header: تنظیمات مربوط به منو سایت شما مثل رنگ و ارتفاع و … در این قسمت قرار دارد.

 

 

مباحث مطرح شده در قسمت دوم :

در این قسمت بخش دیگری از تنظیمات منو سایت را باهم بررسی می‌کنیم.

در زیر سر تیتر عناوین آموزشی این قسمت آورده شده است :

  • Menu: تنظیمات منو سایت شما مثل نوع فونت ، سایز ، رنگ فونت و … در این قسمت قرار دارد.
  • Submenu: تنظیمات مربوط به زیر منو رو شامل می‌شود.
  • Floating header: تنظیمات حالت منو شناور در این قسمت قرار دارد. منو شناور به این معنا است که هنگام اسکرول کردن سایتتون منو شما در بالای صفحه نشان داده می‌شود.
  • Mobile header: تنظیمات مربوط به هدر سایت شما در حالت موبایل در این قسمت قرار دارد.

 

 

مباحث مطرح شده در قسمت هفتم طراحی وب‌سایت با استفاده از سیستم مدیریت محتوا قدرتمند وردپرس ( WordPress )

در بخش پایانی طراحی سایت با سیستم مدیریت محتوای وردپرس ما با طریقه ساخت نوارکناری و فوتر سایت با استفاده از امکانات قالب the7 و افزونه smart footer system برای ساخت یک پاورقی جذاب‌تر می‌پردازیم.

در زیر سر تیتر عناوین آموزشی این قسمت آورده شده است :

  • آموزش ساخت Footer با قالب the7
  • آموزش ساخت نوار کناری سایت با قالب the7
  • آشنایی با افزونه Smart Footer System
  • آشنایی با المان گوگل مپ از افزونه صفحه ساز ویژووال کامپوزر

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

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

وردپرس چیست ؟ بهترین سیستم برای طراحی سایت

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

 

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

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

نکته بسیار مهم قبل از نصب وردپرس روی هاست:

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

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

ویژگی های هاست مناسب برای وردپرس

آموزش نصب وردپرس روی هاست سی پنل (آموزش ویدیویی)+(ساب فولدر، ساب دامین و ادان دامین)

آموزش نصب وردپرس روی هاست دایرکت ادمین (آموزش ویدیویی)+(ساب فولدر، ساب دامین و ادان دامین)

 

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

آموزش نصب وردپرس روی لوکال هاست xampp و wamp

 

بسته نصبی وردپرس چیست؟

وردپرس یک بسته به صورت فشرده zip شده است که برای نصب و اجرا روی هاست، باید از حالت فشرده خارج شود و نصب آن اجرا گردد بسته نصبی وردپرس یک پرونده فشرده شدۀ zip است که شامل تمامی افزونه ها، قالب ها، محتویات پایگاه داده، برگه های آماده ای نظیر صفحه اصلی وب سایت، درباره ما، ارتباط با ما و… و همچنین تعدادی نوشته به صورت آزمایشی است که موجب می شود شما با کمترین تغییرات رضایت خوبی از وب سایت راه اندازی شده خود داشته باشید. به این مجموعه بسته نصبی وردپرس گفته می شود که با آپلود کردن بسته نصبی وردپرس در هاست خود کمتر از ۵ دقیقه میتوانید سایت خود را آماده در اختیار داشته باشید. در نهایت همانطور که گفته شد جاهایی که نیاز به تغییر داشت را به راحتی تغییر دهید و وبسایت خود را با ظاهری دلخواه بچینید.
نصب بسته آسان وردپرس توسط افزونه ای با نام duplicator انجام میشود و شما با آپلود کردن آن بر روی هاست خود به همراه یک فایل با نام installer.php می توانید کار نصب را آغاز نمائید و سایت کامل و آماده وردپرسی که دمو قالب را دیده و انتخاب کرده اید، به راحتی نصب و راه اندازی کنید.

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

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

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

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

 

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

نحوه ورود به مدیریت

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

ورود و عضویت در وردپرس توسط اکانت گوگل

فراموشی رمز عبور وردپرس، عوض کردن نام کاربری و پسورد وردپرس

نحوه تغییر رمز عبور ورود به وردپرس

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

تفاوت نوشته و برگه در وردپرس

آموزش افزودن نوشته در وردپرس

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

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

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

دسته بندی محصولات ووکامرس وردپرس

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

محدود کردن نویسنده به دسته بندی خاص

 

1+