طراحی سایت از طریق wordpress

بهترین سایتهای wordpress  را بسازید.

Word press رایح ترین پلت فرم انتشار آنلاین در جهان است. هر ماه ملیون ها نفر در سراسر جهان از ملیون ها سایت و صفحه wordpress بازدید می کنند. بسیاری از این صفحات بر روی بلاگ ها کوچک تر قرار گرفته اند اما wordpress در حال تبدیل شدن به یک ابزار پیشرفته و پیچیده است و با تقاضاهای پیچیده تر ، توسعه دهندگان برخی از روزآمدترین تکنیک ها را وارد سایتهای wordpress  می کند.ما در این مقاله به جهارتا از تکنیک های جدید اشاره می کنیم.

    از داده های ساخت یافته استفاده کنید.

    Tim Berners-Lee زمانی گفته بود " آرزوی من این است که یک روز وب بتواند تمام داده هایی که روی آن قرار می گیرد تحلیل کند."داده های ساخت یافته ، مثل میکرودیتا یکی از روش های فراهم نمودن محتوایی است که ماشین ها ، شامل موتورهای جستجو برای تحلیل تمام محتوای وب که ما تولید می کنیم به آن نیاز دارند.

    میکرودیتا جدیدترین شکل داده های ساخت یافته است که به طور گسترده مورد استفاده قرار می گیرد. این ها اساسا مجموعه ای از metatag هایی هستند که با HTML5 که متن را برای موتورهای جست و حو فراهم می کند معرفی شدند.

    Google  با بکار گیری یک استراتژیSEO قدرتمند داده های ساخت یافته را ارتقاء داده و یک structured Data ing Tool ساخته است. شما می توانید روش هایی برای برچسب زدن انواع گوناگون داده ها شامل آدرس ها، محصولات، مکان ها و رویدادها بر روی وب سایت schema.org پیدا کنید.یکی از ساده ترین روش ها برای اضافه کردن داده های ساخت یافته به سایت هایتان ، با yoast seo plug-in به شما اجازه می دهد داده های زیر را فقط با پر کردن چند فیلد اضافه کنید:

    Google authorship

    Twitter Cards

    Facebookopen Graf

    Plug-in  های دیگری برای عملکردهای خاص ، نظیر اضافه کردن داده های ساخت یافته به لیست رویدادها وجود دارد.

    یک plug-in خوب دیگر، schema creator plug-in  است که به شما اجازه می دهد میکرودیتایschema.org را مستقیما در پست ها و صفحات wordpress درج کنید.

    داده های ساخت یافته ها و تم ها

    تمام سایت های wordpress  داده های ساخت یافته ای مثل فید های RSS دارند که از همان ابتدای نصب بر روی آن ها ایجاد می شوند. چند framework مثل ROOTS شامل میکروفرمت هایی در فایل های قالب می شود.اما اغلب برای اضافه کردن داده های ساخت یافته به سایت تان ، نیاز به افزودن کد لازم به فایل های قالب خود دارید.

    کی از بهترین مکان ها برای انجام این کار، در فایل های قالب در تلفیق با جعبه های custome meta  انجام می گیرد.

    از فونت های آیکون استفاده کنید.

    دوستانی که در automatic کار می کنند اخیرا genericons  را به عنوان بخشی از Twenty thirteen them  منتشر کرده اند.

    Genericons آیکون های برداری هستند که در داخل یک فونت وب قرار می گیرند.

    آن ها رایگان هستند و به علت اینکه تحت  GPL مجوزدهی می شوند شما می توانید از آنها در پروژه های تجاری استفاده کنید.این مجموعه با مثال های سینتکس Sass و.  LESS ارئه می شوند. دانلود آن ها شامل یک نسخه OTF می شود اما برای سازگاری بهتر در بین ابزارهای مختلف، آن ها را از Webfont Generetor در Fontsquirrel  اجرا کنید.

    فونت های آیکون منبع باز و مجوزدهی

    اغلب فونتهای منبع باز تحت SIL open Font License  که باGPL سازگار است مجوزدهی می شوند.Font Awesome  که با چهارچوب Twitter Booster  یکپارچه شده یکی از این هاست.

    Iconic  و  Entypo نمونه های دیگر آن هستند.بقیه در Squirrel  در دسترس قرار دارد. هر چند ، برخی از فونت های منبع باز تحت مجوزهای دیگری منتشر می شوند.اگر در حال ساخت یک تم سفارشی برای یک کلاینت هستید، مجوزدهی احتمالا اهمیتی ندارد اما اگر قصد دارید یک تم را به سایت رسمی  Wordpress Theme Directory  ارسال کنید یا آن را به شکل تجاری به فروش برسانید باید در مورد فونت هایی که با ۀ\» سازگار نیستند اطمینان حاصل کنید.

    شما می توانید بر روی سایت Wordpress.org یک لیست از مجوزها و فونتهای آیکون سازگار پیدا کنید:make.wordpress.org/theme/guidelines

    Plug-in ها و سرویس های فونت آیکون

    آیا یک plug-in وجود دارد ؟ بله! Genericons به شما اجازه می دهد از فونت Genericons با کدهای کوتاه استفاده کنید.همچنین تعدادی از plug-in هایی هم وجود دارد که به شما اجازه می دهند از Font Awesome در کدهای کوتاه بهره بگیرید.

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

    Inkscape که یک ابزار گرافیک های منبع باز است یک ویرایش گر فونت SVG دارد که به شما اجازه می دهد گرافیک های برداری را به طور رایگان به فونت تبدیل کنید. حتی یک قالب اولیه هم برای فونت آیکون وجود دارد .همچنین تعدادی ابزار آن لاین مثل IcoMoon  هم برای هر چه ساده تر کردن کل این فرایند در دسترس قرار دارد.
    از Bootstrap در کنار Wordpress استفاده کنید.

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

