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

طراحی سایت با وردپرس وردپرس محبوب ترین سیستم مدیریت محتوا برای راه اندازی وب سایت می باشد که به صورت رایگان عرضه می گردد. این سیستم به شما امکان پیاده سازی هر نوع سایتی از ساده تا پیشرفته را می دهد و حتی در صورتی که کد نویس PHP هستید امکان افزودن به قابلیت های وردپرس وجود دارد. محبوب ترین سیستم های مدیریت محتوا وردپرس، جوملا و دروپال می باشند که وردپرس از سایر سیستم ها محبوب تراست و آن به دلیل امکانات اولیه و جانبی بسیاری است که در این سیستم مدیریت محتوا وجود دارد. همچنین این سیستم مدیریت محتوا دارای قالب های از پیش ساخته شده بسیار بیشتری به نسبت جوملا و دروپال می باشد که همین موضوع محبوبیت آن را بیشتر ساخته است. برای دریافت فایل سورس وردپرس کافی است به سایت http://wordpress.org مراجعه نموده و به صفحه http://wordpress.org/download مراجعه نموده و و آخرین نسخه وردپرس را دانلود نمایید. فایل مورد نظر را دانلود نموده و محتوای داخل فایل را بر روی سرور خود بارگذاری نمایید. پس از بارگذاری وردپرس بر روی سرور کافی است آدرس سایت مورد نظر را در مرورگر رویت نمایید تا مراحل نصب آغاز گردد. دقت نمایید قیل از نصب دیتابیس mysql را برای سایت وردپرس خود ایجاد نموده زیرا در زمان نصب اطلاعات دیتابیس شامل سرور دیتابیس که معمولا localhost می باشد، نام دیتابیس، نام کاربری و رمز دیتابیس مورد نیاز می باشد. پس از تکمیل مراحل نصب وردپرس بر روی سایت شما نصب شده و لازم است وردپرس را فارسی سازی نمایید. به صفحه http://codex.wordpress.org/WordPress_in_Your_Language مراجعه نموده و دراین صفحه به بخش persian مراجعه نموده و فایل زبان را دانلود نمایید. پس از نصب زبان لازم است قالب وردپرس دانلود نمایید. برای دانلود قالب وردپرس کافی است به سایت http://wordpress.org/themes مراجعه نموده و قالب مرد نظر خود را دانلود نمایید. در صورتی که به دنبال قالب های راست به چپ وردپرس هستید به صفحه https://wordpress.org/themes/tags/rtl-language-support مراجعه نمایید. برای نصب قالب وردپرس کافی است به کنترل پانل مدیریت خود مراجعه نموده و در بخش قالب ها، قالب مورد نظر خود را نصب نمایید. کمک آموزشی وردپرس در زمینه قالب ها: http://codex.wordpress.org/Using_Themes پس از نصب قالب می توانید اقدام به ایجاد مطالب سایت نمایید و منوهای خود را ایجاد نمایید. پس از نصب می توانید وردپرس خود را توسط htaccess امن سازی نمایید. * دقت نمایید وردپرس خود را پیوسته به روز رسانی نمایید. در صورتی که نیاز به امکان خاصی در وردپرس دارید که در امکانات پایه موجود نیست می توانید به آدرس https://wordpress.org/plugins مراجعه نموده و پلاگین مورد نظر را دانلود نموده و در وردپرس خود نصب نمایید. البته جستجو و نصب قالب و پلاگین را می توانید از بخش مدیریت سیستم مدیریت محتوای وردپرس نیز انجام دهید. وردپرس را می توانید به صورت رایگان نصب و راه اندازی نمایید اما برای آنکه در آینده دچار مشکل نشوید حتما با متخصص طراحی وب مشاوره نمایید. می توانید نصب و پشتیبانی سایت وردپرسی خود را به دارکوب بسپارید که از سال 1381 تا کنون در حال طراحی و پیاده سازی سایت های وردپرس، جوملا و دروپال می باشد. امن سازی وردپرس وردپرس یکی از قویترین سیستم های مدیریت محتوا می باشد که با شما امکان طراحی سایت های مختلف اینترنتی را می دهد و این سیستم مدیریت محتوا محبوب ترین سیستم مدیریت محتوا می باشد که حتما می بایست امن سازی گردد. در صورتی که وب سایت وردپرس به درستی امن سازی نگردد ممکن است وب سایت دچار مشکلات امنیتی فراوانی گردد. می توانید مقاله امن سازی وردپرس را مطالعه نمایید. پرسش های متداول وردپرس در این بخش سعی دارم مهترین سوالات و مشکلات مطرح شده وردپرس را برای شما بیان نمایم چرا صفحات وردپرس من در گوگل ایندکس نمی شود اولین دلیل ایندکس نشدن صفحات وب سایت وردپرس در گوگل ممکن است به دلیل وجود فایل robots.txt در ریشه اصلی وب سایت وردپرس باشد. برای اطلاع از دلیل بهتر است وب سایت خود را در Google Webmaster Tools گوگل بررسی نموده و وضعیت این فایل را در این ابزار بررسی نمایید و در صورتی که مشکلی وجود داشت آن را برطرف نمایید. مورد دوم ممکن است در اثر تنظیمات وردپرس باشد که در بخش تنظیمات وردپرس منوی reading قرار دارد که ممکن است در این بخش عدم ایندکس شدن صفحات وب سایت انتخاب شده باشد و فیلد Discourage search engines from indexing this site می بایست غیر فعال باشد. تغییر زبان مدیریت وب سایت ممکن است قصد داشته باشید زبان پیش فرض بخش مدیریت وب سایت را تغییر دهید. به این معنای که زبان وب سایت یک زبان باشد و زبان کنترل پانل مدیریت وردپرس زبانی دیگر باشد و به عنوان مثال زبان سایت فارسی باشد و زبان کنترل پانل وب سایت انگلیسی باشد. برای انجام این کار کافی است پلاگین WP Native Dashboard را در سیستم مدیریت محتوای خود نصب نموده و آن را فعال سازی نمایید. برای فعال سازی کافی است پس از دانلود و نصب در پلاگین های وردپرس به بخش تنظیمات مراجعه نموده و در منوی WP Native Dashboard گزینه extend Backend Admin Bar with a language quick selector را علامت بزنید تا منوی انتخاب زبان در بخش مدیریت فعال گردد. عدم نمایش دسته بندی های وردپرس در بخش انتخاب دسته بندی های وردپرس در پانل مدیریت ممکن است تمامی دسته بندی ها لیست نگردند که این معمولا به این دلیل می باشد که تنظیمات نمایش دسته بندی بر روی Most Recent قرار دارد که می بایست آن را بر روی View All تنظیم نمایید. نحوه مدیریت منوهای وردپرس منوهای وردپرس در کنترل پانل آن از منوی Appearance زیر منوی Menus قابل دسترسی می باشند و در این بخش می توانید همه گرو منوهای وردپرس را مدیریت نمایید. حذف منوی بالای سایت زمانی که در وردپرس کاربران وارد وب سایت می شوند منویی در بالای صفحات وب سایت نمایش داده می شود که در صورتی که می توانید با اضافه نمودن کد CSS شامل #wpadminbar{ display:none;} این منو را حذف نمایید تا زمان ورود اعضاء در سایت نمایش داده نشود. عنوان صفحات وب سایت در صورتی که قصد دارید عنوان مرورگر صفحات وب سایت را در قالب سایت خود مدیریت نمایید می توانید از کد زیر استفاده نمایید:

