نویسنده: Neil Lock

  • نحوه افزودن کدهای کوتاه سفارشی در Page Builder Sandwich

    نحوه افزودن کدهای کوتاه سفارشی در Page Builder Sandwich

    From the word itself, the word shortcode means exactly that: A short code; a shortcut code.

    کدهای کوتاه (Shortcodes) به شما این امکان را می‌دهند که مواردی مانند ابزارک‌ها را بدون نیاز به افزودن قطعه‌کدهای بزرگ—کاری که توسعه‌دهندگان معمولاً انجام می‌دهند—به وب‌سایت خود اضافه کنید.

    برای مثال، یک قطعه‌کد معمولی از نظر طول احتمالاً چیزی شبیه به این خواهد بود:

    <html>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    
    Etiam id aliquam turpis. Vivamus quis arcu tincidunt, finibus urna eget, placerat risus.
    
    Aliquam arcu massa, finibus et lacinia sed, scelerisque nec augue. Quisque eu viverra sapien, vel consequat lorem. Integer vel erat tortor.
    
    Phasellus condimentum magna eget congue venenatis. Suspendisse blandit vehicula consectetur.
    
    Nullam sodales eleifend massa, in bibendum purus fermentum id.
    
    Morbi et turpis feugiat, malesuada ipsum sit amet, interdum nulla. In non ante nec nisl mattis gravida sit amet id lectus.
    
    </html>​

    برای این مثال، فرض کنیم که قطعه‌کد بالا به شما امکان می‌دهد یک پاراگراف کامل از متن ساختگی لورم ایپسوم را اضافه کنید.

    Now, a shortcode with the same exact function as the code above will look something like this, in contrast:

    [lorem ipsum dolor estat]Lorem Ipsum[/lorem]​

    You can see how they’re miles different from each other in terms of length.

    اکنون تصور کنید که هر دو قطعه‌کد—قطعه‌کد اصلی و طولانی، در مقابل کد کوتاهی که فقط شامل کلمه «lorem» است—دقیقاً همان کار را انجام دهند: افزودن متن لورم ایپسوم.

    This is what shortcodes do. They make adding widgets, functions, and a bunch of other cool stuff easier for both ordinary WordPress users and developers alike.

    Where can I find shortcodes?

    اگر افزونه یا ابزارک محبوبی دارید، احتمال زیادی وجود دارد که کد کوتاهی برای استفاده شما داشته باشند.

    Shortcodes Ultimate, for example, will let you choose from hundreds of shortcodes that you can use on Page Builder Sandwich (or anywhere, actually) by simply grabbing the shortcode of your choice from Shortcode Ultimate’s repository or documentation page.

    Adding Custom Shortcodes on PBS

    در Page Builder Sandwich، می‌توانید کدهای کوتاه را مستقیماً با تایپ کردن یا کپی و جای‌گذاری آن در ناحیه محتوای خود به صفحه اضافه کنید.

    ما در زیر این کار را با یک کد کوتاه از Shortcodes Ultimate انجام دادیم و یک جعبه محتوا در صفحه نمایشی Page Builder Sandwich اضافه کردیم:

    Another thing you’ll find handy when using Page Builder Sandwich is our Shortcode Mapping feature.

    بر اساس یکی از مقالات قبلی ما در مورد نگاشت کدهای کوتاه (Shortcode Mapping)، تعریف به شرح زیر است:

    Shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.

    بخشی از این بدان معناست که دیگر نیازی نیست کدهای کوتاه خود را به صورت دستی در مستندات یا مخازن مربوط به آن‌ها جستجو کنید.

    تا زمانی که افزونه حاوی کد کوتاه را روی سایت وردپرسی خود نصب داشته باشید، به راحتی برای استفاده در Page Builder Sandwich در دسترس شما خواهد بود.

    So for example, if I wanted to add a WooCommerce shortcode on my page, all I have to do is make sure that it’s installed on my WordPress site, like so:

    And then, to actually add the shortcode, I’ll just go to my page, and drag and drop the Shortcode Element:

    Because we already have WooCommerce installed on our WordPress site, you can see that all of the shortcodes that are available on the WooCommerce plugin are already available on Page Builder Sandwich. This is what Shortcode Mapping is.

    You can also see on the upper left corner that the ACF (Advanced Custom Fields) and MailChimp shortcodes are available– because we have those instlled on our WordPress site, too.

    بنابراین اگر می‌خواهید کدهای کوتاه سفارشی یا کدهای کوتاهی را که خودتان ساخته‌اید اضافه کنید، تا زمانی که آن‌ها را روی سایت وردپرسی خود نصب کرده باشید، می‌توانید این کار را انجام دهید.

    Here are some other helpful plugins that you can use to create your own custom shortcodes:

  • با این تخفیف‌های جمعه سیاه ۲۰۱۷ یک سایت وردپرسی فوق‌العاده بسازید

    Create WordPress Website With Black Friday Sale 2017 Deals Black Friday and Cyber Monday are coming in a couple of days (5 to be exact), but you’ll find that a bunch of websites have already started announcing their discount deals every which way. WordPress tools and plugins are definitely no exception.

    بنابراین در حالی که هنوز (نسبتاً) زود است، ما فهرستی از بهترین تخفیف‌هایی که توانستیم برای بلک فرایدی وردپرس ۲۰۱۷ پیدا کنیم تهیه کرده‌ایم، به همراه ملزوماتی که برای ساخت یک وب‌سایت وردپرسی نیاز دارید — همگی متناسب با بودجه شما.

    بدون معطلی بیشتر، در اینجا ۵ ابزار و افزونه با تخفیف‌های سخاوتمندانه آورده شده است که برای ساخت اولین وب‌سایت وردپرسی پایه خود به آن‌ها نیاز خواهید داشت.

    Cloudways

    Cloudways is a managed cloud hosting platform that’s quick to start, easy to manage, and made to scale. It’s feature-rich, plus it lets you choose your server resources, allowing you to get your site up and running within minutes.

    Enter the coupon code HOLIDAY25 upon checkout to get a 25% discount on Cloudways for 3 months, valid until 28th November 2017.

    کوپن تخفیف خود را از Cloudways دریافت کنید

    Yoast SEO

    Yoast SEO is one of the most popular (if not most trusted) search optimization plugin for WordPress, and for good reason too. With over 7 million installs, it’s probably the most comprehensive SEO tool in the digital market, and their millions of users (ourselves included) can attest: you simply can’t go wrong with a plugin as functional as Yoast.

    While they haven’t announced this year’s Black Friday coupons yet, they’ve made an announcement in one of their articles that they’ll definitely having a sale on November 24 and 25.

    همین حالا Yoast SEO را بررسی کنید!

    WP Rocket Cache

    WP Rocket offers a good range of caching functions, giving your site the performance boost that it needs. It’s a breeze to configure as well, so it’s great for beginners as it only requires minimal effort for setup.

    This year, they’re having their biggest sale yet: 35% off on ALL their licenses.

    دریافت کوپن تخفیف WP Rocket

    Theme Discounts from WeDevs.com

    WeDevs مجموعه‌ای از افزونه‌ها و اکستنشن‌های کاربردی وردپرس است. آن‌ها جامعه کاربری بسیار قدرتمندی دارند و از سال ۲۰۰۸ فعالیت می‌کنند. برای بلک فرایدی ۲۰۱۷ (و تعطیلات پس از آن در سال جاری)، آن‌ها فهرستی از تخفیف‌های ویژه تعطیلات وردپرس، شامل تعداد زیادی تخفیف و کوپن برای قالب‌های فوق‌العاده وردپرس، گردآوری کرده‌اند.

    دریافت کوپن‌های تخفیف قالب

    BONUS RESOURCE: First Site Guide

    First Site Guide is a resource site and tool that contains easily accessible knowledge on how to create your first website, both on WordPress and off of it. It also has great infographics that guide you through the basics of blogging, design, and marketing as well. And best of all, you get this good share of site-building knowledge for free.

    ما همچنین به‌زودی یک مقاله آموزشی درباره صفحه فرود با منابع فوق‌العاده‌ای از First Site Guide منتشر خواهیم کرد، بنابراین در هفته‌های آینده منتظر آن باشید!

    رفتن به First Site Guide

    (And last but not least) Page Builder Sandwich!

    We definitely don’t want to miss out on all the fun. So this 2017, we’re giving you guys 33%-off on any license. Just use the promo code CYBERMONDAY33 upon checkout to start building your site today!

    Premium Single Site

    $39 $26.79

    اکنون خرید کنید

    Apply CYBERMONDAY33 upon checkout to save $13.20

    Premium Unlimited Sites

    $89 $60.29

    اکنون خرید کنید

    Apply CYBERMONDAY33 upon checkout to save $29.70

    So what are you waiting for? Grab these kick-ass WordPress deals now. After all, Black Friday only happens once a year. ?

  • نحوه استفاده از بازاریابی ایمیلی با استفاده از Page Builder Sandwich

    نحوه استفاده از بازاریابی ایمیلی با استفاده از Page Builder Sandwich

    بله، می‌توانید.

    The more important question, though, is how and why do you need to do it?

    My business is small. Can’t I just wing it?

    Email marketing has an average ROI of 3,800 percent. For every dollar invested, the average return is $38, according to Salesforce.

    In other words, it’s definitely something worth investing your time in.

    Because while there are tons of ways to market your products and capture leads– you can still try to make use of the less-popular cold call, for example– the most sure-fire way to connect and communicate with your target audience in the 21st century is through e-mail marketing.

    So if you’re running a business –any kind of business, whether small, big, online or otherwise– digital and e-mail marketing is an absolute must.

    Aside from cutting on costs (e-mail is free, after all), businesses rely on it not just because it’s been proven to be successful, but also because it yields results that are both measurable and flexible; you can track your audience’s responses to your e-mails, for example, or note how many clicks and opens your e-mail marketing campaigns get.

    How you can do it with Page Builder Sandwich

    There are lots of available software you can use to help you market your products and content digitally, like Hubspot’s E-mail Marketing Software, or Mailchimp, which gives you a management system that helps you create, organize, and analyze your newsletters.

    But did you know that using Sandwich, you can actually integrate some of the popular software mentioned via the Newsletter Element?

    The Newsletter Element (and how it works)

    You can find the Newsletter Element by hovering over to the Elements Inspector over to the left side of the screen, and selecting Newsletter from the bottom area.

    Using the Properties Inspector, you can also choose which newsletter integration you’d like to use with the Newsletter Element. For this exmple, we’re going to use MailChimp (highlighted in blue in the dropdown below).

    And, using the Input Field button, you can try to play around with the Newsletter Element’s settings as well, so you can change colors, customize success message options, and other settings, like so:

    By trying your hand at the different available settings for the Newsletter Element’s options, you can end up with something like this:

    Plus, with the help of our Pre-Designed Sections and other design tips, you can actually do a whole lot more.

    Other useful resources for e-mail marketing beginners

    • 11 Types of Marketing E-mails That Actually Generate a Response

    Conclusion

    While other noteworthy marketing trends still exist today, one thing’s for sure: E-mail marketing is definitely here to stay, and it’s important that you utilize it when you can. Who knows? Through e-mail marketing, your business could just get that big break it’s been looking for.

    Design in less time!

    Get access to Sandwich’s Pre-Designed Sections, Templates, and a whole lot more.

    Try Live Preview
  • Frontly API: توسعه‌دهنده‌پسندتر کردن Frontly Builder

    خبرهای عالی برای توسعه‌دهندگان: در نسخه بعدی فرانتلی، بالاخره API فرانتلی را عرضه خواهیم کرد.

    در حال حاضر هنوز در دست توسعه است، اما بالاخره قادر خواهید بود افزونه‌ها و اکستنشن‌هایی برای فرانتلی بسازید. البته، ما مستندات API را نیز همراه با آن منتشر خواهیم کرد تا تجربه‌ای روان‌تر و کاربردی‌تر داشته باشید.

    بی‌صبرانه منتظریم ببینیم شما چه چیزهای شگفت‌انگیزی خلق خواهید کرد.

    Here’s a short list of some of the APIs we have so far:

    1. Text Formatting Bar API

    با API نوار قالب‌بندی متن (Text Formatting Bar API)، توسعه‌دهندگان می‌توانند قابلیت‌های نوار قالب‌بندی متن فرانتلی را گسترش دهند. با استفاده از این، می‌توانید دکمه‌ها/گزینه‌های جدیدی به نوار قالب‌بندی متن اضافه کنید.

    2. Add Element API

    این API به شما امکان می‌دهد المان‌های جدیدی ایجاد کنید و آن‌ها را به فهرست المان‌های موجود در بخش المان‌ها در سمت چپ ویرایشگر محتوا بیفزایید.

    3. Inspector API

    API بازرس (Inspector API) به شما اجازه می‌دهد تنظیماتی را در بازرس ویژگی‌های (Properties Inspector) هر المان ایجاد، اضافه یا حذف کنید.

    4. Text API

    API متن (Text API) به شما اجازه می‌دهد تغییراتی در استایل‌های متن اعمال کنید؛ به‌ویژه امکان تغییر فرمت‌های متن، تغییر رنگ پس‌زمینه متن و موارد دیگر.

    Developers! It’d be great if you could send over some suggestions

    These are just some of the basic APIs we have in store for you. We’re in the middle of creating more, but if you have any other ideas of APIs we can add to our console, just leave a comment below, or hit us up at [email protected]. We might just feature your suggestions in the upcoming Frontly release ?

  • چگونه Page Builder Sandwich با بقیه متفاوت است

    How-Page-Builder-Sandwich-Is-Different-from-the-Restده‌ها و ده‌ها صفحه‌ساز در دسترس هستند، و حتماً از خود می‌پرسید: Page Builder Sandwich چه ویژگی خاصی دارد؟ اگر همین حالا هم یکی در اختیار دارید، چرا باید زحمت استفاده از آن را به خود بدهید؟

    در این مقاله، به چند ویژگی کلیدی موجود در Page Builder Sandwich اشاره خواهم کرد که آن را منحصر‌به‌فرد و به انتخابی کاملاً ضروری برای تولیدکنندگان محتوا و طراحان تبدیل می‌کند. اگر نمی‌دانید صفحه‌ساز چیست و چرا به آن نیاز دارید، نگران نباشید، مطالبی داریم که می‌توانند به شما کمک کنند.

    ۱. شما فقط یک نمایش بصری از محتوای خود نخواهید دید، بلکه محتوای واقعی‌تان را می‌بینید و ویرایش می‌کنید

    در سایر صفحه‌سازها، بخش‌هایی را می‌بینید که صرفاً نشان‌دهنده محتوای شما هستند. شما عمدتاً محتوای خود را با بلوک‌ها و اشکال مستطیلی چیدمان می‌کنید و نتیجه بیشتر شبیه به چارچوبی از ظاهر نهایی محتوای شما در صفحه به نظر می‌رسد. این امر منجر به کلیک مداوم روی دکمه پیش‌نمایش می‌شود، تنها برای این‌که ببینید نتایج چگونه خواهند بود.

    با Page Builder Sandwich، تمام ویرایش‌ها در فرانت‌اند سایت شما انجام می‌شود و شما محتوای خود را مستقیماً برای یک تجربه واقعی «هرچه می‌بینید همان را دریافت می‌کنید» ویرایش می‌کنید.

    ۲. ویرایش مستقیم، سریع و آسان بدون پنجره‌های پاپ‌آپ آزاردهنده

    پاپ‌آپ‌ها جزء جدایی‌ناپذیر صفحه‌سازها بوده‌اند. در اکثر آن‌ها، اگر بخواهید هر چیزی را در طرح‌بندی خود ویرایش کنید، خواه عنوان باشد، برچسب دکمه، یا یک متن شعار کوتاه، ابتدا باید منتظر باز شدن یک پنجره پاپ‌آپ بمانید و تغییرات خود را در داخل آن اعمال کنید.

    ما هدف خود را به حداقل رساندن استفاده از پاپ‌آپ‌ها در سراسر Page Builder Sandwich قرار داده‌ایم. با حذف پاپ‌آپ‌ها، ویرایش هر محتوایی آسان‌تر و روان‌تر از همیشه شده است.

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

    نوآوری دیگری که به ویرایش بدون دردسر کمک می‌کند، اینسپکتور (Inspector) همیشه حاضر است. اینسپکتور به عنوان جعبه‌ابزار و ویرایشگر ویژگی‌های شما عمل می‌کند. ابزارهای قالب‌بندی محتوا: رنگ متن، سرعنوان‌ها، تنظیم اندازه فونت، مارجین‌ها، پدینگ‌ها، کادرها، نقل‌قول‌ها و بسیاری موارد دیگر تنها با یک کلیک ساده در دسترس هستند.

    Reused functionality

    ۳. استفاده مجدد از قابلیت‌های وردپرس

    نکته دیگری که در سایر صفحه‌سازها متوجه آن شده‌ایم این است که آنها اغلب چرخ را از نو اختراع می‌کنند. برخی از آن‌ها انتخاب‌گر رنگ، آپلودکننده تصویر، گالری‌ساز و ابزارهای مختلف دیگرِ مختص خود را پیاده‌سازی می‌کنند. این به خودی خود ایرادی ندارد، اما وردپرس گنجینه‌ای از تکه‌کدهای کاربردی است، پس چرا از آن‌ها استفاده نکنیم؟

    وردپرس پلتفرمی عظیم و شگفت‌انگیز است و ابزارهای جذاب فراوانی دارد که توسط مشارکت‌کنندگان فوق‌العاده زیادی ساخته شده است. Page Builder Sandwich تا جای ممکن از قابلیت‌هایی استفاده می‌کند که از قبل همراه با وردپرس ارائه شده‌اند.

    به جای استفاده از انتخاب‌گر رنگ اختصاصی خود، از انتخاب‌گر رنگ Iris استفاده می‌کنیم. به جای آپلودکننده تصویر اختصاصی، از مدیریت رسانه استفاده می‌کنیم. همچنین اسکریپت‌های کاربردی دیگری مانند backbonejs، underscorejs، wp.hooks و wp.shortcode نیز وجود دارند. ما از همه آنها استفاده می‌کنیم و این امر کار ما را آسان‌تر کرده و همچنین به کدهای پایدارتری منجر می‌شود.

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

    ۴. ناوبری و کلیدهای میانبر کیبورد

    در سایر صفحه‌سازها، ماوس بهترین دوست شماست. با آن عناصر را می‌کشید و رها می‌کنید و برای ویرایش دوبار کلیک می‌کنید. اما کیبورد اغلب نادیده گرفته می‌شود.

    برای مثال، در برخی صفحه‌سازها نمی‌توانید به راحتی متنی را که یک پاراگراف/بخش بالاتر از محل ویرایش فعلی شماست ویرایش کنید، زیرا باید از یک پنجره پاپ‌آپ خارج شوید و در پنجره جدیدی کلیک کنید. در Page Builder Sandwich، می‌توانید با کیبورد خود جابه‌جا شوید. کلیدهای جهت‌نما را برای جابه‌جایی میان محتوای خود فشار دهید؛ این قابلیت حتی اگر محتوای دیگر در ردیف یا ستون دیگری قرار گرفته باشد نیز کار می‌کند.

    ویژگی مهم دیگر، کلیدهای میانبر undo و redo کیبورد است. شاید در نگاه اول چندان مهم به نظر نرسند، اما به این موضوع فکر کنید: چه می‌شود اگر تصادفاً محتوای خود را در مکان اشتباهی بکشید و رها کنید. در برخی صفحه‌سازها، باید آن را دوباره به موقعیت اولیه‌اش بکشید. در Page Builder Sandwich، هم undo و هم redo کار می‌کنند. بنابراین چه بخواهید آنچه را تایپ کرده‌اید اصلاح کنید و چه بخواهید محتوای کشیده‌شده (یا چندین محتوای کشیده‌شده) را به حالت قبل بازگردانید، کافی است undo یا redo را بزنید. قابلیت Undo و redo برای محتوای کشیده‌شده و حتی برای تغییرات ویژگی‌هایی مانند اندازه فونت و پدینگ ردیف‌ها کار می‌کند. این امر آن‌ها را به ابزارهایی قدرتمند در زرادخانه ویرایشی شما تبدیل می‌کند.

    Relaxing experience

    ۵. یک صفحه‌ساز فرانت‌اند واقعی – تجربه‌ای آرامش‌بخش‌تر و بدون دردسر از ویرایش

    طرز فکر ما در طول توسعه این بوده است که ویرایش در فرانت‌اند نباید این حس را القا کند که هنوز در حال ویرایش با ابزارهای بک‌اند هستید. نباید این احساس را بدهد که صفحه‌ساز در ابتدا برای بک‌اند ساخته شده و سپس به فرانت‌اند منتقل شده است.

    در مجموع، از نظر من، وجه تمایز اصلی Page Builder Sandwich این است که ما آن را با هدف تبدیل شدن به یک صفحه‌ساز فرانت‌اند «واقعی» ساخته‌ایم – بازتعریفی از آنچه ویرایش در فرانت‌اند باید باشد.

  • به‌روزرسانی شماره ۱ تغییر برند به فرانتلی: کپی و جای‌گذاری پاراگراف‌ها

    Over our past blog posts, we mentioned that PBS will be rebranding as Frontly, and that we’ll be changing and improving a lot of aspects for the better. One of these aspects is being able to use Frontly to experience a smoother, more intuitive page building experience that’s even better than PBS.

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

    Copy-paste blocks of text on Frontly

    ما PBS را به‌گونه‌ای طراحی کردیم که هر پاراگراف شما یک المان مجزا باشد. کپی و جای‌گذاری متن‌های طولانی، متن انتخاب‌شده را به بلوک‌های متنی جداگانه تقسیم می‌کند.

    What do we mean by this? Here’s an example to illustrate.

    در نسخه فعلی PBS (نسخه‌ای که اکنون استفاده می‌کنید)، کپی و جای‌گذاری چندین سطر به چندین المان متنی تفکیک می‌شود، که جابه‌جا کردن بخش‌هایی از متن را سخت‌تر می‌کند. این موضوع ویرایش متن را دشوار می‌سازد.

    بنابراین اگر بخواهم متنی را که تازه کپی و جای‌گذاری کرده‌ام به ستون دیگری منتقل کنم، کار سخت‌تر خواهد بود چون مجبورم سطرها را یکی‌یکی جابه‌جا کنم.

    This is something we’re definitely addressing with Frontly.

    This is a small test page Benjamin made for Frontly. Here, you’ll see that we copy-pasted the same paragraph we tried to copy-paste on PBS. Only this time, everything is retained in a single area that you can drag around and place wherever you want to.

    این یعنی شما می‌توانید متن را روان‌تر اضافه و ویرایش کنید، و تجربه تایپ (و ساخت صفحه) بدون دردسری داشته باشید.

    Retain full text formatting with Frontly

    مورد دیگری که مشتاقیم شما در Frontly آن را امتحان کنید این است که تمام قالب‌بندی‌ها دست‌نخورده باقی می‌مانند – تمام سرتیترها، از جمله نشانه‌های بالت و حتی ایموجی‌ها حفظ می‌شوند.

    Copy-pasting with PBS vs copy-pasting with Frontly

    در Frontly (سمت راست)، خواهید دید که تمام قالب‌بندی متن از منبع اصلی حفظ شده است. هر چیزی که برجسته (بولد)، کج (ایتالیک)، دارای خط زیرین، یا با اندازه سرتیتر متفاوتی ویرایش شده باشد، هنگام جای‌گذاری در ناحیه Frontly کاملاً دست‌نخورده باقی می‌ماند (در مقایسه با PBS که تنها چیزی که حفظ می‌شد ایموجی‌ها بودند).

    What else do we have in store for you?

    همان‌طور که اشاره کردیم، این تنها اولین پست از مجموعه‌ای از پست‌ها درباره این است که چگونه Frontly سال‌های نوری از PBS جلوتر خواهد بود. ما برای نشان دادن بقیه موارد به شما بی‌صبرانه منتظریم، پس منتظر پست وبلاگ بعدی ما باشید!

    پیشنهاد یا نظری دارید؟ با ما در میان بگذارید و در زیر نظر خود را ثبت کنید!

  • واکنش‌گرایی موبایل در نسخه ۴.۰ PBS

    درست پیاده‌سازی کردن واکنش‌گرایی در موبایل می‌تواند واقعاً دشوار باشد، و وقتی کسی در آن خرابکاری کند، نتایج معمولاً فاجعه‌بار از آب درمی‌آید. در واقع، اگر هنوز نشنیده‌اید، گوگل حتی از آوریل ۲۰۱۵ شروع به جریمه کردن وب‌سایت‌های غیرسازگار با موبایل کرده است. به‌طور خلاصه، واکنش‌گرایی موبایل موضوع بسیار مهمی است.

    خب، واکنش‌گرایی موبایل چیست؟

    یک وب‌سایت زمانی واکنش‌گرا در نظر گرفته می‌شود که محتوای آن هنگام مشاهده در دستگاه‌هایی غیر از رایانه رومیزی، توانایی تطبیق با اندازه‌ها و جهت‌های مختلف صفحه نمایش را داشته باشد. به بیان ساده‌تر، اگر به PBS نسخه ۴ ارتقا داده‌اید و می‌خواهید صفحه‌ای را طراحی کرده یا بسازید، چه در رایانه رومیزی، چه در تلفن همراه یا تبلت باشید، نباید مشکلی در مشاهده آن‌ها داشته باشید.

    واکنش‌گرایی در نسخه ۴.۰

    در جدیدترین به‌روزرسانی ما، تیم ما اطمینان حاصل کرده است که قابلیت جدید پیش‌نمایش موبایل PBS در کل به یک تجربه روان‌تر و واکنش‌گراتر تبدیل شود: به گونه‌ای که متن، تصاویر و سایر محتواها به‌طور خودکار با وضوح صفحه نمایش دستگاه شما سازگار می‌شوند.

    اکنون تمام سرعنوان‌ها به‌طور خودکار بر اساس اندازه صفحه نمایش تنظیم می‌شوند، تا هنگام مشاهده سایت یا صفحه ساخته‌شده با PBS در تلفن‌های همراه با حروفی غول‌پیکر مواجه نشوید. برای نمایش واضح‌تر این موضوع:

    مشاهده سایت خود در اندازه‌های مختلف صفحه نمایش

    همچنین برای کمک به اطمینان از این‌که شما بدانید صفحه‌تان در موبایل چگونه به نظر می‌رسد، ما مشاهده موبایل از طریق دسکتاپ را نیز فعال کرده‌ایم. به این ترتیب، اگر بخواهید بررسی کنید که آیا صفحه‌تان خوب به نظر می‌رسد یا خیر، نیازی به دردسر تعویض فیزیکی از گوشی (یا تبلت) به دسکتاپ ندارید. اکنون می‌توانید در هر زمان حین طراحی صفحه خود، به سادگی بین اندازه‌های مختلف صفحه نمایش جابه‌جا شوید.

    علاوه بر این، اکنون می‌توانید فاصله‌گذاری عناصر خود را به‌طور اختصاصی برای تبلت‌ها و تلفن‌های همراه تنظیم دقیق کنید.

    خوب، نظر شما چیست؟ موافقید یا مخالف؟ آیا ویژگی‌های دیگری وجود دارد که بتوانیم در زمینه موبایل آن‌ها را بهبود ببخشیم؟ در بخش نظرات در ادامه با ما در میان بگذارید!

  • تخفیف اختصاصی کلودویز برای کاربران PBS!

    ما در حال همکاری با Cloudways، یکی از فوق‌العاده‌ترین پلتفرم‌های میزبانی ابری مدیریت‌شده در وب هستیم. اگر هنوز نام آن‌ها را نشنیده‌اید، در جامعه وردپرس بسیار مورد اعتماد هستند و ثابت کرده‌اند یکی از قابل‌اعتمادترین سرویس‌های هاستینگ موجود به شمار می‌روند. آن‌ها ویژگی‌های بسیار فوق‌العاده‌ای نیز دارند، مانند زیرساخت‌های ابری متعدد، مراکز داده چندگانه و هاستینگ SSD، به‌علاوه شبیه‌سازی با ۱ کلیک، پشتیبان‌گیری و بازیابی با ۱ کلیک و نگاشت دامنه با ۱ کلیک.

    خبر خوب این است که ما با Cloudways همکاری کرده‌ایم تا یک کد تخفیف اختصاصی برای علاقه‌مندان به Page Builder Sandwich که می‌خواهند Cloudways را امتحان کنند، یا به‌عنوان هدیه‌ای برای کاربران فعلی Cloudways، آماده کنیم! فقط کافی است کد را وارد کنید فقط کافی است کد را وارد کنید:

    CWPBS15

    ..تا هنگام ارتقای حساب Cloudways خود، $15 تخفیف بگیرید. این پیشنهاد همچنین یک سرور 1GB DigitalOcean را در Cloudways به مدت ۱ ماه در اختیارتان قرار می‌دهد. این یک پیشنهاد عالی برای کسانی است که به دنبال جابه‌جایی شرکت هاستینگ خود هستند، یا افرادی که قصد دارند وب‌سایت‌ها یا وب‌اپلیکیشن‌های جدیدی را راه‌اندازی کنند.

    امیدواریم از این تخفیف به همان اندازه‌ای که ما از همکاری با Cloudways لذت بردیم، لذت ببرید!

  • پیج بیلدر ساندویچ ۲۰۱۷: مروری بر یک سال گذشته

    در سال ۲۰۱۷، توسعه و گسترش قابلیت‌های Page Builder Sandwich را آغاز کردیم. این سال برای ما یک جهش بزرگ بود و از این خوشحال‌تر نمی‌توانستیم باشیم.

    ما بازخوردها و حمایت‌های بی‌شماری از سوی کاربرانمان و همچنین دوستانمان در وردپرس دریافت کرده‌ایم. و به همین دلیل، توانستیم چیزی بزرگ خلق کنیم؛ چیزی که به شما امکان می‌دهد همراه با ما آثار شگفت‌انگیزی بسازید.

    So without further ado, let’s look back at Page Builder Sandwich’s 2017. Here are our favorite updates and releases from this year.

    Parallax Scrolling

    Parallax Scrolling is a background effect that gives your page a a 3D layered look while you scroll.  We made adding this effect easy for our users- simply select the Parallax Scrolling option in your row’s background to add the parallax effect.

    Video Backgrounds

    دقیقاً مانند پیمایش اختلاف‌منظر (Parallax Scrolling)، افزونه Page Builder Sandwich به شما امکان می‌دهد تا تنها با کپی-پیست کردن پیوندهای Vimeo یا YouTube، یا بارگذاری دستی ویدیوها، پس‌زمینه‌های ویدیویی جذابی اضافه کنید.

    Ken Burns Backgrounds

    آیا متوجه نحوه نمایش تصاویر آرشیوی در بیشتر فیلم‌های مستند شده‌اید؟ اینکه چگونه تصویری را روی صفحه نمایش می‌دهند و به آرامی روی آن بزرگ‌نمایی می‌کنند؟ این افکت کِن برنز (Ken Burns effect) نامیده می‌شود. و بله، Page Builder Sandwich این ویژگی را نیز در سال ۲۰۱۷ منتشر کرد.

    Blank Page Template

    می‌خواهید از یک لوح سفید شروع کنید؟ Page Builder Sandwich فکر همه‌جا را کرده است. ما همچنین قالب صفحه خالی (Blank Page Template) را در سال ۲۰۱۷ منتشر کردیم که به شما امکان می‌دهد وب‌سایت خود را روی یک بوم کاملاً خالی طراحی کنید.

    Full Page Templates

    Page Builder Sandwich released its very first set of Page Templates in January 2017. Niche-based and professionally designed, these templates also allow for manual editing so you can customize them the way you’d like.

    Mobile Responsiveness

    سال ۲۰۱۷ سالی بود که واکنش‌گرایی در موبایل را به فهرست ویژگی‌های خود اضافه کردیم. اکنون می‌توانید وب‌سایت خود را بدون هیچ مشکلی در موبایل مشاهده کنید.

    All 800+ Google Fonts

    ما این امکان را به شما دادیم تا با بیش از ۸۰۰ فونت گوگل، به وب‌سایت خود جذابیت و انعطاف‌پذیری ببخشید.

    200% Performance Increase

    Bigger, better, faster. Page Builder Sandwich increased its performance by 200% in 2017.

    What’s in Store for 2018?

    افزونه Page Builder Sandwich همواره یک صفحه‌ساز واقعاً کاربرپسند، کاملاً شهودی و به‌معنای واقعی فرانت‌اند بوده است. چشم‌انداز ما برای ارائه بهترین تجربه ساخت صفحات وب، با اشتراک‌گذاری نیازهایتان توسط شما گسترش می‌یابد.

    ما بر اساس ایده‌های شما چیزی حتی بهتر برای سال ۲۰۱۸ ساختیم!

    Frontly Builder is the next step in our evolution and we’re at the final stages of development!

    Leave us your email to get first dibs on updates!

    ’til relaunch

    ما بدون حمایت شما به این نقطه نمی‌رسیدیم، بنابراین یک تشکر بسیار بسیار بزرگ از همه کسانی که در این سال ۲۰۱۷ در کنار ما بودند! به امید خلق چیزهای شگفت‌انگیزتر در سال ۲۰۱۸. آنجا می‌بینیمتان!

    ارادتمند،
    تیم Page Builder Sandwich

  • صفحه‌ساز چیست و چرا فرانت‌اند اهمیت دارد

    What-is-a-Page-Builder-and-Why-Front-End-Mattersاگر شما یک وبلاگ‌نویس حرفه‌ای هستید که تمام تولید محتوایتان حول نوشتن مقالات بلند همراه با تصویر گاه‌به‌گاه می‌چرخد، شاید ویرایشگر محتوای فعلی TinyMCE برای نیازهای شما کافی باشد. جعبه ابزار فعلی از قبل شامل ابزارهای لازم برای نوشتن مقالات است؛ شما ابزارهای پایه‌ای قالب‌بندی متن مانند بولد، ایتالیک، سربرگ‌ها و غیره را در اختیار دارید. اما همه چیز در همین خلاصه می‌شود.

    نبود قابلیت‌های مناسب برای صفحه‌آرایی

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

    دیگران تلاش کرده‌اند با بهره‌گیری از قابلیت کدهای کوتاه (shortcode) وردپرس این مشکل را دور بزنند. به‌طور خلاصه، کدهای کوتاه به شما اجازه می‌دهند قطعه‌کدهایی را با استفاده از برچسب‌های ویژه درج کنید. افزونه‌هایی برای وردپرس وجود دارند که کدهای کوتاه متعددی را ارائه می‌دهند که می‌توانید از آن‌ها برای ایجاد محتوای ستونی استفاده کنید. برای مثال، اگر بخواهید محتوای خود را در یک طرح دو ستونه قرار دهید، می‌توانید آن را درون برچسب‌های چندستونه بپیچید. گرچه این روش «کار می‌کند»، اما از نظر بصری مناسب و کاربرپسند نیست؛ چرا که در نهایت با افزودن محتوای بیشتر، همه‌چیز شبیه به توده‌ای آشفته و درهم‌برهم به نظر خواهد رسید.

    صفحه‌سازها برای پر کردن این خلأ صفحه‌آرایی متولد شدند.

    Page building blocks

    صفحه‌سازها ایجاد محتوای دارای چیدمان را آسان می‌کنند

    صفحه‌سازها ابزارهای اضافه‌ای در اختیارتان می‌گذارند که چیدمان محتوای شما را در قالب‌های منحصربه‌فرد آسان می‌سازد. صفحه‌سازها معمولاً ویرایشگر محتوای TinyMCE بخش بک‌اند را حذف کرده و ویرایشگر جدیدی را جایگزین آن می‌کنند (یا به آن می‌افزایند) که به تجسم بصری محتوایتان کمک می‌کند. اگر قبلاً از یک صفحه‌ساز بک‌اند استفاده نکرده‌اید، مجموعه‌ای از بلوک‌ها را تصور کنید که هر بلوک نماینده نوعی از محتواست: یک تصویر، متن یا یک کد کوتاه. سپس به شما اجازه می‌دهد آن‌ها را با کشیدن و رها کردن در طرح‌ها و ستون‌های مختلف قرار دهید.

    علاوه بر صفحه‌آرایی، صفحه‌سازها ایجاد و جای‌گذاری کدهای کوتاه را نیز ساده‌تر می‌کنند. در گذشته، شما کدهای کوتاه را با تمام جزییات و شکل خامشان مشاهده می‌کردید؛ براکت‌های مربعی را همراه با تمام ویژگی‌ها و مقادیرشان که با محتوایتان ترکیب شده بودند می‌دیدید. صفحه‌سازها معمولاً ابزارهای ساخت کد کوتاه را ارائه می‌دهند – پنجره‌های بازشویی که انتخاب ویژگی‌های کد کوتاه را بسیار کاربرپسندتر از تایپ دستی آن‌ها می‌کند.

    صفحه‌سازهای فرانت‌اند آینده هستند

    با وجود اینکه همه این‌ها تجربه بهتری برای طراحان و تولیدکنندگان محتواست، صفحه‌سازهای بک‌اند مشکلی بزرگ و ذاتی دارند. با اینکه می‌توانید یک نمایش بصری از ظاهر محتوای خود را ببینید، اما آنچه مشاهده می‌کنید محتوای واقعی شما نیست. این امر منجر می‌شود کاربران مدام پیش‌نمایش صفحات خود را بررسی کنند تا ببینند آیا کاری که انجام می‌دهند درست است یا خیر. هنگام استفاده از صفحه‌سازهای بک‌اند، من شخصاً به‌راحتی حداقل ۲۰ بار روی دکمه پیش‌نمایش کلیک می‌کنم تا فقط بررسی کنم که آیا محتوای من به‌درستی تراز شده است یا حاشیه‌هایم فاصله‌گذاری یکنواختی دارند. این یک دردسر بزرگ و زمان‌بر است.

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

    در حال حاضر صفحه‌سازهای بک‌اند فراوانی وجود دارند و تنها تعداد انگشت‌شماری صفحه‌ساز فرانت‌اند موجود است. در میان این تعداد اندک، Page Builder Sandwich قرار دارد. اگر می‌خواهید در مورد ویژگی‌هایی که Page Builder Sandwich را منحصربه‌فرد می‌کند و اینکه چرا ابزار مناسبی برای شماست بیشتر بدانید، مقاله چگونه Page Builder Sandwich با بقیه متفاوت است.