مدیر سایت
حذف تگ از 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>
برای امنیت وردپرس به شما توصیه می شود به روز رسانی وردپرس را به صورت دائم انجام دهید و همیشه آخرین نسخه از وردپرس را بر روی سرور خود داشته باشید و همچنین از نصب پلاگین های اضافی در وردپرس خودداری نمایید. سرور نیز در امنیت وردپرس شما موثر است پس بنابراین سروری تهیه نمایید که معمولا از آن برای هاست وردپرس استفاده می گردد. در صورتی که در سایت وردپرسی خود از پلاگین خاصی استفاده می نمایید حتما تنظیمات امنیتی آن پلاگین را بررسی و اعمال نمایید.
وردپرس و iOS 7
طبق گزارش های جدید 47 درصد از کاربرانی که در اینترنت از موبایل برای مرور وب استفاده می نمایند از Apple's iOS برای این کار استفاده می نمایند. وردپرس زمانی که برنامه های موبایل خود را بروز نمود کاملا سازگار با ابزارهای iOS شد و با iOS7 شرکت Apple سازگاری کامل دارد. انجام به روز رسانی های جدید موبایل به مدیران سایت این امکان را داده که به راحتی سایت خود را برای مرورگرهای موبایل طراحی نمایند که این امکانات جانبی شامل:
- سیستم ورود بهینه سازی شده و پیغام ها
- ظاهر تب بیس آسان
- سیستم نظرات و پیغام های بهینه سازی شده
- سیستم های نظر دهی داخلی
- سیستم نمایش مطالب بهینه سازی شده
- امکان لینک دهی از توئیتر
- و سایر رفع عیب ها
هم اکنون که وردپرس برنامه های خود را سازگار با iOS 7 ساخته، شما نیز می بایست مواردی را انجام دهید تا زمانی که کاربر از مرورگرهای موبایل مخصوصا iPhones و iPads برای مرور سایت استفاده می نماید صفحات به درستی به کاربر نمایش داده شود. امروزه برای آنکه از سایر رقبای خود عقب نمایید بهتر است سایت خود را برای مرورگرهای موبایل و ابعاد مختلف صفحات بهینه سازی نمایید. روش های مختفی برای ایجاد نسخه موبایل سایت وجود دارد که در زیر آمده.
ساخت سایت موبایل
یکی از راه های اینکه راه اندازی سایت موبایل ایجاد نسخه جدیدی از سایت می باشد که طراحی اولیه آن بر پایه موبایل می باشد. سایت هایی با پسوند .mobi سایت نمونه ای از این سایت ها می باشد. زمانی که سرور مرورگر موبایل را تشخیص می دهد سایت موبایلی را به جای نسخه کامل سایت نمایش می دهد. سایت های موبایل در حقیقت سایتی جداگانه هستند، که نگهداری و پشتیبانی خود را نیاز دارند. استفاده از ساب دامنه نمونه ای از این نوع می باشد.
استفاده از پلاگین
وردپرس به دلیل پلاگین ها و امکانات جانبی بسیار آن تا این حد محبوب شده است. اضافه کردن امکانات جدید به پایه اصلی وردپرس بسیار ساده است و همه می توانند پلاگین ها را به راحتی نصب نمایند. برای نسخه موبایل سایت نیز پلاگین ها بسیاری وجود دارد. WPTouch یکی از پلاگین ها می باشد. این پلاگین به کاربر این امکان را می دهد که بخش های مورد نظر خود را برای سایزهای مختلف مرورگر حذف و اضافه نماید. سایت هایی از پلاگین ها برای نسخه موبایل خود استفاده می نمایند در iOS7 به خوبی نمایش داده نمی شوند. در صورتی که از این پلاگین ها استفاده می نمایید سایت خود را به صورت کامل در موبایل بررسی نمایید.
یک برنامه برای آن
تبدیل سایت وردپرس به برنامه با استفاده از پلاگین ها ممکن است. و به کاربراین امکان را می دهد در هر زمانی به سایت شما دسترسی داشته باشد. بارگذاری برنامه سایت به فروشگاه برنامه به بازدید کنندگان بیشتر آن کمک می نماید. برنامه برای سیستمی که برای آن طراحی گردیده پیاده سازی شده پس حتما برنامه مخصوص iOS7 را ایجاد نمایید.
طراحی سایت ریسپانسیو
یکی دیگر از روش های راه اندازی نسخه موبایل طراحی سایت ریسپانسیو می باشد. و به این صورت انجام می گردد که صفحه بر روی گرید هایی بسته می شود که به تغییر سایز صفحه آیتم های موجود در صفحه برای سایز مورد نظر جا به جا می گردند.
مزایایی سایت وردپرس ریسپانسیو:
- کافی است یک سایت راه اندازی نموده و پشتیبانی نمایید
- این روشی است که گوگل پیشنهاد می نماید نسخه موبایلی سایت را طراحی نمایید
- قالب های ریسپانسیو وردپرس بسیاری وجود دارند که با استفاده از آنها می توانید سایت خود را راه اندازی نمایید
همیشه طراحی نسخه iOS7 را جزو برنامه های خود قرار دهید زیرا بسیاری از کاربران از آن برای مرور وب استفاده می نمایندو شما با انجام این کار کاربران بسیاری بدست خواهید آورد.