|

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

. منبع:

طراحی سایت با وردپرس

+ نوشته شده در سه شنبه بیست و چهارم آذر 1394 ساعت 10:19 توسط طراحی سایت دارکوب بدون نظر

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

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

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

 

1) دکمه بازگشت به بالا

// Back To Top
$(a.top).click(function(){
$(document.body).animate({scrollTop : 0},800);
return false;
});

//Create an anchor tag
<a class=”top” href=”#”>Back to top</a>

به طوری که در بالا مشاهده می نمایید تابع animate و scrollTop در jQuery برای اسکرول به بالا به صورت انیمیشنی نیازی به پلاگین jQuery وجود ندارد.

با تغییر مقدار scrollTop می توانیم اسکرول را به جایی که می خواهیم هدایت نماییم, در برخی از زمان ها این مقدار 0px است ولی می توانید به آن سایر مقدارها را نیز بدهید.

عدد 800ms مدت زمان انجام این کار می باشد کخ به صورت انیمیشن این کار انجام می شود.

 

2) بررسی آنکه تصاویر لود شده باشند

$(‘img’).load(function() {
console.log(‘image load successful’);
});

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

همچنین شما با رد کردن نام کلاس و مشخصه تصویر می توانید تصویر خاصی را بررسی نمایید.

 

3) تعمیر تصاویر مشکل دار به صورت اتوماتیک

$(img).error(function(){
$(this).attr(src, ‘img/broken.png’);
});

در برخی از زمان ها زمان کافی برای جایگزین نمودن تمام تصاویر مشکل دار را نداریم و می توانیم این کار را با تابع مورد نظر انجام دهیم

در صورتی که حتی تصویر مشکل داری ندارید اضافه کردن این کد ضرری برای سایت شما ندارد.

 

