مدیر سایت
تخفیف ویژه به مناسبت عید نوروز 1393
با سلام و تبریک عید نوروز 1393 و فرا رسیدن سال جدید. دارکوب تخفیف ویژه 20% را از 17 اسفند 1392 لغایت 17 فروردین 1393 برای خدمات طراحی و بهینه سازی وب سایت و خدمات هاستینگ خود در نظر گرفته و در صورتی که سفارش خود را در این تاریخ ثبت نمایید 20% تخفیف برای کلیه سفارشات شما در نظر گرفته می شود.
برای ثبت سفارش طراحی سایت کلیک نمایید
برای ثبت سفارش دامنه و هاستینگ کلیک نمایید
پس از ثبت سفارش 20% تخفیف در تاریخ ذکر شده در نظر گرفته خواهد شد.
لحظه تحویل سال به ساعت رسمی جمهوری اسلامی ایران. ساعت 20 و 27 دقیقه و 7 ثانیه روز پنج شنبه 29 اسفند 92 میباشد. سال جدید سال اسب می باشد که امیدواریم سال جدید برای کلیه عزیران سالی پر از برکت و سلامتی باشد.
پیشگویی های سال 1393 :
سال 1393 هفتمین سال از دوره اثنی عشری ست که آن را به ترکی آت نامیده و معتقدند که حوادث سال با طبع اسب هماهنگی دارد. خصوصیات اسب، شخصیت ملی مردم چین است، که برای پیشرقت خود مصرانه و باپشتکار تلاش می کنند. او حیوانی پرانرژی، روشن، دلسوز، مهربان، باهوش، و توانا است.
قدرت سایت های تک صفحه ای و ریسپانسیو
در صنعت طراحی وب سایت همیشه این شک وجود دارد کاربران اسکرول می نمایند و یا خیر. قبل از این سایت ها به گونه ای طراحی میشد تا کاربر تمام موارد مورد نیاز را بدون اسکرول در صفحه نمایش ببیند بدون اینکه نیاز به اسکرول نمودن باشد و این ایده در طراحی های قدیمی مد نظر قرار داده میشد. اما امروز وضع عوض شده و سایت های تک صفحه ای به سایت های صفحه به صفحه برتری دارند.
بخش بالای روزنامه
قبلا ایده آنکه سایت ها بدون اسکرول طراحی گردند بر آن بود که بخش بالای روزنامه مهترین جای آن بود و اکثر کاربران کلیه آیتم های بالای صفحه اصلی را مطالعه می نمودند و روزنامه به صورت تا خورده بود و کاربران می بایست سایر مطالب را در صفحات بعدی مطالعه می نمودند و این قضیه باعث می شد تا در بالای صفحه روزنامه ها کلیه موارد مهم قرار گیرند. سایت ها نیز به این صورت طراحی می گردید و صفحه بدون اسکرول و یا با اسکرول کمی بسته میشد و کاربر برای رویت سایر مطالب می بایست به صفحات دیگر مراجعه می نمود. قبلا در صورتی که سایت اسکرول زیادی داشت جزو ایرادات آن به حساب می آمد و طراحان مجبور بودند صفحات خود را حتی الامکان بدون نیاز به اسکرول طراحی نمایند.
سایت های تک صفحه ای
سایت های تک صفحه ای ارتباط بهتری را با بازدید کنندگان برقرار می نمایند و آیتم ها به گونه ای بهتر با کاربر ارائه می شوند و همچنین لازم نیست کاربر برای رویت مطالب مورد نیاز خود به صفحه دیگری مراجعه نماید. در حقیقت سایت های تک صفحه ای فعالیت وب سایت را به گونه ای داستان وار به کاربر ارائه می نماید. امروزه کاربران با سایت های اسکرولی کاملا آشنا هستند و با توجه به استفاده زیاد از موبایل و تبلت برای مرور وب سایت های تک صفحه ای به نسبت سایت های صفحه به صفحه بسیار کاربر پسند تر هستند و کاربر برای رویت مطالب مورد نیاز خود کافی است در صفحه اسکرول نماید. همچنین در صورتی که سایت تک صفحه ای نسخه موبایلی و ریسپانسیو داشته باشد نیازی نیست کاربر برای رویت مطالب بزرگنمایی نماید و کافی است صفحات را به صورت عمودی اسکرول نماید. در حقیقت ایده سایت های تک صفحه ای از مرورگرهای موبایل و تبلت به وجود آمد زیرا با صفحه لمسی که دارند اسکرول کردن را برای کاربر خوشایندتر از کلیک کردن می سازد.
سایت های تک صفحه ای از نظر موتورهای جستجو نیز مزیت دارند زیر کاربر مدت زمان بیشتری را در صفحه اصلی سایت زمان صرف می نماید و این باعث بالا رفتن اعتبار صفحه می شود. امروز مدت زمانی که کاربر در صفحات سایت صرف می نماید جزو یکی از مهترین رنکینگ های موتورهای جستجو می باشد.
نمونه ای از سایت های تک صفحه ای سایت http://sitedar.com می باشد که به تازگی توسط دارکوب طراحی گردیده است. این سایت تک صفحه ای ریسپانسیو ( سازگار با موبایل ) می باشد و در صورتی که با موبایل و یا تبلت سایت مشاهده شود صفحه بندی آن برای مرورگر موبایل تغییر پیدا می نماید. سایت های تک صفحه ای ریسپانسیو ارزش بسیاری در موتورهای جستجو دارند و در صورتی که بهینه سازی سایت تک صفحه ای به درستی انجام شود سایت به سرعت در موتورهای جستجو رنک می گیرد. زیرا کاربران بسیاری از موبایل و تبلت برای رویت سایت استفاده می نمایند و با توجه به ظاهر مناسب سایت ریسپانسیو در این مرورگرها کاربران به مرور سایت ادامه می دهند.
حذف تگ از HTML توسط PHP - عملیات عکس strip_tags
$content = '';
if (!is_array($tags)) {
$tags = (strpos($str, '>') !== false ? explode('>', str_replace('<', '', $tags)) : array($tags));
if(end($tags) == '') array_pop($tags);
}
foreach($tags as $tag) {
if ($stripContent) {
$content = '(.+|\s[^>]*>)|)';
$str = preg_replace('#|\s[^>]*>)'.$content.'#is', '', $str);
}
return $str;
}
تبدیل وب سایت به برنامه و اپلیکیشن موبایل iPhone و Android
ساخت اپلیکیشن موبایل را می توانید از پایه توسط برنامه نویس اندرویید و IOS انجام دهید و اپلیکیشن خود را طراحی نمایید. اما ابزارهایی برای تبدیل وب سایت به اپلیکیشن وجود دارند که به راحتی با استفاده از آنها می توانید وب سایت خود را به اپلیکیشن تبدیل نمایید.
برای تبدیل وب سایت به برنامه موبایل مخصوص iPhone و Android ابتدا می بایست نسخه موبایلی وب سایت خود را تهیه نمایید که برای پیاده سازی نسخه موبایلی سایت به شما پیشنهاد می نمایم سایت خود را ریسپانسیو نمایید. پس از تهیه نسخه موبایلی وب سایت به سایت www.appypie.com/convert-website-to-mobile-apps مراجعه نموده و آدرس سایت موبایلی و یا ریسپانسیو خود را درج نمایید. در صورتی که سایت شما نسخه موبایلی نداشته باشد این سایت به صورت خودکار نسخه موبایلی سایت شما را تهیه می نماید که البته کیفیت مناسبی ندارد، پس بهتر است با مراجعه به متخصص طراحی نسخه موبایل سایت سازگار با موبایل طراحی شود.
به صفحه دیگری هدایت می شوید که در این بخش می بایست اطلاعات لازم در مورد برنامه و وب سایت خود را تکمیل نمایید و همچنین فایل لوگو و پس زمینه برای برنامه خود انتخاب نمایید. همچنین می توانید از تصاویر موجود در کتابخانه همین سایت استفاده نمایید.
پس از تکمیل مشخصات برنامه در مرحله اول می بایست اطلاعات مربوط به برنامه را ایجاد نمایید. در این مرحله در بخش های بالا 5 منو به صورت پیش فرض برای شما ایجاد شده اند که با کلیک بر روی هر یک می توانید بخش مورد نظر را ویرایش نمایید. بر روی هر کدام از کلیدهای بالا About , Contact , Call Us , Quote و website کلیک نموده و اطلاعات مربوط به بخش مورد نظر را تکمیل نمایید. در صورتی که قصد حذف منوی خاصی را داشته باشید می توانید بر روی علامت x بالای صفحه مورد نظر کلیک نمایید و همچنین در صورتی که قصد اضافه کردن صفحه به صفحات موجود را داشته باشید می توانید نوع بخشی که قصد ایجاد آن را دارید از بخش Choose from following pages to add to your Mobile App انتخاب نموده و سپس صفحه مورد نظر خود را تکمیل نمایید. سمت راست نیز پیش نمایش برنامه به شما نمایش داده می شود که می توانید ظاهر برنامه خود را در موبایل مشاهده نمایید.
سایر مقالاتی که ممکن است علاقه مند باشید
- طراحی سایت ریسپانسیو چیست
- در مورد طراحی وبسایت های ریسپانسیو بدانید
- طراحی نسخه ریسپانسیو سایت
- چرا باید ریسپانسیو طراحی سایت کنیم
- طراحی وب سایت ریسپانسیو برای جلب توجه بیشتر
- دلیل پذیرش طراحی سایت ریسپانسیو
- طراحی واکنشگرا
- تاریخچه طراحی سایت ریسپانسیو
- تست گوگل برای نسخه موبایلی و ریسپانسیو سایت
* دقت نمایید حداقل تعداد صفحات برنامه شما می بایست بیشتر از 4 صفحه باشد.
پس از تکمیل این مرحله می بایست در مرحبه بعدی آدرس ایمیل خود را درج نمایید تا اطلاعات مربوط به برنامه برای شما ارسال گردد.
بهینه سازی کانکس ویونا
طراحی سایت کیوان تجارت والا
طراحی سایت شهرداری لولمان
5 پلاگین وردپرس برای داشتن بلاگ موفق
وبلاگ نویسان بسیاری در مورد پلاگین های مورد علاقه وردپرس خود نوشته اند. پلاگین های بسیاری مخصوص بلاگ نویسان وردپرس وجود دارند که می تواند به راحتی در سیستم مدیریت محتوای وردپرس خود نصب نمایید. در صورتی که قصد دارید توسط وردپرس بلاگی راه اندازی نمایید به شما توصیه می شود پلاگین های زیر را در سیستم وردپرس خود نصب و راه اندازی نمایید. برای اطلاعات بیشتر جهت راه اندازی سایت وردپرس بخش مقالات وردپرس دارکوب را مطالعه نمایید.
تقویم Editorial Calendar
برخی زمان ها پیش می آید که مطلبی در سایت نوشته اید که قصد دارید برای زمان خاصی در سایت نمایش داده شود و همچنین قصد دارید مطلب زمان خاصی از سایت حذف شود. با این پلاگین می توانید به راحتی زمان بندی نمایش مطالب در سایت را تعیین نمایید. به عنوان مثال ممکن است مطلبی در سایت نوشته باشید که قصد دارید زمان شروع سال نو در سایت نمایش داده شود و در آن زمان شما دسترسی به سایت ندارید. با استفاده از این پلاگین به راحتی می توانید زمان نمایش مطالب و مقالات سایت را تعیین نمایید.
پلاگین سئو وردپرس Yoast
در صورتی که از قالب آماده رایگان استفاده نموده اید، معمولا تنظیمات سئو سایت انجام نشده.
انتخاب ما پلاگین سئو سایت وردپرس Yoast SEO Plugin می باشد. این پلاگین به شما امکان بهینه سازی سایت وردپرس را می دهد، که با آنالیزگر داخلی خود به شما امکان انتخاب عنوان و متاهای مناسب را می دهد. این پلاگین نقشه سایت xml را می سازد که برای موتورهای جستجو بسیار مورد نیاز می باشد. با نصب و پیکربندی این پلاگین سایت وردپرس خود را به صورت کامل بهینه سازی نمایید.
چک کننده نویسنده
مدیریت بلاگ تنها به معنای ایجاد یک عنوان زیبا نیست بلکه کل پیکربندی مقاله و نوشته شما می بایست از نظر ویراستاری نیز به خوبی نوشته شده باشد. پلاگین Writer Checkify ابزاری می باشد که ارسال کننده مطلب را مجبور می سازد چک لیست را قبل از ارسال مطلب تکمیل نمایید. این پلاگین معمولا برای سایت هایی مناسب می باشد که چندین نویسنده دارد و توسط این پلاگین کلیه نویسنده ها یک استاندارد را رعایت می نمایند.
انتشار دهنده Jetpack's Publicize
توسط این پلاگین مطلبی که در سایت ارسال می نمایید به سایر سایت ها ارسال می گردد و در حقیقت باعث بالا رفتن اعتبار مطلب می گردد. Jetpack's Publicize به صورت اتوماتیک مطلب را به شبکه های اجتماعی Facebook, LinkedIn, Twitter, Tumblr, Path, و Google Plus ارسال می نماید.
این پلاگین به شما امکان انتخاب شبکه اجتماعی را می دهد و می توانید برای ارسال مطلب خود به شبکه های اجتماعی پیکربندی های لازم را انجام دهید و کار شما را در انتشار مطالب بسیار ساده می سازد.
چک کننده لینک ها
توسط Broken Link Checker می توانید وضعیت کلیه لینک های سایت خود را بررسی نمایید. این پلاگین برای بلاگ های بسیار بزرگ که فرصت بررسی کلیه لینک ها نیز بسیار مناسب است. این پلاگین به صورت اتوماتیک کلیه لینک ها و تصاویر سایت شما را بررسی می نماید و در صورت وجود مشکل به شما اطلاع می دهد.
طراحی نسخه ریسپانسیو سایت با استفاده از HTML و CSS
با توجه به افزایش میزان استفاده کاربران از تلفن همراه و موبایل برای وبگردی، طراحی سایت به صورت ریسپانسیو و سازگار با موبایل ضرورت پیدا کرده است و در صورتی که وب سایت شما در ابزارهای موبایلی نمایش مناسبی نداشته باشد رنک بسیاری از دست خواهد داد.
زمانی که قالب معمولی سایت خود را طراحی نمودید هم اکنون زمان آن می باشد که قالب سایت سازگار با رزولوشن های مختلف طراحی نمایید. برای انجام این کار کافی است ابتدا کد زیر را بین دو تگ head خود اضافه نماییم:
این کد به مرورگر دستور می دهد که صفحه را به اندازه پیسکل واقعی نمایش دهد. به عنوان مثال در صورتی که عرض سایت شما 1024 باشد سایت در کلیه مرورگرها و رزولوشن ها در همین سایز نمایش داده می شود که باعث اسکرول افقی خوردن سایت در تبلت و موبایل می شود.
سپس کافی است سه فایل CSS برای رزولوشن های مختلف طراحی نمایید و در صفحه HTML خود لینک نمایید:
<link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 327px)" href="mobile.css">
<link rel="stylesheet" media="only screen and (min-width:328px) and (max-width: 768px)" href="templates/template/tablet.css">
فایل CSS اول برای رزولوشن های بالاتر از 1024 که برای رزولوشن کامپیوتر و لب تاپ می باشد.
فایل CSS دوم برای نسخه موبایل وب سایت که سایز رزولوشن های 327 به پایین می باشد.
فایل CSS سوم برای رزولوشن های صفحه مابین 1024 و 327 پیکسل می باشد، که برای مرورگرهای و ابزارهای میان سایز نظیر تبلت طراحی می گردند.
برای طراحی سایت مختص به هر عرض کافی است عرض مرورگر خود را در محدوده سایز مورد نظر قرار دهید و کدهای CSS خود را به فایل مورد نظر اضافه نمایید.
* دقت نمایید هر کدی که در برای هر سایزی در فایل CSS مورد نظر درج می نمایید برای سایر سایزها مورد استفاده قرار نمی گیرد.
ساخت نسخه موبایل وب سایت توسط با روش های دیگری نیز امکان پذیر می باشد، اما در این مقاله به ساده ترین روش پرداخته ایم. برای مشاوره در زمینه طراحی ریسپانسیو سایت با دارکوب تماس حاصل فرمایید.
معمولا مشکل برای نمایش سایت بین عرض 327 و 1024 می باشد که می توانید آن محدوده را نیز به چند فایل مختلف CSS اختصاص دهید به عنوان مثال از 327 تا 500، از 500 تا 700، از 700 تا 900 و از 900 تا 1024.
با استفاده از کتابخانه bootstrap می توانید پیاده سازی نسخه موبایلی سایت را بسیار راحتر انجام دهید زیرا خود این کتابخانه تغییر سایزهای المان های موجود در صفحه را به صورت خودکار انجام می دهد.
با توجه به میزان استفاده از موبایل و تبلت و رشد آن در سال های اخیر ایجاد نسخه موبایلی وب سایت بسیار با اهمیت می باشد، به طوری که گوگل نیز از مدیران سایت می خواهد نسخه موبایلی سایت را طراحی نمایند.
امن سازی وردپرس توسط .htaccess
وردپرس یکی از بهترین سیستم های مدیریت محتوا می باشد که دارای مشکلات امنیتی فراوانی می باشد که در صورت که این مشکلات امنیتی در سایت راه اندازی شده توسط وردپرس رفع نگردد سایت دچار مشکلات جدی امنیتی خواهد گردید. بهتر است که قبل از آنکه برای سایت شما مشکلات جدی به وجود آید و برای بازگردانی سایت خود به حالت اول با شرکت هاستینگ خود تماس بگیرید وردپرس خود را امن سازی نمایید. راه های بسیاری برای امن سازی وردپرس وجود دارد و استفاده از .htaccess برای امن سازی یکی از آن روش ها می باشد.
پیکربندی .htaccess
.htaccess فایل تنظیمات می باشد که به شما این امکان را می دهد تنظیمات سرور را برای دایرکتوری های خاصی تغییر دهید.
به دو روش می توانید به آن دسترسی داشته باشید:
- پیدا کردن آن در فلدر اصلی وب سایت
- ویرایش آن با استفاده از پلاگین سئو وردپرس به نام Yoast
در این فایل کدی به شکل زیر وجود دارد:
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
برای آنکه امنیت وردپرس خود را بالا ببرید می بایست کدهای زیر را در آن اضافه نمایید.
امن سازی wp-config.php
برای امنیت فایل تنظیمات wp-config.php وردپرس کد زیر را به آن اضافه نمایید:
order allow,deny
deny from all
</files>
جلوگیری از لیست فایل های درون دایرکتوری
توسط کد زیر می توانید جلوی لیست کردن فایل های درون دایرکتوری ها را بگیرید:
Options All -Indexes
غیر فعال نمودن Hotlinking
Hotlinking به عملیات خواندن تصاویر و فایل ها توسط سرورهای دیگر می گویند که با استفاده از این کد می توانید امکان این کار را غیر فعال نمایید:
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?YourDomain [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ - [NC,F,L]
توجه نمایید نام دامنه خود را به جای YourDomain قرار دهید.
محافظت از فلدر /wp-content
وردپرس تمامی فایل های مدیای خود را در فلدر /wp-content نگهداری می نماید و این فلدر هم چنین جایی می باشد که فایل های قالب و پلاگین ها در آن ذخیره می گردند. بهتر است دسترسی به فایل ها .php را در این فلدر ببندید. برای انجام این کار می بایست فایل .htaccess جداگانه ایجاد نمایید و آن را بر روی این فلدر بارگذاری نمایید. و برای خوانده شدن فقط فایل ها مدیا در این فلدر کد زیر را به فایل .htaccess این فلدر اضافه نمایید:
deny from all
<files ~ ".(xml|css|jpe?g|png|gif|js)$">
allow from all
</files>
با انجام این کار هم اکنون سایت شما به صورت کامل امن سازی شده و تنها یک کار دیگر باقی مانده و آن امن سازی خود فایل .htaccess و دسترسی به آن می باشد.
محدود کردن دسترسی به .htaccess
امن سازی وردپرس توسط فایل .htaccess به پایان رسید هم اکنون می بایست دسترسی به فایل .htaccess را محدود نماییم و برای انجام این کار می بایست از کد زیر استفاده شود. این کد دسترسی به کلیه فایل هایی که با HTA شروع می شود را می بندد.
order allow,deny
deny from all
satisfy all
</files>
برای امنیت وردپرس به شما توصیه می شود به روز رسانی وردپرس را به صورت دائم انجام دهید و همیشه آخرین نسخه از وردپرس را بر روی سرور خود داشته باشید و همچنین از نصب پلاگین های اضافی در وردپرس خودداری نمایید. سرور نیز در امنیت وردپرس شما موثر است پس بنابراین سروری تهیه نمایید که معمولا از آن برای هاست وردپرس استفاده می گردد. در صورتی که در سایت وردپرسی خود از پلاگین خاصی استفاده می نمایید حتما تنظیمات امنیتی آن پلاگین را بررسی و اعمال نمایید.