Blog

  • Cách tạo website từ đầu với chi phí dưới 100 USD

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

    Nếu bạn muốn tạo một trang web từ đầu, nhưng bạn chỉ có ngân sách eo hẹp và hoàn toàn không có chút kiến thức kỹ thuật nào, thì hướng dẫn ngắn gọn này là dành cho bạn.

    Bài viết này dành cho những người mới bắt đầu hoàn toàn, những người thực sự chỉ muốn tạo một trang web mà không cần bận tâm đến những vấn đề kỹ thuật và sự phức tạp. Vì vậy, nếu bạn là chủ một doanh nghiệp khởi nghiệp chỉ muốn có một trang web cho văn phòng của mình để giới thiệu với khách hàng, hay một tín đồ ẩm thực muốn viết đánh giá nhà hàng trực tuyến, hoặc bạn là người thích tự tay làm mọi thứ chỉ cần một trang web, hãy tiếp tục đọc nhé! Tôi sẽ tránh dùng thuật ngữ kỹ thuật nhiều nhất có thể để giữ mọi thứ thật đơn giản.

    Hãy cùng liệt kê những gì chúng ta sẽ có được khi hoàn thành. Đến cuối bài viết, bạn sẽ có:

    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.

    Những gì bạn cần

    Được rồi, trước khi bắt đầu với các bước thực tế, chúng ta sẽ cần những thứ sau:

    1. Một ý tưởng về việc trang web của bạn sẽ như thế nào,
    2. Một thẻ tín dụng hoặc một tài khoản Paypal có số dư 100 đô la, và
    3. Một lon nước ngọt hoặc một ly nước để phòng khi bạn khát, bổ sung đủ nước luôn là điều tốt.

    Trang web là gì?

    Trước khi làm bất cứ điều gì, điều quan trọng trước tiên là phải biết chúng ta thực sự đang tạo ra cái gì. Đúng vậy, chúng ta đang tạo trang web của riêng bạn, nhưng nó thực sự là gì?

    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

    Các từ được in đậm trong đoạn trước là những thứ chúng ta cần có. May mắn cho chúng ta, có một nơi mà chúng ta có thể nhận được tất cả những thứ đó cùng một lúc.

    Tìm một chỗ đứng trên Web

    Tôi khuyên bạn nên chọn GoDaddy’s Managed WordPress Hosting – Gói Cơ bản (Basic Plan). Gói này cung cấp cho chúng ta mọi thứ cần thiết để tạo trang web ngay lập tức mà ít gặp rắc rối nhất. Điều tuyệt vời nhất là chúng ta không phải lo lắng về các chi tiết kỹ thuật của việc thiết lập mọi thứ.

    Nếu bạn đang thắc mắc gói “Managed WordPress Hosting” là gì, tôi sẽ giải thích chi tiết:

    • 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!

    Như một phần thưởng bổ sung, bạn cũng có thể nhận được các địa chỉ email khi đăng ký Gói Cơ bản của họ. Năm đầu tiên được miễn phí, vì vậy đây là lựa chọn không cần phải đắn đo nếu bạn định sử dụng email để trao đổi với khách hàng và những người khác.

    Hãy xem liên kết bên dưới để biết thêm chi tiết về các gói của họ (và không, họ không trả tiền để tôi giới thiệu họ đâu nhé):

    Xem các gói Managed WordPress Hosting của GoDaddy

    Điền tất cả các thông tin chi tiết, tìm tên miền mà bạn muốn (bạn không nhất thiết phải dùng supermegaawesomewebsite.com), sau đó tiếp tục thanh toán.

    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

    Xin chúc mừng, bạn hiện đã có một trang web WordPress!

    Sau khi đã có hosting của GoDaddy, trang web của bạn bây giờ sẽ hoạt động đầy đủ. Bạn có thể bắt đầu truy cập vào tên miền của mình http://supermegaawesomewebsite.com và xem trang web của mình.

    Ấn tượng ban đầu về trang web của bạn có thể là trông nó.. trống trải.. và điều đó là bình thường. Đừng lo lắng, hãy cùng hoàn thiện nó nào!

    Truy cập trang web của bạn

    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 có hệ thống “Quick Setup” riêng để giúp người mới bắt đầu tùy chỉnh trang web của họ. Tôi khuyên bạn nên thực hiện quy trình thiết lập này nếu bạn chưa quen với cách WordPress hoạt động.

    Học cách sử dụng WordPress

    Bây giờ là lúc làm quen với WordPress. Như tôi đã đề cập trước đó, WordPress là nền tảng bạn hiện đang sử dụng để xuất bản nội dung của mình. Nói cách khác: bạn đăng nhập vào trang web của mình, tạo các trang và bài viết blog rồi chỉ cần nhấn nút xuất bản.

    Bước tiếp theo bây giờ là học cách sử dụng WordPress. Nếu bạn chưa từng sử dụng WordPress trước đây, bảng điều khiển có thể khiến bạn hơi quá tải thông tin khi nhìn thấy nó lần đầu tiên. Tôi khuyên bạn nên khám phá các khu vực khác nhau theo tốc độ của riêng mình.

    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.

    Xem các video hướng dẫn của 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

    Làm cho trang web của bạn trông đẹp mắt hơn

    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

    Thêm nhiều tính năng hơn cho trang web của bạn

    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 :)

    Khoan đã! Đừng đóng tab vội!

    Khoan đã! Tôi muốn nhắc đến Page Builder Sandwich trước khi bạn đóng tab này. Tôi đã đề cập đến rất nhiều điều tuyệt vời ở trên, nhưng bạn vẫn chưa biết đến Page Builder Sandwich.

    Page Builder Sandwich sẽ cho phép bạn thiết kế các trang trong trang web hoàn toàn mới của mình một cách dễ dàng mà không cần biết bất kỳ dòng mã nào. Giao diện và cách hoạt động của nó gần giống như việc chỉnh sửa một tài liệu soạn thảo văn bản, nhưng dành cho các trang web. Với công cụ này, bạn sẽ có thể làm cho trang web của mình trở nên tuyệt vời hơn nữa với các thanh trượt, biểu tượng, nút bấm, hình nền và nhiều thứ khác một cách dễ dàng.

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

    Dùng thử bản demo của Page Builder Sandwich

    Page Builder Sandwich Cost: $39 for 1 site

    Total Cost so far: $86.18 – $203.88

  • Nên Đặt Gì ở Phần Đầu Trang Chủ Của Bạn – Lời Khuyên Cho Nội Dung “Phía Trên Nếp Gấp”

    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.

    Trước khi đi sâu vào chi tiết, bạn nên biết phần trên cùng của trang chủ được gọi là gì trước đã. Có một cái tên hay hơn là phần-trên-cùng-của-trang-web.

    file000153814713_

    “Above the Fold”

    Nó được gọi là Above the Fold. Tại sao? Bởi vì vào thời kỳ đầu khi con người có những thứ gọi là báo in, chúng thường được gập đôi lại để chỉ phần trên cùng hiển thị ngay lập tức. Phần trên cùng đó hay phần “above the fold” chứa (các) tiêu đề quan trọng nhất trong ngày, sau đó khi bạn mở tờ báo ra, bạn sẽ thấy phần còn lại của các tiêu đề ít quan trọng hơn. Tương tự như vậy trên các trang web, phần trên cùng của trang web là điều đầu tiên mọi người nhìn thấy, sau đó khi bạn cuộn xuống, bạn sẽ thấy phần còn lại của trang web, tương tự như việc mở một tờ báo ra.

    Tiếp tục với ví dụ về tờ báo, giả sử bạn đang đi dạo trên phố và thấy một người bán báo. Khi bạn nhìn thấy tờ báo và nếu tiêu đề hấp dẫn, bạn có thể sẽ mua tờ báo đó để đọc phần còn lại. Điều này về cơ bản cũng giống với các trang web, nếu khách truy cập ghé qua trang web của bạn và thấy nội dung phần above the fold thú vị, họ có thể sẽ bị thu hút và cuộn xuống hoặc xem phần còn lại của trang web để biết thêm.

    Nghiên cứu của Nielsen

    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.

    Điều này hoàn toàn hợp lý vì khu vực trên cùng của một trang web là thứ đầu tiên bạn nhìn thấy.

    Vậy khi đã biết nội dung above the fold trên trang chủ quan trọng như thế nào, bạn nên đặt những gì ở phần trên cùng của trang web?

    Đi thẳng vào vấn đề

    Hãy nêu ngay trang web của bạn nói về điều gì. Trang chủ và khu vực above the fold là huyết mạch của toàn bộ trang web của bạn. Nếu khách truy cập cảm thấy bối rối, họ sẽ nhanh chóng rời đi và đóng tab lại. Nếu bạn là một tác giả sách mới, hãy viết rằng bạn là tác giả và giới thiệu cuốn sách mới nhất của mình. Nếu bạn là một nhà tổ chức đám cưới, hãy viết rằng bạn là nhà tổ chức đám cưới sẽ mang đến cho khách hàng một đám cưới đáng nhớ nhất mà họ từng có. Hoặc nếu bạn đang tạo một trang web cho khách sạn nhỏ của mình, hãy viết rằng bạn là nơi nghỉ dưỡng kèm bữa sáng tuyệt vời nhất trong thị trấn. (Tôi sẽ sử dụng những ví dụ này nhiều hơn ở bên dưới.)

    Khách truy cập không cần phải đoán xem trang web nói về điều gì. Họ cần hiểu ngay lập tức, chỉ khi đó họ mới cuộn xuống để xem thêm chi tiết.

    Chủ động thu hút khách truy cập của bạn

    Tiếp theo, bạn phải nghĩ về mục đích thực sự của trang web. Lý do ban đầu bạn lập trang web này là gì? Bất kể lý do là gì, bạn cũng phải đặt điều đó ở phần above the fold.

    Hãy lấy một vài ví dụ tôi đã đề cập ở trên. Đối với một tác giả sách mới, có thể bạn sẽ muốn được biết đến nhiều hơn. Nếu bạn có một cuốn sách điện tử miễn phí, bạn có thể đặt một nút để khách truy cập tải xuống. Đối với người tổ chức tiệc cưới, bạn sẽ muốn mọi người liên hệ với mình về các dịch vụ, hãy đặt số điện thoại hoặc biểu mẫu liên hệ. Hoặc đối với khách sạn nhỏ, hãy đặt biểu mẫu đặt phòng cùng với số điện thoại của bạn.

    Đối với Page Builder Sandwich, tôi muốn mọi người biết đến plugin nhiều hơn và cuối cùng trở thành khách hàng. Vì vậy, tôi có một nút ở đó cho phép khách truy cập dùng thử bản demo ngay lập tức và một nút khác để mua plugin.

    Thiết kế phần above the fold

    Bây giờ khi chúng ta đã biết nên đặt những gì, đã đến lúc quyết định về mặt thiết kế. Cá nhân tôi thích nội dung được phân chia rõ ràng, sạch sẽ, đó là lý do tại sao trang chủ của chúng tôi có phông nền đơn sắc. Nhưng việc đi kèm nội dung above the fold với hình ảnh hoặc video để làm cho nó sống động hơn cũng là một ý tưởng hay.

    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.

    Kết luận

    Tạo nội dung above the fold cho trang chủ của bạn không khó, nhưng cần phải suy nghĩ và thử nghiệm để làm đúng. Nếu bạn đã có một trang web và đã ổn định với nó, nhưng lại có tỷ lệ thoát cao trong Google Analytics, thì tôi khuyến khích bạn nên thử suy nghĩ lại về nội dung above the fold của mình với các mẹo ở trên.

    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.

    Tìm Hiểu Thêm Về Page Builder Sandwich

  • Page Builder Sandwich Lite hiện đã có mặt trên kho plugin WordPress

    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!

    Phiên bản Lite là phiên bản rút gọn của plugin cao cấp, nhưng vẫn hoàn toàn có thể sử dụng được. Dưới đây là danh sách các tính năng và công cụ có sẵn trong phiên bản Lite:

    • Chỉnh sửa trực tiếp trên giao diện frontend
    • Chỉnh sửa trực tiếp, nhấp và nhập văn bản mà không gặp phiền toái từ các cửa sổ popup
    • Công cụ định dạng văn bản: màu sắc, in đậm, in nghiêng, gạch chân, đường kẻ ngang, căn lề, v.v., về cơ bản là mọi thứ bạn có thể làm trong trình soạn thảo TinyMCE ở backend.
    • Hình ảnh và thao tác xử lý hình ảnh bằng Trình quản lý Đa phương tiện của WordPress
    • Tạo liên kết bằng hộp thoại tạo liên kết của WordPress
    • Các phần tử khối: tiêu đề, đoạn trích dẫn, danh sách dấu đầu dòng và danh sách được đánh số
    • Hiển thị và chỉnh sửa shortcode trực tiếp, cùng với danh sách đầy đủ tất cả các shortcode khả dụng
    • Bố cục với các hàng & cột có thể lồng vào nhau
    • Thuộc tính hàng & cột: màu nền, khoảng cách lề ngoài (margin), khoảng đệm (padding) và đường viền (border)
    • Tính năng hoàn tác/làm lại hoạt động tốt
    • Và còn nhiều điều hơn nữa!

    Tải ngay phiên bản Lite

    Nếu bạn đã xem trang plugin và thắc mắc tại sao plugin này không hoàn toàn mới toanh, thì đó là vì đây không phải là phiên bản đầu tiên của nó. Một năm trước, nó là một trình dựng trang ở backend , nhưng tôi không thích và sau nhiều tháng cân nhắc cũng như suy nghĩ tìm ý tưởng, tôi đã đi theo một hướng hoàn toàn khác và hiện tại nó là một trình dựng trang ở frontend tuyệt vời mà cá nhân tôi rất thích sử dụng.

    Công Cụ Này Có Hoạt Động Với Theme Của Tôi Không?

    Về mặt kỹ thuật, công cụ này sẽ hoạt động với bất kỳ và mọi theme. Cùng với người dùng và khách hàng của mình, chúng tôi đã sử dụng thành công Page Builder Sandwich với rất nhiều theme, bao gồm các theme từ kho lưu trữ theme WordPress.org, Genesis Themes, StudioPress Themes, Elegant Themes và các theme từ ThemeForest. Nếu nó không hoạt động với theme của bạn, vui lòng cho chúng tôi biết và chúng tôi sẽ khắc phục.

    Công Cụ Này Có Hoạt Động Với Nội Dung Hiện Tại Của Tôi Không?

    Page Builder Sandwich sẽ hoạt động tốt với nội dung hiện có của bạn. Nội dung của bạn có thể được chỉnh sửa ngay lập tức ở frontend!

    Nếu nội dung của bạn chứa đầy các shortcode lồng nhau (ví dụ: nếu bạn đang sử dụng shortcode chia cột), chúng tôi khuyên bạn trước tiên nên dọn dẹp và xóa các shortcode cột đó. Page Builder Sandwich đi kèm với các cột CSS thuần túy, không có shortcode và chuẩn responsive. Sẽ tốt hơn nếu bạn sử dụng các cột đó để thay thế vì chúng nhanh hơn và mạnh mẽ hơn.

    Ưu đãi giảm giá đặc biệt nhân dịp ra mắt

    Nếu bạn muốn có thêm nhiều tính năng như các hàng có chiều rộng toàn màn hình (full-width), định dạng nâng cao cho văn bản, hình ảnh, hàng và cột, thì bạn sẽ yêu thích phiên bản cao cấp. Bạn cũng sẽ nhận được các bản cập nhật plugin và sự hỗ trợ khách hàng.

    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 ?

  • Hiện Đã Hỗ Trợ Markdown, Cùng Một Số Công Cụ Định Dạng Tuyệt Vời

    Markdown-Now-Supported,-Plus-A-Few-Cool-Formatting-ToolsTôi rất vui mừng thông báo rằng kể từ phiên bản 2.4, hiện bạn đã có thể chỉnh sửa nội dung của mình ngay tại giao diện người dùng (frontend) bằng Markdown!

    Hỗ trợ cú pháp Markdown

    Markdown là gì? Về cơ bản, nó giống như các phím tắt, nhưng thay vì nhấn một tổ hợp phím, bạn chỉ cần gõ chúng ra và định dạng sẽ được áp dụng ngay lập tức. Gần đây, WordPress cũng vừa bổ sung hỗ trợ Markdown, và hiện bạn cũng có thể thực hiện những thao tác đó trong Page Builder Sandwich. Bạn có thể thêm các tiêu đề khác nhau, trích dẫn khối (blockquotes), văn bản định dạng trước hoặc mã nguồn, đường phân cách ngang, danh sách dấu đầu dòng hoặc danh sách đánh số và liên kết bằng Markdown.

    Hãy coi đây là một giải pháp thay thế cho việc sử dụng chuột để nhấp vào các nút định dạng. Ví dụ: khi đang viết một bài đăng trên blog và bạn quyết định muốn có thêm một tiêu đề khác, giờ đây bạn chỉ cần gõ hai dấu thăng (##) rồi nhập nội dung tiêu đề của bạn. Khi bạn nhấn enter, toàn bộ dòng đó sẽ được chuyển đổi thành thẻ <h2> . Thật tuyệt vời phải không?

    Bạn có thể tìm thấy danh sách tất cả các cú pháp markdown được hỗ trợ từ trang tài liệu của chúng tôi: http://pagebuildersandwich.helpscoutdocs.com/article/4-how-to-use-markdown

    Bạn cũng có thể trải nghiệm thử từ bản demo trực tiếp

    Một vài công cụ và tính năng định dạng thú vị

    Cũng rất đáng để nhắc tới rằng hiện bạn đã có thêm một vài công cụ mới để tùy ý sử dụng:

    • Công cụ nút (Button tool) – Giờ đây bạn có thể tạo các nút mà không cần shortcode! Trước đây, bạn chỉ bị giới hạn trong việc tạo các liên kết neo thông thường, nhưng giờ thì không còn như vậy nữa! Điểm tuyệt vời ở đây là bạn có thể trực tiếp chỉnh sửa nhãn nút và màu sắc mà không phải thông qua bất kỳ cửa sổ bật lên (popup) phiền phức nào.
    • Công cụ mã (Code tool) – Các nhà phát triển hãy cùng vui mừng đi nào, giờ đây bạn có thể định kiểu văn bản nội dòng thành code.
    • Công cụ đường phân cách ngang (Horizontal Rule tool) – Rất tuyệt vời để phân chia nội dung của bạn. Cũng có một cú pháp markdown cho công cụ này, chỉ cần gõ một hoặc nhiều dấu gạch ngang trên một dòng, nó sẽ được chuyển đổi thành một đường kẻ ngang.

    Ngoài những tính năng trên, còn có các tính năng tiện ích mới:

    • Bất cứ khi nào bạn dán một liên kết, liên kết đó sẽ tự động được chuyển đổi thành thẻ neo (trừ khi đó là một URL có thể nhúng như video YouTube, khi đó nội dung sẽ được nhúng trực tiếp).
    • Kéo một hình ảnh từ Finder hoặc Explorer trực tiếp vào cửa sổ sẽ tải hình ảnh của bạn lên Trình quản lý Đa phương tiện (Media Manager). Điều này thực sự giúp tiết kiệm rất nhiều thời gian.
  • Cập nhật tiến độ Phiên bản 2.2

    Version-2-2-Progress-UpdateTuần trước, chúng tôi đã phát hành phiên bản 2.1, sửa nhiều lỗi và bổ sung hộp thoại trình chỉnh sửa liên kết WordPress vào Page Builder Sandwich.

    Giờ đây, chúng tôi đã giải quyết hai tính năng lớn được yêu cầu nhiều nhất trong Page Builder Sandwich:

    1. Một giao diện người dùng được thiết kế lại, tinh gọn, sạch sẽ và đơn giản hơn.
    2. Khả năng thêm/chỉnh sửa các class và ID CSS tùy chỉnh cho các phần tử, hàng và cột.

    Giao diện cũ trông giống như một mớ hỗn độn gồm nhiều nút bấm. Về mặt kỹ thuật, nó đơn giản vì có các nút và bạn chỉ cần nhấp vào chúng. Nhưng trên thực tế, nó không mang lại cảm giác đơn giản và hơi gây bối rối cho người dùng mới (cảm ơn những người ủng hộ chúng tôi đã chỉ ra điều này). Vì vậy, giờ đây tất cả các công cụ khác nhau được nhóm lại thành các công cụ tương đồng: định dạng văn bản, hàng và cột, v.v. Và để mọi thứ bớt gây bối rối, ban đầu chỉ những nút cơ bản nhất mới được hiển thị. Các công cụ “nâng cao” hơn có thể được bật/tắt vào chế độ xem. Điều này cho phép người dùng mới nhanh chóng nắm bắt trước cách thức hoạt động của mọi thứ chỉ bằng cách giới thiệu cho họ bố cục cốt lõi, sau đó nếu cảm thấy thoải mái, họ có thể xem phần còn lại của các công cụ.

    Tôi đã rất ngạc nhiên khi thấy có quá nhiều yêu cầu về việc cho phép chỉnh sửa các class và ID tùy chỉnh cho từng phần tử. Cá nhân tôi khi sử dụng trình dựng trang thì hiếm khi dùng những công cụ đó, nhưng đó chỉ là trường hợp của tôi. Thách thức đối với việc thêm các class và ID tùy chỉnh là nó phải duy trì được triết lý của Page Builder Sandwich, nơi mọi thứ phải luôn đơn giản và trực quan nhất có thể. Vì vậy, với phiên bản 2.2, khi bạn chọn bất kỳ phần tử nào trên trang của mình, bạn sẽ thấy một khu vực thuộc tính trong trình kiểm tra, nơi bạn có thể thêm hoặc sửa đổi các class và ID CSS tùy chỉnh của mình. Tính năng này cũng hoạt động đối với các hàng và cột, vì vậy bạn có thể hoàn toàn điều chỉnh chúng theo bất kỳ nhu cầu nào của mình.

    Cảm ơn tất cả mọi người đã ủng hộ sự phát triển của Page Builder Sandwich! Hãy tiếp tục theo dõi để đón nhận thêm các bản cập nhật trong tương lai ?

  • Đã hỗ trợ nhúng video, âm thanh và nội dung khác

    Embedding-Video-Audio-and-Other-Content-Now-SupportedChúc mọi người năm mới vui vẻ!

    Tôi rất vui mừng được chia sẻ với các bạn rằng kể từ phiên bản 2.3, oEmbeds hiện đã khả dụng với Page Builder Sandwich! Giờ đây, bạn có thể nhúng video, hình ảnh, bài viết và nhiều nội dung khác từ YouTube, Vimeo, Twitter, Flickr, Instagram, v.v.

    oEmbeds

    Cho đến nay vẫn chưa có cách nào để thêm video hoặc bất kỳ loại nội dung có thể nhúng nào khác (ngoài shortcode) ở giao diện frontend. Tôi rất vui khi được thông báo rằng oEmbeds hiện đã được hỗ trợ đầy đủ. Chỉ cần dán một URL oEmbed vào bất cứ đâu và nhấn Enter, nội dung đó sẽ được nhúng.

    oembed_cast
    Dán một URL trên một dòng duy nhất sẽ chuyển đổi chúng thành nội dung nhúng.

    Những URL nào được hỗ trợ? Chà, bất kỳ URL nhúng nào được WordPress hỗ trợ! Ngoài ra, nếu bạn có plugin bổ sung các nhà cung cấp oEmbed (ví dụ: Jetpack by WordPress.com) thì những URL đó cũng sẽ được hỗ trợ.

    Có lẽ phần tuyệt vời nhất của tính năng mới này là việc nhúng không làm lộn xộn nội dung của bạn. Các URL được nhúng trong trình chỉnh sửa backend sẽ hiển thị dưới dạng một chuỗi URL trên một dòng duy nhất.

    Nếu bạn muốn dùng thử tính năng này, hãy nhấp vào liên kết bản demo trực tiếp ở trên và dán một số URL vào đó!

    Các cải tiến và sửa lỗi khác

    • Các nút công cụ định dạng loại nội dung (p, h2, h3, v.v.) giờ đây sẽ sáng lên tùy theo nội dung đang được chọn.
    • Chiều cao dòng (line height) hiện được áp dụng cho toàn bộ phần tử thay vì các phần tử span nhỏ hơn.
    • Đã sửa: Các phần tử đôi khi nhận các kiểu nội dòng (inline style) không cần thiết
    • Đã sửa: Trình kiểm tra (inspector) có thể nằm phía sau thanh quản trị và không thể kéo được
    • Đã sửa: Xử lý trạng thái nút tốt hơn
    • Đã sửa: Việc định dạng/hủy định dạng làm mất văn bản có chứa liên kết
    • Đã sửa: Không thể định dạng nội dung có chứa thẻ strong, em, i, b
    • Đã sửa: Một số công cụ định dạng không thể sử dụng bên trong các cột và bảng
  • Cách thêm & nhúng video, hình ảnh, tweet & nội dung khác vào trang web của bạn

    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.

    Liên kết tĩnh (permalink) có nhiều hình thức và định dạng khác nhau, nhưng thông thường chúng chỉ trông như dưới đây. Liên kết này đến từ YouTube:

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

    Bạn có thể dán các URL này vào trình chỉnh sửa nội dung để nhúng nội dung. Nếu nội dung đó có thể nhúng được, bạn sẽ thấy URL được chuyển đổi thành video hoặc nội dung thực tế. Nếu không, điều đó có nghĩa là bạn không thể chèn nội dung từ trang web đó.

    Tôi có thể nhúng những trang web nào vào trang của mình?

    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

    Cài đặt các plugin có thể thêm nhiều trang web nhúng được hơn

    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

    Một cách khác để thêm nội dung – Mã nhúng Iframe

    Nếu việc chỉ dán URL không hiệu quả, vẫn còn một cách khác để nhúng nội dung. Hãy thử kiểm tra các tùy chọn chia sẻ của trang web bạn muốn đưa vào, ngoài liên kết tĩnh, bạn cũng có thể được cung cấp một đoạn “mã nhúng” nhỏ. Mã nhúng sẽ trông như thế này:

    <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.

    Sử dụng Page Builder Sandwich để thêm nội dung từ các trang khác ngay từ giao diện Frontend

    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 giúp mọi thứ trở nên dễ dàng hơn bằng cách cho phép bạn chỉnh sửa trang web thực tế của mình hoàn toàn từ giao diện frontend. Khi sử dụng Page Builder Sandwich, bạn có thể viết và chỉnh sửa nội dung trang web một cách dễ dàng. Việc nhúng nội dung từ các trang web khác cũng trở nên đơn giản hơn nhiều.

    Với Page Builder Sandwich, bạn chỉ cần dán liên kết tĩnh hoặc mã nhúng iframe vào bất kỳ vị trí nào trên giao diện ngoài của trang web và nội dung đó sẽ được chuyển đổi thành nội dung nhúng ngay lập tức, không cần phải biết bạn cần dán vào thẻ nào nữa.

    Nhận Page Builder Sandwich ngay.