آموزش نصب وردپرس یکی از اولین اقدامات برای داشتن وب سایت است که می توانید با مراحلی که در این مطلب گفته شد، خودآموز آموزش نصب WordPress را روی هاست سی پنل از اولین مرحله تا آخرین مرحله بصورت تصویری براحتی یاد بگیرید. پس تا آخر این آموزش از سایت دیجیتالی همراه ما باشید.
وردپرس چیست؟
وردپرس یک سیستم مدیریت محتوا (Content Management System) و یا به اختصار CMS، است که برای ایجاد و مدیریت وب سایت ها و وبلاگ ها استفاده می شود. این سیستم مدیریت محتوا به شما اجازه می دهد تا محتوای سایت خود را بدون نیاز به دانش برنامه نویسی و طراحی وب ایجاد و مدیریت کنید. وردپرس رایگان و اپن سورس و با زبان قدرتمند PHP پیاده سازی شده است و از بانک اطلاعاتی MySQL استفاده می کند. برای استفاده از وردپرس، شما باید ابتدا آن را بر روی سرور خود نصب کنید و سپس از طریق پنل مدیریت وب سایت خود، به محتوای سایت دسترسی داشته باشید.
دلیل محبوبیت وردپرس چیست؟
وردپرس یک سیستم مدیریت محتوای قوی برای ساخت وب سایت های ساده تا حرفه ای است. دلایل محبوبیت و افزایش سفارش ساخت سایت با وردپرس شامل موارد زیر میشود:
- رایگان بودن: وردپرس یک سیستم مدیریت محتوای رایگان است که هر کسی میتواند از آن استفاده کند.
- استفاده از وردپرس آسان است: کار کردن با وردپرس آسان است حتی برای افرادی که تازه وارد دنیای وب شدند!
- نصب وردپرس آسان است: برای نصب وردپرس کافی است یک راهنمای خوب داشته باشید تا بتوانید ان را براحتی نصب کنید.
- وردپرس براحتی قابل توسعه است: وردپرس به راحتی توسعه پذیر است و قابلیت افزایش عملکرد و امکانات آن با استفاده از افزونهها و پوستههای مختلف فراهم است.
- وردپرس برای موتورهای جستجو قابلیت بهینه سازی دارد: وردپرس سئو محور است و به دلیل ساختار دسته بندی ها و برچسب هایی که استفاده میکند، به راحتی میتواند در صفحات نتایج جستجوی گوگل در رتبه های بالا قرار بگیرد.
- وردپرس از تنوع بالای پلاگینها و قالبها پشتیبانی می کند: برای هر کاری در وردپرس تعداد زیادی پلاگین نوشته شده است که خیلی از آنها رایگان هستند و در مخزن وردپرس وجود دارند و می توانید انها براحتی نصب کنید و قالب های خود را سفارشی سازی کنید.
- انعطافپذیری بالا: وردپرس به عنوان یک سیستم مدیریت محتوا، انعطاف پذیری بسیار بالایی دارد و قابلیت ارتقا و سفارشی سازی وبسایت به منظور جلب نیازهای شخصی و کسبوکار را داراست.
- وردپرس بزرگترین جامعه کاربری را دارد: این جامعه بزرگ که هر روزه در حال پیشرفت نیز هستند همه روز در حال رشد و توسعه هستند و در به روز رسانی آن نقش اساسی دارند.
- پشتیبانی بالا: به دلیل محبوبیت بالای طراحی سایت با وردپرس، جامعه بزرگی از توسعه دهندگان و طراحان حرفهای این سیستم وجود دارد که به کاربران این سیستم بهصورت رایگان یا با هزینههای مناسب پشتیبانی میدهند.
- وردپرس دارای امنیت خوبی است: تیمهای توسعه دهنده وردپرس برای حفظ امنیت این سیستم بهروزرسانی های منظم و متعددی انجام می دهند. همچنین توسعه پلاگینها و افزونههای امنیتی نیز باعث حفاظت از وبسایت های ساخته شده با وردپرس میشود.
- قابلیت بهروزرسانی آسان دارد: بهروزرسانی وردپرس بسیار اسان است و با یک کلیک می توانید هسته وردپرس، افزونه ها و قالب ها را اپدیت کنید.
- از بهترین زبان برنامه نویسی برای طراحی سایت یعنی PHP استفاده می کند.
کاربردهای وردپرس:
وردپرس یک سیستم مدیریت محتوا (CMS) است که این امکان را به کاربران میدهد تا وبسایتهای داینامیک را بدون نیاز به داشتن دانش فنی عمیق، بسیار سریع و آسان بسازند.
- ایجاد وبلاگ: وردپرس در ابتدا برای ساخت وبلاگها طراحی شده بود که کم کم گسترش پیدا کرد. بنابراین، این یکی از بهترین کاربردهای وردپرس ایجاد وبلاگ است.
- طراحی سایت های شرکتی: وردپرس بهترین گزینه برای ساخت وبسایت های شرکتی است، زیرا با کمترین هزینه می توانید یک وب سایت برای کسب و کار خود داشته باشید.
- طراحی سایت های شخصی: وردپرس بهترین گزینه برای ساخت وبسایت های شخصب است، این نوع وب سایتها شامل وبلاگها، رزومههای شخصی، وب سایتهای هنرمندان و مدلها و … میشوند.
- طراحی سایتهای خبری و رسانهای: با استفاده از افزونههای مدیریت اخبار و پلاگینهای مرتبط، میتوان وب سایت خبری و رسانهای را با وردپرس ساخت.
- فروشگاههای آنلاین: با استفاده از افزونههای فروشگاهی، میتوانید یک فروشگاه آنلاین ساده تا حرفه ای با وردپرس ایجاد کنید.
- سایتهای عکس و گالری: وردپرس یک پلتفرم عالی برای ایجاد سایتهای عکس و گالری است. با استفاده از افزونههایی مانند NextGen Gallery، میتوانید به راحتی یک گالری عکس زیبا برای سایت خود ایجاد کنید.
- سایتهای دانشگاهی و آموزشی: وردپرس برای ایجاد سایتهای دانشگاهی و آموزشی بسیار مناسب است. مثلا برای ایجاد سایتهای فروش دوره های آموزشی، سایتهای آموزشی آنلاین و غیره …
- و …
در نهایت با سفارش طراحی سایت با وردپرس می توانید به شکلی خلاقانه و جذاب خدمات و محصولات خود را به مخاطبان خود ارائه دهید و در نتیجه فروش خود را افزایش دهید.
همچنین بخوانید » طراحی سایت چیست؟
قبل از نصب وردپرس به چه مواردی نیاز است؟
برای نصب وردپرس به این موارد نیاز دارید:
- داشتن دانش ابتدایی برای کار با کامپیوتر و علاقه به طراحی سایت
- دسترسی به اینترنت
- مرورگر وب: برای نصب وردپرس نیاز به مرورگر وب دارید تا بتوانید به پنل مدیریتی وردپرس دسترسی پیدا کنید و کارهای خود را انجام دهید.
- خرید دامنه: دامنه چیست؟ دامنه همان آدرسی است که افراد با وارد کردن آن مستقیما به سایت شما میآیند. مثلا ادرس دامنه سایت من digitalii.ir است!
- خرید هاست: هاست چیست؟ هاست فضایی است که فایلها و تمام محتوای سایت در آن ذخیره میشوند وقتی می خواهید مستقیم به صورت آنلاین کار کنید نیاز به فضاهی هاست دارید که می توانید از شرکت های هاستینگ خریداری کنید.
همچنین بخوانید » هاست وردپرس چیست؟ | هاستینگ چیست؟ - نسخه جدید وردپرس: آخرین نسخه وردپرس را میتوانید از سایت رسمی وردپرس دانلود کنید.
- پشتکار و علاقه زیاد برای ادامه کار با وردپرس
- شروع یادگیری کار با وردپرس
همچنین بخوانید » شماره طراحی سایت | طراحی سایت در گیلان | طراحی سایت در رشت | خدمات پشتیبانی سایت
طریقه نصب وردپرس: برای نصب وردپرس چه باید کرد؟
برای نصب وردپرس در سی پنل کافی است مراحل زیر را با دقت دنبال کنید تا بدون هیچ معطلی نصب وردپرس به پایان برسد.
اموزش نصب کامل وردپرس از صفر تا صد:
کنترل پنل محیطی برای مدیریت وب هاست شماست. سی پنل و دایرکت ادمین جزو اولین کنترل پنل های بسیار پراستفاده در ایران هستند و بین این دو سی پنل بخاطر گرافیکی تر بودن محبوب تر است. بنابراین تصمیم گرفتیم نحوه نصب وردپرس در سی پنل را به شما آموزش دهیم. مراحل نصب وردپرس بر روی cpanel به صورت زیر است.
1- مرحله اول از آموزش نصب وردپرس: خرید هاست و دامنه:
همانطور که در بالا گفتیم ابتدا باید هاست و دامنه از شرکت های هاستیگ خریداری کنید. برای اینکه هزینه هاست و دامنه برای شما ارزانتر تمام شود می توانید دامنه .ir و هاست یک گیگ تهیه کنید و سپس انها را با هم ست کنید.
2- مرحله دوم از آموزش نصب وردپرس: ست شدن هاست و دامنه:
اتصال دامنه به هاست که با نام ست شدن DNS هم شناخته می شود با توجه به اینکه خیلی ساده است، در عین حال فوق العاده مهم و حساس است چون اگر درست انجام نشود کلا سایت بالا نمیاد! بعد از خرید هاست و دامنه باید آنها را با هم ست کنید یعنی DNS دامنه را به DNS هاست تغییر دهید. در صورتیکه هاست و دامنه را از یک جا خریده باشید معمولا به صورت خودکار توسط شرکت های هاستینگ ست می شود ولی در صورتیکه هاست و دامنه را از شرکت های جدا خریداری کردید باید انها را با هم ست کنید.
برای اینکار اول باید DNS سایتتان را پیدا کنید. برای مشاهده دی ان اس های هاست مراحل زیر را دنبال کنید:
- به سایت هاستینگ خود مراجعه کنید و وارد پنل کاربری مخصوص خودتان شوید.
- برای اطلاع از اینکه دی ان اس های هاست وارد “سرویس های من” شوید تا لیست سرویس های شما نمایش داده شود.
- سپس سرویس مورد نظرتان را انتخاب و بر روی “مشاهده مشخصات” کلیک نمایید.
- دی ان اس های هاست شما در این بخش قابل مشاهده است. بر اساس قوانین بینالمللی، هر هاست موظف است حداقل دو NS داشته باشد. تعداد بیشتر ایرادی ندارد، اما داشتن کمتر از دو NS، ممنوع است!
- نحوه تنظیم dns روی هاست به این صورت است که مقادیر NS مربوط به DNS سرور هاست خود را داشته باشید. هر هاست دارای دو یا چند آدرس NS اختصاصی است که شما باید آنها را در دامنه خود تنظیم نمایید. یعنی باید DNS پیدا شده ا کپی کنید.
- وارد دامنه ها > دامنه های من شوید و سپس مشخصات دامنه مورد نظر را بزنید. در این قسمت در قسمت dns1 و dns2 راست کلیک کنید و گزینه paste را بزنید.
- کار تمام شد.
- زمانی که اسامی سرور تغییر کردند، به احتمال زیاد وب سایت شما در دسترس نمی باشد و سایت باید مدت زمان ست شدن DNS را سپری کند تا از طرف شرکت هاستینگ بر قرار شود. این مدت زمان معمولا دو روز کاری طول می کشد و بعد از این مدت دامنه به هاست متصل می شود. این نکته را هم در نظر داشته باشید که زمان ست شدن dns دامنه ir کمی طولانی تر از دامنه com است.
برای اطلاعات بیشتر می توانید مطلب چگونه دامنه را روی هاست ست کنیم را بخوانید.
مرحله سوم از آموزش نصب وردپرس: ابتدا باید فایل هسته وردپرس را دانلود کنید.
سایت های مختلفی برای دانلود فایل های وردپرس وجود دارد اما بهتر است فقط آن را از طریق سایت رسمی خود وردپرس دانلود کنید چون فایلهای وردپرس موجود در سایتهای دیگر ممکن است دارای کدهای مخربی باشند که امکان هک شدن سایت شما را برای دیگران فراهم میکنند.
برای دانلود نسخه اصلی وردپرس به سایت https://wordpress.org/download مراجعه کنید و روی دکمه آبی رنگ گزینه Download WordPress کلیک کنید. بعد از چند ثانیه دانلود فایلهای وردپرس شروع میشود.
همچنین بخوانید » سایت چند زبانه | سایت چند زبانه وردپرس | سایت دو زبانه | سایت دو زبانه وردپرس
مرحله چهارم از اموزش نصب وردپرس: اپلود فایل های وردپرس در هاست
در این مرحله باید وارد هاست شده و سپس Cpanel را باز کرده و از بخش File گزینه File Manager را بزنید.
سپس روی پوشه public_html کلیک کنید و از بالا روی دکمه Upload کلیک کنید و سپس روی دکمه Select File زده و پوشه WordPress.zip که در مرحله سوم از سایت وردپرس دانلود کرده بودید را اینجا آپلود کنید.
در نظر داشته باشید که بعد از ورود به public_html اگر سایت خام باشد؛ هیچ فایلی درون public_html وجود ندارد. البته شاید چند فایل وجود داشته باشد که مهم نیست میتوانید آنها را حذف کنید. همچنین اگر شما قصد داشته باشد وردپرس خود را دوباره از صفر نصب کنید باید حتماً پوشه وردپرس جدید را دانلود کرده و وردپرس قدیمی خود را پاککنید؛ یا اگر بخواهید دوباره وردپرس را از صفر نصب کنید، باید پوشه وردپرس جدید را دانلود و وردپرس قدیمی خود را پاک و سپس فایل خود را آپلود کنید.
بعد از آپلود چند دقیقه بمانید تا نوار وضعیت به 100 برسید و به رنگ سبز برسد. بعد از سبز شدن دکمه Go Back را بزنید.
همچنین بخوانید » مقایسه وردپرس و جوملا
مرحله پنجم از اموزش نصب وردپرس: اکسترکت کردن فایل وردپرس آپلود شده
در مرحله خارج کردن فایل نصبی وردپرس از حالت زیپ باید فایل WordPress.zip را از حالت فشرده خارج کنیم. برای اینکار روی این فایل راست کلیک کرده و روی گزینه Extract بزنید.
و در فایل باز شده به چیزی دست نزنید و فقط روی گزینه Extract File کلیک کنید.
سپس چند ثانیه بمانید تا عملیات اکسترکت انجام شود و دکمه Close نمایش داده شود. در نهایت بعد از تمام کار روی این دکمه کلیک کنید.
از اینجا به بعد دیگه با گزینه WordPress.zip کار نداریم و با یوشه زردرنگ WordPress کار داریم! دوبار روی این فایل کلیک کنید تا باز شود.
سپس از بالا روی گزینه Select All کلیک کنید. وقتی تمامی گزینه های این پوشه انتخاب شدند و به حالت آبی رنگ درآمدند راست کلیک کرده و روی گزینه Move بزنید.
در این مرحله باید آخر آدرس را پاک کرده و مانند تصویر زیر فقط نام سایت باقی بماند. در واقع دپبه وردپرس می گوییم که این فایل ها بیار توی این پوشه!
تا اینجا کارهایی که باید در C panel انجام می دادیم تمام شد.
همچنین بخوانید » فونت های فارسی برای طراحی وب سایت
مرحله ششم از آموزش نصب WordPress: ساخت دیتابیس برای اتصال به وردپرس
برای نصب وردپرس روی هاست به یک دیتابیس نیاز دارید؛ جهت انجام این کار باید از طریق بخش Databases روی گزینه My SQL Database Wizard کلیک کنید.
در این قسمت نامی برای Database خود انتخاب کنید. سپس روی Create Database کلیک کنید.
سپس روی متن کامل داخل ” ” کلیک کنید و آن را کپی کرده و در یک فایل اکسل یا یا جایی یادداشت کنید و سپس روی گزینه Go Back کلیک کنید.
سپس برای وارد شدن به دیتابیس نیازمند یک نام کاربری و رمز هستید که باید آن را طبق تصاویر زیر بسازید. برای اینکار از بخش MySQL Users ، برای قسمت Usernameیک نام انتخاب کرده و در قسمت Password پسوردی قوی انتخاب کنید. برای انتخاب پسورد قوی کافی است روی دکمه Password Generator کلیک کرده و رمز تولید شده را کپی کرده و در قسمت Password پیست کنید. پسورد را در فایل اکسل خود یادداشت کنید چون در مراحل بعد به این اطلاعات نیاز داریم.
نام کاربری را نیز در فایل اکسل خود یادداشت کنید چون در مراحل بعد به انها نیاز داریم. در نهایت روی دکمه Create User بزنید.
در مرحله بعد از قسمت Add User To Database نام کاربری ساخت شده و همچنین Database ساخته شده را انتخاب کرده و روی دکمه Add کلیک کنید.
سپس تیک گزینه ALL Privileges را بزنید تا همه گزینه ها انتخاب شوند. و در نهایت روی دکمه Make Changes بزنید.
همچنین بخوانید » سایت هایی که با وردپرس ساخته شده اند
نصب وردپرس از سمت مرورگر
مرحله هفتم از آموزش نصب WordPress: انتخاب زبان سایت
در این مرحله در صورتیکه می خواهید سایت شما با زبان فارسی پیاده سازی شود روی گزینه فارسی بزنید و در صورتیکه می خواهید سایتی با زبان دیگر بسازید زبان مورد نظرتان را انتخاب کنید و در نهایت روی دکمه « ادامه » کلیک کنید.
در این مرحله روی دکمه « بزن بریم » بزنید.
در این مرحله نام دیتابیس و نام کاربری و رمزی که در فایلی ذخیره کرده بودید را اینجا پیست کنید و در نهایت روی دکمه « فرستادن » بزنید.
در این مرحله روی دکمه « راه اندازی نصب » بزنید.
همچنین بخوانید » نمونه کار طراحی سایت | نمونه کار طراحی سایت وردپرس | نمونه کارهای طراحی سایت شخصی | نمونه کارهای طراحی سایت شرکتی | نمونه کارهای طراحی سایت فروشگاهی | نمونه کارهای طراحی سایت خبری
مرحله هشتم از اموزش نصب WordPress: اطلاعات مورد نیاز برای ورود به پیشخوان وردپرس را تنظبم کنید.
در این قسمت عنوان سایت خود را مشخص کنید و یک نام کاربری برای خود در نظر گرفته و پسوردی تنظیم کنید و ایمیل خود را وارد کنید. مثل همیشه توجه کنید نام کاربری و رمز را در جایی یادداشت کنید. همه این موارد بعد از لاگین به سایت نیز قابل تغییر می باشند. در نهایت روی دکمه « راه اندازی وردپرس » را بزنید.
مرحله نهم از اموزش نصب WordPress: کار تمام شد.
حالا می توانید روی دکمه « ورود » کلیک کنید.
در صورتیکه درباره نصب وردپرس مشکلی داشتید، حتما در بخش کامنت ها با ما درمیان بگذارید.
سوالات متداول در زمینه نصب وردپرس روی هاست سی پنل:
در این قسمت می خواهیم شما را با برخی از سوالات رایج درباره طراحی سایت با نصب وردپرس در سی پنل آشنا کنیم:
√ چرا نصب وردپرس روی هاست؟
نصب وردپرس روی سی پنل هاست وب از آنجایی که وردپرس یک سیستم مدیریت محتوا است، بسیار شایع است. با نصب وردپرس در هاست، میتوانید یک وبسایت ایجاد کنید و به راحتی محتوای وبسایت خود را مدیریت کنید.
وردپرس یک سیستم مدیریت محتوا قدرتمند است که بسیاری از ویژگیهای آن را میتوان برای ایجاد وبسایتهایی با قابلیتهای مختلف استفاده کرد. با استفاده از وردپرس، شما میتوانید قالبهای زیبا را برای وبسایت خود انتخاب کنید و افزودهای متعددی را نصب کنید تا قابلیتهای وبسایت خود را افزایش دهید. همچنین، با استفاده از افزونههای مختلف، میتوانید قابلیتهای وبسایت خود را به سادگی افزایش دهید و به وبسایت خود امکاناتی مانند فرم تماس با مشتریان، ابزارهای بهینهسازی جستجوی گوگل، فروشگاه آنلاین و… اضافه کنید.
همچنین، وردپرس یک سیستم رایگان و متنباز است که به شما امکان میدهد که وبسایت خود را با هزینه کمتری ایجاد کنید. از طریق دسترسی به فایلهای وردپرس، شما میتوانید تنظیمات مختلفی را انجام دهید و وبسایت خود را به دلخواه خود سفارشی کنید.
بنابراین، نصب وردپرس روی هاست، به شما امکان میدهد تا وبسایت خود را با استفاده از یک سیستم مدیریت محتوا مناسب ایجاد کنید و به طور مداوم آن را به روز رسانی کنید. اگر شما یک وبسایت با قابلیتهای پویا و قابلیت تعامل بالا میخواهید، نصب وردپرس بر روی هاست، یکی از بهترین گزینههاست.
√ آیا برای نصب وردپرس باید دانش برنامهنویسی داشت؟
خیر، برای نصب وردپرس و مدیریت وبسایت با آن، نیازی به دانش برنامهنویسی نیست. با همین اموزش بالا می توانید براحتی وردپرس را نصب کنید و بعد از نصب هم با استفاده از ابزارهای موجود در وردپرس، میتوانید به راحتی وبسایت خود را مدیریت کنید و محتوای آن را بهروز کنید.
√ آیا وردپرس رایگان است؟
بله، وردپرس یک سیستم متنباز و رایگان است و هر کسی میتواند آن را دانلود و استفاده کند.
√ آیا برای استفاده از وردپرس باید قالب محدود خاصی داشت؟
نه، وردپرس قالبهای مختلفی را پشتیبانی میکند و شما میتوانید از قالبهای متنوعی استفاده کنید. همچنین، با استفاده از ابزارهای موجود در وردپرس، میتوانید قالب و طرح وبسایت خود را به دلخواه خود تغییر دهید.
همچنین بخوانید » تفاوت برگه و نوشته در وردپرس
√ آیا برای استفاده از وردپرس ونیاز به نصب افزونه دارم؟
خیر، لزوما برای استفاده از وردپرس نیاز به نصب افزونه ندارید. اما با نصب افزونههای مختلف، میتوانید به قابلیتهای جدیدی به وبسایت خود اضافه کنید.
همچنین بخوانید » روش های طراحی سایت
√ بعد از یادگیری نحوه نصب وردپرس وردپرس روی هاست، الان یعنی یک وب سایت اماده داریم؟
شاید فکر کنید بعد از نصب وردپرس میتوانید یک سایت کامل داشته باشید. اما این را بگویم که نصب وردپرس تازه اول کار است و سادهترین قسمت ساخت سایت با وردپرس محسوب میشود. بعد از نصب وردپرس باید به دنبال آموزشهای کار با این سیستم مدیریت محتوا باشید تا بتوانید در راه تجربه کسب کنید.
وقتی که این کارها را انجام دادید نوبت به تنظیمات امنیتی سایت و شخصی سازی قالب وردپرس میرسد.
همچنین بخوانید » راه های درامدزایی از داشتن وب سایت
چرا طراحی سایت با وردپرس را به یک طراح سایت بسپارم؟
طراحی وبسایت با وردپرس نیازمند دانش فنی و تخصصی است و شاید برای کاربرانی که تازه وارد دنیای طراحی وبسایت هستند، ممکن باشد کمی چالش برانگیز باشد. بنابراین، اگر نمیتوانید به صورت مستقل وبسایت خود را با وردپرس طراحی کنید، بهتر است یک طراح سایت حرفهای را به این منظور استخدام کنید.
با استفاده از یک طراح سایت حرفهای، میتوانید از تجربه و تخصص او بهرهمند شوید و سفارش طراحی وب سایت خود را با خیال راحت به اون بسپارید. طراح سایت میتواند به شما کمک کند تا نیازهای خاص وبسایت خود را شناسایی کنید و بتوانید با استفاده از قالبها و افزونههای مناسب، وبسایتی با طراحی زیبا و عملکرد بهینه را بسازید. همچنین، طراح سایت میتواند به شما در ایجاد محتوای مناسب و بهینه برای وبسایت کمک کند و به شما نکاتی درباره بهینهسازی وبسایت برای موتورهای جستجویی مانند گوگل نیز بدهد. به این ترتیب، با استفاده از خدمات یک طراح سایت حرفهای، میتوانید به راحتی یک وبسایت با کیفیت و موثر برایفعالیتهای تجاری یا شخصی خود ایجاد کنید.
مشاهده نمونه کارهای طراحی سایت ما ( نمونه کار طراحی وب سایت وردپرس) » نمونه کار طراحی وب سایت فروشگاهی، نمونه کار طراحی وب سایت شرکتی، نمونه کار طراحی وب سایت شخصی، نمونه کار طراحی وب سایت خبری