4) Toggle class on hover

$(‘.btn).hover(function(){
$(this).addClass(‘hover’);
}, function(){
$(this).removeClass(‘hover’);
}
);

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

 

5) غیر فعال کردن فیلدهای فرم

$(input[type="submit"]).attr("disabled", true);

در برخی از زمان ها احتیاج دارید که فیلدی از فرم خود را غیر فعال نمایید تا کاربر نتواند بر روی فیلد مورد نظر کلیک نماید و یا مطلبی درج نماید این کار را با دستور بالا انجام می دهید.

برای فعال سازی دوباره فیلد می توانید از دستور زیر استفاده نمایید:

$(input[type="submit"]).removeAttr("disabled”);

 

6) جلوگیری از لود کردن لینک ها

$(‘a.no-link).click(function(e){
e.preventDefault();
});

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

 

7) Toggle فید/اسلاید

// Fade
$( “.btn" ).click(function() {
$( “.element" ).fadeToggle("slow");
});

// Toggle
$( “.btn" ).click(function() {
$( “.element" ).slideToggle("slow");
});

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

 

8) ساده accordion

// Close all Panels
$(#accordion).find(‘.content).hide();
// Accordion
$(#accordion).find(‘.accordion-header).click(function(){
var next = $(this).next();
next.slideToggle(fast’);
$(‘.content’).not(next).slideUp(fast’);
return false;
});

با استفاده از دستور بالا می توانید مطالب خود را به صورت accordion نمایش دهید.

همانطور که در مثال بالا می بینید در حالت اول تمام پنجره ها بسته شده اند و با کلیک کاربر بر روی هدر accordion متن مربوط به آن هدر نمایش داده می شود، و سایر اسلاید ها بسته می شوند. این روش برای ساخت accordion ساده بسیار مناسب است.

 

9) دو دایو با یک ارتفاع

$(‘.div).css(min-height, $(‘.main-div).height());

برخی زمان ها لازم دارید دو دایو هم ارتفاع باشند, این کد این امکان را برای شما فراهم می نماید; در این مثال مقدار min-height را تعیین نمایید که به معنای حداقل سایز دایو ها می باشد. این کد برای سایت های masonry بسیار مورد استفاده دارد.

 

10) رنگ های پس زمینه یکی در میان

$(li:odd).css(ackground, #E8E8E8’);

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

سورس:

دستور jQuery برای طراحان وب

+ نوشته شده در چهارشنبه هجدهم آذر 1394 ساعت 10:44 توسط طراحی سایت دارکوب بدون نظر



تفاوت سئو قدیم و جدید
روش های سئو و بهینه سازی سایت تغییر نموده است و در زیر به معرفی برخی تفاوت ها در گذشته و حال می پردازیم.

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

سورس و منبع:

سئو قدیم و جدید

+ نوشته شده در سه شنبه دهم آذر 1394 ساعت 10:45 توسط طراحی سایت دارکوب بدون نظر

جهت ایجاد انتخاب کننده تاریخ فارسی از تقویم در فرم می توانید از این پلاگین jquery استفاده نمایید. استفاده از این پلاگیت بسیار ساده است و کافی است کدهای زیرا را در بالای فرم خود کپی نموده و فایل های مورد نظر را بر روی سرور خود بارگذاری نمایید:

<link type="text/css" href="styles/jquery-ui-1.8.14.css" rel="stylesheet" />
<script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="scripts/jquery.ui.core.js"></script>
<script type="text/javascript" src="scripts/jquery.ui.datepicker-cc.js"></script>
<script type="text/javascript" src="scripts/calendar.js"></script>
<script type="text/javascript" src="scripts/jquery.ui.datepicker-cc-ar.js"></script>
<script type="text/javascript" src="scripts/jquery.ui.datepicker-cc-fa.js"></script>

 

فایل های مورد نظر را می توانید از سورس این مقاله در انتهای مقاله دانلود نمایید:

http://hasheminezhad.com/datepicker

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

<script type="text/javascript">
$(function() {
$(#datepicker0).datepicker();
});
</script>

در کد بالا #datepicker0 نام مشخصه فیلد فرمی است که قصد دارید به حالت انتخاب تاریخ از تقویم نمایش داده شود.

برای توضیحات بیشتر به آدرس سورس این مقاله "انتخاب تاریخ شمسی توسط DatePicker در jQuery" مراجعه نمایید.

سورس و آدرس:

ایجاد تقویم فارسی در فرم

+ نوشته شده در چهارشنبه چهارم آذر 1394 ساعت 10:51 توسط طراحی سایت دارکوب بدون نظر