همچنین برای تازه کارهایی که به دنبال روشی سریع برای ساخت نمونه اولیه هستند ایده آل به شمار می رود.بنابراین چرا باید Wordpress را اضافه کنید؟پاسخ این سوال سلده است: برای سریع تر کردن این فرایند.

اگر فقط به دنبال کتابخانه های CSS و JS هستید به راحتی می توانید از پلاگ این Wordpress Twitter Bootstrap در کنار یک تم جاری استفاده کنید.

تعدادی تم Bootstrap وجود دارد که برای Wordpress توسعه دده شده اند.Wordpress Bootstrapشامل Bootstrap و همچنین طرح های اضافی به شکل تم های Bootswatch است.

همچنین شامل کدهای کوتاه ، قالب ها و پوسته های صفحه و نوارهای کناری هم می شود.Bootstrap Wp نیز یکی دیگر از این ها است.آیا Sass را در مقایسه با LESS ترجیح می دهید؟ شما می توانید یک تم Wordpress برای آنکه Sass Wordpress Bootstrap نام دارد نیز پیدا کنید.

Roots  نیز یک تم Wordpress Bootstrap  دیگر است ، اگرچه به عنوان یک تم با استیل حداقلی که شامل Bootstrap، HTML 5 Boilerplate,ARIA roles و میکروفرمت ها می شود طراحی گردیده است که با تعدادی از Preprocessor نظیر LESS Sass,LESS withpure Css, و Compass کار می کند.همچنین با Gravity Forms و WooCommerce , ، فرم پیش رو و Plug-in  های تجارت الکترونیکی برایWordpress نیز کار می کند.Roots از قبل برای حداقل 23 زبان به شکل بین المللی در آمده است.

4.سایت های چند زبانه ایحاد کنید.

 

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

برای شروع تمام چیزی که نیاز دارید دانلود فایل های زبان مورد نظر و اضافه کردن آنها به نصبWordpress است.اگر در حال حاضر زبان مورد نظر شما وجود ندارد تیم هایی هستند که بر روی پشتیبانی از زبان های بیش تر مشغول کار هستند و جوامع زیادی از آنها پشتیبانی و حمایت می کنند.

تم ها و plug-in  های Wordpress را جهانی کنید

تم های پیش فرض مثل Twenty thirteen و Twenty Twelve به تعدادی از زیان هایی که آن ها را به تم های فوق العاده بدل می کند ترجمه شده اند. هر چند ، اگر می خواهید یک تم جدید توسعه دهید که برای کل جهان کاربرد داشته باشد ، جهانی سازی Wordpress کار دشواری نیست. جهانی سازی فرایند ساخت یک برنامه ی کاربردی – یا در این مورد خاص یک تم – است که آمادگی ترجمه دارد.

توابع PHP تعریف شده برای Wordpress

در مرحله بعدی ، هر متن موجود در تم خود را در توابع PHP  تعریف شده برای WOrdpress قراردهید. چند روش گوناگون برای پیچیدن متن ، بسته به جایی که متن ساده wrap می کنید ، یا متنی که به یک تابع  دیگر عبور داده می شود وجود دارد.اطلاعاتی در مورد چگونگی استفاده از این روش در Wordpress وجود دارد این سینتکس بنیادین و اصلی است.

همچنین ایحاد عباراتی که از placeholder هایی که از مقادیر مختلف برای کلمات جمع و مفرد استفاده می کنند وجود دارد.در نهایت شما نیاز به ایجاد یک فایل POT برای تم خود دارید.این فایل دربردارنده لیستی از تمامی متن های موجود در یک تم یا plug-inی که باید ترجمه شود.