نویسنده: Neil Lock

  • در بخش بالایی صفحه اصلی خود چه بگذارید – نکاتی برای محتوای «بالای تا»

    Tips-For-“Above-the-Fold”-ContentWhat you put in the top of your front page has a huge impact on the success or failure of your website. Put the wrong thing in, and you’ll probably see your visitors quickly navigating away from your site. Put the right content there and you may see your sales go up.

    This article isn’t an all-in-one guide for creating above the fold content, nor is about an all-encompassing rule on what you should put in. Rather, I will give you a few tips, recommendations and a little bit of helpful research about this topic.

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

    file000153814713_

    «بالای نیم‌تا» (Above the Fold)

    به آن «بالای نیم‌تا» گفته می‌شود. چرا؟ زیرا در روزهای اولیه که بشر چیزهایی به نام روزنامه داشت، آن‌ها معمولاً از وسط تا می‌شدند تا فقط بخش بالایی بلافاصله قابل مشاهده باشد. آن بخش بالایی یا بخش «بالای نیم‌تا» شامل مهم‌ترین تیتر(های) روز بود و وقتی آن را باز می‌کردید، بقیه تیترهای کم‌اهمیت‌تر را می‌دیدید. به طور مشابه در وب‌سایت‌ها، بخش بالایی سایت شما اولین چیزی است که افراد می‌بینند و هنگامی که به پایین اسکرول می‌کنید، بقیه سایت را می‌بینید که شبیه به باز کردن یک روزنامه است.

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

    پژوهش نیلسن

    Earlier I said that your above the fold content may make or break your site. Nielsen Normal Group has written a few research articles about this across the years. I’ll quote the summary of their article The Fold Manifesto: Why the Page Fold Still Matters

    The average difference in how users treat info above vs. below the fold is 84%.

    If you just got confused about the wording of the quote, I did too at the start. Let me clarify: That study doesn’t mean that 84% of people do not scroll down, on the other hand I’ve seen other research say that most people do scroll down to the bottom of the page. It also doesn’t mean that the lower part isn’t important. Instead it means that the behavior of your visitors in your site is largely impacted by your content above the fold.

    این موضوع منطقی است، چرا که ناحیه بالایی یک وب‌سایت اولین چیزی است که می‌بینید.

    بنابراین با دانستن اینکه محتوای بالای نیم‌تای صفحه اصلی شما چقدر اهمیت دارد، باید چه چیزی را در بالای سایت خود قرار دهید؟

    مستقیماً بروید سر اصل مطلب

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

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

    هدفمندانه با بازدیدکنندگان خود تعامل برقرار کنید

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

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

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

    طراحی بخش بالای نیم‌تا

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

    Screen-Shot-2016-01-29-at-12.11.19-AM_Here’re a few examples of what you can do about your front page.

    Add a background image. A large background image behind your large statement is a great eye-catcher and can further encourage visitor engagement. For new book author, maybe adding a background image illustrating the setting of his free ebook would entice people more.

    Add an introduction video. Admit it, people can be lazy, especially when it comes to reading. So if your site is a bit complicated, it might be a good idea to add a short video that introduces your site/product quickly. For the wedding organizer, then this can be a video of their latest wedding. Or for our site for example, we can add in a quick intro about the features of our plugin.

    Add a video background. This is a bit of a trend nowadays, but I find it appealing at times. If this suits your taste, then this might be a good idea.. I know PayPal had a video background before in their site. For the small hotel, you can put in a stationary video of a scenic area of your hotel as the backdrop.

    نتیجه‌گیری

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

    If you have tips on creating above the fold content, kindly share them in the comments!


    Page Builder Sandwich can Help You Design Your Front Page & Above The Fold Content

    Page Builder Sandwich is a WordPress plugin that allows you to create any design you want without writing any piece of code.

    درباره Page Builder Sandwich بیشتر بدانید

  • چگونه با کمتر از ۱۰۰ دلار یک وب‌سایت را از صفر بسازیم

    How-to-Create-a-Website-from-Scratch-for-Under-$100

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

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

    بیایید آنچه را که در پایان به آن خواهیم رسید برشمریم. تا پایان این مقاله، شما موارد زیر را خواهید داشت:

    1. Your own website that people can visit at http://supermegaawesomewebsite.com,
    2. Optionally have your own email address at [email protected],
    3. A certain zen-like state of mind.

    آنچه نیاز دارید

    بسیار خب، قبل از اینکه مراحل اصلی را شروع کنیم، به موارد زیر نیاز خواهیم داشت:

    1. ایده‌ای درباره اینکه وب‌سایت شما قرار است چه باشد،
    2. یک کارت اعتباری یا حساب پی‌پال با ۱۰۰ دلار موجودی، و
    3. یک نوشابه یا یک لیوان آب برای مواقعی که تشنه می‌شوید؛ هیدراته ماندن همیشه خوب است.

    وب‌سایت چیست؟

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

    In a nutshell, a website is a bunch of files in a special computer, and this special computer can be accessed by using a special web address on your web browser. After accessing the web server, it’s going to crunch those files together and in the end we would be able to see a pretty looking web page.

    Sorta techy terms:

    • bunch of files = web pages
    • special computer = web server
    • special web address = domain name or URL

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

    گرفتن یک فضا در وب

    من پیشنهاد می‌کنم GoDaddy’s Managed WordPress Hosting – Basic Plan را تهیه کنید. این پلن هر آنچه برای ساخت فوری سایتمان با کمترین دردسر نیاز داریم در اختیارمان قرار می‌دهد. بهترین بخش این است که نیازی نیست نگران جزئیات فنی راه‌اندازی همه‌چیز باشیم.

    اگر کنجکاوید که پلن «هاست وردپرس مدیریت‌شده» چیست، آن را توضیح می‌دهم:

    • Managed – GoDaddy will be the ones who’ll make sure that everything runs smoothly, updated, fast and without any problems. And if you need any help, you can ask their customer support.
    • WordPress – This the content management platform that will be used. It’s what you’ll use to publish your content online. It’s awesome. If you want to know more about WordPress, WP101 has a great intro video on What WordPress Is
    • Hosting – Everything will be placed in GoDaddy’s servers, so everything can be accessed quickly and with almost no down time.

    When getting the plan from GoDaddy, they also provide you with a domain name for free. This is awesome since now we don’t have to do anything aside from signing up in order to get the full package!

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

    برای مشاهده جزئیات بیشتر درباره پلن‌های آن‌ها، لینک زیر را بررسی کنید (و نه، آن‌ها پولی بابت معرفی‌شان به من نمی‌پردازند):

    پلن‌های هاست مدیریت‌شده وردپرس GoDaddy را بررسی کنید

    تمام مشخصات را پر کنید، نام دامنه مدنظرتان را پیدا کنید (لازم نیست حتماً از supermegaawesomewebsite.com استفاده کنید)، سپس مراحل تسویه حساب را ادامه دهید و هزینه را پرداخت نمایید.

    I recommend that you sign up for at least one year so that you can avail of their discounts. You can also scour the web to check if there are any promos available.

    Web Server Cost: $12.18 – $59.88 for 1 year (the key here is to find a promo) Email Cost: $0 for 1 year Domain Name Cost: $0 for 1 year

    Total Cost so far: $12.18 – $59.88

    تبریک می‌گوییم، شما اکنون یک وب‌سایت وردپرسی دارید!

    پس از اینکه هاست GoDaddy خود را تهیه کردید، سایت شما اکنون باید به طور کامل کار کند. می‌توانید دامنه خود یعنی http://supermegaawesomewebsite.com را باز کرده و سایت خود را مشاهده کنید.

    تصور اولیه از سایتتان ممکن است این باشد که کمی… خالی… به نظر می‌رسد و این طبیعی است. نگران نباشید، بیایید این موضوع را درست کنیم!

    دسترسی به وب‌سایت شما

    Since you’ve signed up with GoDaddy, they’ll give you a URL where you can access the administration side of your website. If you can’t find it, you can add a /wp-admin at the end of your URL. e.g. http://supermegaawesomewebsite.com/wp-admin and log in from there. Once logged in, you’ll end up in your WordPress Dashboard.

    شرکت GoDaddy سیستم «راه‌اندازی سریع» اختصاصی خود را دارد تا به افراد مبتدی در سفارشی‌سازی سایتشان کمک کند. اگر با نحوه کار وردپرس آشنا نیستید، توصیه می‌کنم این فرآیند راه‌اندازی را طی کنید.

    یادگیری وردپرس

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

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

    If you need guidance, there are a lot of tutorials on how to use WordPress online too. One of them is WP101. WP101 makes things super easy by providing lots of tutorials in video format, and they have a huge library of videos that will teach you all the ins and outs of WordPress.

    They have a few free videos in their site. For example, you can watch WP101’s video tutorial about the WordPress Dashboard.

    آموزش‌های ویدیویی WP101 را مشاهده کنید

    Video Tutorials Cost: $15 per month (if you can obsess over all their videos within the first month, then you’re golden)

    Total Cost so far: $27.18 – $74.88

    زیباسازی ظاهر وب‌سایت شما

    The next step is to change the design of your site to make it match your personality and/or needs. You’ll need themes for that. In short, themes are like “skins” for your WordPress site.

    There are a ton of free and paid themes out there. If you want free themes, then there’s no doubt that the WordPress.org theme directory is your number one option.

    Since there are a lot out there though, it’s sometimes hard to find the perfect one for you. Theme Friendly’s Find Themes helps by providing reviews for themes and gives them a score based on their review. They have a number of themes in their site, and probably the best thing there is that you can click on filters while browsing themes, so you can view only themes fit for portfolios, businesses or blogs, and many more.

    There are also paid themes, but for starters I would recommend the free ones first. If you decide to take the premium route check out Premium WordPress’ list of theme shops.

    If you’re wondering why I didn’t mention ThemeForest, it’s because there are a lot of themes there that add a lot of bloat (unnecessary features) to your site. So if you really want to find a theme from there, tread carefully.

    Theme Cost: $0 – $70 one time (I’d recommend looking for promos in theme shops too)

    Total Cost so far: $27.18 – $144.88

    افزودن امکانات بیشتر به وب‌سایت شما

    As you create your site and continue to add content to it, you might find yourself wanting to add more stuff like contact forms, maybe some icons, or a Google Map, or something else. For these kinds of stuff, you’ll need plugins.

    As with themes, there are also a ton of free and paid options. And like themes, the number one choice for free plugins is the WordPress.org plugin directory. It’s a common saying within the WordPress community that if you need something in your site, “there’s a plugin for that.”

    For premium plugins, you can also find premium ones in CodeCanyon.net. But I would recommend going through the thousands of free ones in the WordPress.org plugin directory first.

    Plugin Cost: $0

    Total Cost so far: $27.18 – $144.88

    Conclusion

    You might have noticed that the total cost indicator is a range instead of a solid number. It’s because there are various ways to push the cost down like watching out for promotions, and opting for free themes & plugins.

    So if you play your cards right, you can actually have your own site from scratch (powered on for a full year), for only $27.18

    Most likely the succeeding years won’t be as cheap as the first year, but if you have your site up and running for at least a year already, then I would like to think that it’s a success and the other future costs aren’t a problem anymore.

    Hopefully you’ve learned a bunch from this article. And if you didn’t know about WordPress before and you’re now a proud WordPress user, consider joining the numerous WordPress communities online. Just search for a WordPress group in Facebook :)

    صبر کنید! هنوز این برگه را نبندید!

    کمی صبر کنید! قبل از اینکه این برگه را ببندید، می‌خواهم به Page Builder Sandwich اشاره کنم. در بالا به موارد فوق‌العاده زیادی اشاره کردم، اما هنوز Page Builder Sandwich را ندیده‌اید.

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

    You can try out the demo, or watch the video below. What’s cool is that we’re still below the $100 limit :)

    نسخه دموی Page Builder Sandwich را امتحان کنید

    Page Builder Sandwich Cost: $39 for 1 site

    Total Cost so far: $86.18 – $203.88

  • نسخه لایت Page Builder Sandwich هم‌اکنون در مخزن افزونه‌های وردپرس در دسترس است

    PBS-Lite-Is-Now-Available-In-The-WP-Plugin-RepoNow you can download the Lite version of Page Builder Sandwich from the WordPress.org plugin repository!

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

    • ویرایش زنده در فرانت‌اند
    • ویرایش مستقیم با کلیک و تایپ کردن بدون دردسرهای پنجره‌های پاپ‌آپ
    • ابزارهای قالب‌بندی متن: رنگ‌ها، ضخیم (بولد)، مورب (ایتالیک)، خط زیرین، خط افقی، چینش‌ها و غیره؛ اساساً هر کاری که می‌توانید در ویرایشگر TinyMCE در بخش مدیریت انجام دهید.
    • تصاویر و دستکاری تصاویر با استفاده از مدیریت پرونده‌های چندرسانه‌ای وردپرس
    • ایجاد پیوند با استفاده از پنجره ساخت پیوند وردپرس
    • عناصر بلوکی: سربرگ‌ها، نقل‌قول‌ها، فهرست‌های نقطه‌ای و شماره‌دار
    • نمایش و ویرایش زنده کدهای کوتاه (شورت‌کدها)، به همراه فهرست کاملی از تمام کدهای کوتاه موجود
    • صفحه‌آرایی با سطرها و ستون‌های تودرتو
    • ویژگی‌های سطر و ستون: رنگ پس‌زمینه، حاشیه‌ها (margins)، فاصله‌های درونی (paddings) و کادرها (borders)
    • قابلیت کارآمد واگرد/ازنو (Undo/Redo)
    • و بسیار موارد بیشتر!

    هم‌اکنون نسخه لایت را دانلود کنید

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

    آیا این با قالب من کار خواهد کرد؟

    از نظر فنی این افزونه باید با هر قالبی کار کند. ما در کنار کاربران و مشتریان خود، با موفقیت از Page Builder Sandwich با قالب‌های متعددی از جمله قالب‌های مخزن وردپرس (WordPress.org)، قالب‌های Genesis، قالب‌های StudioPress، قالب‌های Elegant Themes و قالب‌های ThemeForest استفاده کرده‌ایم. اگر با قالب شما کار نکرد، لطفاً به ما اطلاع دهید تا آن را برطرف کنیم.

    آیا این با محتوای فعلی من کار خواهد کرد؟

    افزونه Page Builder Sandwich باید به‌خوبی با محتوای موجود شما کار کند. محتوای شما باید بلافاصله در فرانت‌اند قابل ویرایش باشد!

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

    تخفیف ویژه معرفی

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

    For the next few days, we’re offering you a 50% introductory discount. Take advantage of this now!

    If you’re unsure, give the lite version a spin on your own setup first, or check out the live demo from the top menu ?

  • اکنون از مارک‌داون پشتیبانی می‌شود، به‌همراه چند ابزار قالب‌بندی جالب

    Markdown-Now-Supported,-Plus-A-Few-Cool-Formatting-Toolsبسیار خرسندم اعلام کنم که از نسخه ۲.۴ به بعد، اکنون می‌توانید محتوای خود را مستقیماً در بخش کاربری (فرانت‌اند) با استفاده از مارک‌داون (Markdown) ویرایش کنید!

    پشتیبانی از ساختار دستوری مارک‌داون

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

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

    می‌توانید فهرستی از تمام ساختارهای دستوری پشتیبانی‌شده مارک‌داون را در صفحه مستندات ما بیابید: http://pagebuildersandwich.helpscoutdocs.com/article/4-how-to-use-markdown

    همچنین می‌توانید آن را در دموی زنده

    چند ابزار و ویژگی جذاب برای قالب‌بندی

    همچنین شایان ذکر است که اکنون چند ابزار جدید در اختیار دارید:

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

    علاوه بر این موارد، ویژگی‌های تسهیل‌کننده جدیدی نیز وجود دارد:

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

    How-to-Add-and-Embed-Videos-Images-Tweets-and-Other-Content-in-Your-SiteThere may be times where you want to add supporting videos from YouTube or Vimeo into your site. Or maybe you want to add Tweets from Twitter, or content from other websites like Flickr and Instagram. You can embed these content easily in your WordPress site.

    To do this, all you need to do is find the permalink for the content. In some sites like YouTube, the permalink is simply the current URL. For other sites like Reddit or Vimeo, you’ll have to find the “permalink”, “share” or “embed” button to get the URL. In some sites like Facebook, you’ll have to click the date of the status or post in order to get the permalink.

    پیوندهای یکتا اشکال و قالب‌های متعددی دارند، اما معمولاً دقیقاً مانند نمونه زیر هستند. این یکی از یوتیوب است:

    https://www.youtube.com/watch?v=dQw4w9WgXcQ​

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

    چه سایت‌هایی را می‌توانم در سایتم جاسازی کنم؟

    Not all sites can be embedded into your WordPress site. The WordPress Codex has a list of sites which you can embed: https://codex.wordpress.org/Embeds

    نصب افزونه‌ها می‌تواند سایت‌های قابل جاسازی بیشتری را اضافه کند

    If the content you want to embed isn’t in the list in the WordPress Codex, there is another way. Installing plugins can add more embeddable sites. For example, installing Jetpack allows you to embed wall posts from Facebook.

    There are plenty more out there that add more sites, do a search for “oEmbed provider” in the WordPress.org plugin repository to find more. Here’s a link to the plugin repo for your convenience: https://wordpress.org/plugins/search.php?type=term&q=oembed+provider

    روشی دیگر برای افزودن محتوا – کدهای جاسازی آی‌فریم (Iframe)

    اگر تنها با چسباندن نشانی نتیجه نگرفتید، روش دیگری نیز برای جاسازی محتوا وجود دارد. گزینه‌های اشتراک‌گذاری سایتی را که می‌خواهید اضافه کنید بررسی کنید؛ به غیر از پیوند یکتا، ممکن است یک قطعه کوچک از «کد جاسازی» نیز در اختیارتان قرار گیرد. کدهای جاسازی به این صورت هستند:

    <iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>​

    Copy that then in your WordPress content editor, click on the text tab on the top of the editor and paste that in. After you’ve pasted that in, head back to the visual tab, you’ll see if it works when the embed code now looks like the actual content that will get embedded. You can’t do this in the visual tab, pasting it from there would just show the pasted code in your site, it won’t get converted into the content.

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

    While adding content from other sites seem easy, doing things in the administration side of WordPress is a bit of a hassle. You have to know whether to add it in the visual tab or text tab, and you’ll have to preview your page or post in order to see how it would look like when viewed by your site’s visitors.

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

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

    هم‌اکنون Page Builder Sandwich را دریافت کنید.

  • به‌روزرسانی پیشرفت نسخه ۲.۲

    Version-2-2-Progress-Updateهفته گذشته نسخه ۲.۱ را منتشر کردیم که بسیاری از باگ‌ها را رفع کرد و کادر گفتگوی ویرایشگر پیوند وردپرس را به Page Builder Sandwich افزود.

    اکنون به دو ویژگی درخواستی اصلی در Page Builder Sandwich پرداخته‌ایم:

    1. یک رابط کاربری بازطراحی‌شده، روان‌تر، تمیزتر و ساده‌تر.
    2. قابلیت افزودن/ویرایش کلاس‌ها و شناسه‌های (ID) سفارشی CSS برای المان‌ها، سطرها و ستون‌ها.

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

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

    از همگی بابت حمایت از توسعه Page Builder Sandwich متشکریم! منتظر به‌روزرسانی‌های آینده باشید ?

  • جای‌گذاری ویدیو، صدا و سایر محتواها اکنون پشتیبانی می‌شود

    Embedding-Video-Audio-and-Other-Content-Now-Supportedسال نو همگی مبارک!

    بسیار هیجان‌زده‌ام به اطلاع شما برسانم که از نسخه ۲.۳، قابلیت oEmbed اکنون در Page Builder Sandwich امکان‌پذیر شده است! اکنون می‌توانید ویدیوها، تصاویر، رشته‌توئیت‌ها و بسیاری از محتواهای دیگر را از YouTube، Vimeo، Twitter، Flickr، Instagram و غیره جاسازی (embed) کنید.

    قابلیت‌های oEmbed

    تا پیش از این راهی برای افزودن ویدیو یا هر نوع محتوای قابل جاسازی دیگری (به‌جز شورت‌کدها) در بخش کاربری سایت (فرانت‌اند) وجود نداشت. خوشحالم بگویم که اکنون oEmbedها به‌طور کامل پشتیبانی می‌شوند. کافی است یک نشانی اینترنتی (URL) مربوط به oEmbed را در هر جایی جای‌گذاری (Paste) کنید و اینتر را بزنید تا به‌صورت خودکار جاسازی شود.

    oembed_cast
    جای‌گذاری یک URL در یک خط جداگانه، آن را به محتوای جاسازی‌شده تبدیل می‌کند.

    چه نشانی‌هایی پشتیبانی می‌شوند؟ خب، هر یک از نشانی‌های جاسازی پشتیبانی‌شده توسط وردپرس! به‌علاوه، اگر افزونه‌ای دارید که ارائه‌دهندگان oEmbed را اضافه می‌کند (مانند Jetpack از WordPress.com)، آن‌ها نیز پشتیبانی خواهند شد.

    احتمالاً بهترین بخش در مورد این قابلیت جدید این است که جاسازی محتوا، محتوای شما را شلوغ و به‌هم‌ریخته نمی‌کند. نشانی‌های جاسازی‌شده در ویرایشگر بخش مدیریت (بک‌اند) به‌صورت یک رشته URL تک‌خطی ظاهر می‌شوند.

    اگر می‌خواهید آن را امتحان کنید، روی پیوند پیش‌نمایش زنده در بالا کلیک کنید و چند URL را در آنجا جای‌گذاری نمایید!

    سایر بهبودها و رفع اشکالات

    • دکمه‌های ابزار نوع محتوا (p، h2، h3 و غیره) اکنون بسته به آنچه انتخاب شده است، برجسته (هایلایت) می‌شوند.
    • ارتفاع خط (Line height) اکنون به‌جای تگ‌های span کوچک‌تر، روی کل عنصر اعمال می‌شود.
    • رفع شد: عناصر گاهی استایل‌های درون‌خطی غیرضروری دریافت می‌کردند
    • رفع شد: پنل بازرس (Inspector) ممکن بود پشت نوار مدیریت قرار گیرد و دیگر قابل کشیدن نباشد
    • رفع شد: مدیریت بهتر وضعیت دکمه‌ها
    • رفع شد: فرمت‌بندی/حذف فرمت‌بندی باعث حذف متن پیونددار می‌شد
    • رفع شد: عدم امکان فرمت‌بندی محتوایی که حاوی تگ‌های strong، em، i، b باشد
    • رفع شد: برخی از ابزارهای فرمت‌بندی در داخل ستون‌ها و جدول‌ها قابل استفاده نبودند