Category Archives for "Kỹ thuật"

Thông báo tạm ngừng dịch vụ Edit Content New-Face

Rất buồn khi phải đưa ra thông báo này, nhưng để tập trung cho các mục tiêu sắp tới của em nên em sẽ tạm dừng dịch vụ Edit New-Face. Những anh chị đang sử dụng dịch vụ thì vẫn sẽ được hoàn thiện hết các order của anh chị. Em xin cảm ơn các anh chị đã tin tưởng và đồng hành cùng dịch vụ suốt thời gian qua 😀

Làm Quen Với Thrive Architect – Bản cập nhật mới của Thrive Content Builder – Phần 1

Yep, chào các bạn, mình là Luân sét.
Như chúng ta đã biết Thrive Theme vừa có một big update cho Thrive Content Builder. Và nó mang tên Thrive Architect:
Với một diện mạo hoàn toàn mới và một loạt chức năng được bổ sung. Cực kì hữu dụng khi bạn làm Landing page hay Lead page, hoặc post một bài viết chỉ bằng thao tác kéo thả
Bài viết này mình sẽ giới thiệu một lượt các chức năng của Thrive Architect (TA)  nhé:

Ở bên tay trái là Cột menu các chức năng của TA, phần trên cùng là search Element, cá nhân mình đánh giá đây là phần cực hữu ích, vì cần cái gì gõ phát được luôn chứ không cần mò trong một đống chức năng như trước nữa, và lúc ra kết quả tìm kiếm rất mượt mà. Very good
Hình bánh răng là các tuỳ chỉnh nâng cao. Bạn có thể chỉnh HTML cho page trong phần </>
Kế dưới là các công cụ của TA.
Dưới cùng là nút save và chế độ hiển thị xem dưới dạng mobile, tablet, hay desktop.
Trước đây Thrive Content Builder được sắp xếp theo dạng side bar chứa các công cụ, và chỉnh sửa chi tiết từng Element trong windows. Hiện nay phần window hiện ra đã bị bỏ mất, và thay vào đó là toàn bộ đều hiển thị lên side bar. Mình đánh giá phần này khá là rắc rối vì dễ gây lẫn lộn cho người mới sử dụng.
Tuy nhiên về chức năng mà nói thì cực kì chi tiết và đúng kiểu bạn có thể làm tất cả, chỉ cần bạn tưởng tượng được ra thôi! :))
Okay. Giờ mình sẽ đi từng Element một.
Đầu tiên là Paragraph
Các chức năng cụ thể như hình sau:

Text option:
Chỉnh font chưa bao giờ dễ dàng hơn thế, Chỉnh màu font và màu nền chữ với font color và font hightlight. Đổi font với font face hỗ trợ google font trực tiếp, bạn có thể dễ dàng lựa chọn (Chỉ việc lên google font, tìm 1 font ưng ý, nhớ tên font, rồi điền font vào là được)

Các chức năng tiếp theo của mục paragraph rất tiện lợi và phù hợp cho việc làm Leads get email hoặc Landing Page. Tuy nhiên nếu bạn chỉ có nhu cầu làm một bài post thì có thể sang ngay phần 2.
Phía dưới là Font Size và Line Height, cùng với Text tranform để biến đổi chữ viết hoa và viết thường.
Phần Advance có một hiệu ứng khá hay: Typefocus Animation. Nó như thế này này:
Cách setup như sau:

Bạn bôi đen từ/câu bạn muốn nó thay đổi vào, rồi add new, thêm nội dung bạn muốn hiển thị thay thế, chỉnh tốc độ hiển thị phù hợp. Chọn màu nền nếu thích. Và apply thôi.
Layout & Position

Để chỉnh sửa được phần này mình sẽ giải thích sơ qua về Margin và Padding. Mỗi một element văn bản đều được đóng trong một khung trên web. Và khoảng cách từ nội dung văn bản đến khung, gọi là Padding, và khoảng cách từ viền khung tới các element khác trên trang web, là Margin.
Ở đây TA đã cung cấp một giao diện chỉnh Margin và Padding không thể trực quan hơn được nữa. Chỉ cần đánh thông số vào trong các cạnh của box, là chúng ta có ngay một paragraph ngon nghẻ
Border & Corner: Phần này là viền cho khung văn bản, cái nè ai biết word là biết làm ạ. Nên thôi mình không nói nữa 🙂
Animation & Action

Khá nhiều lựa chọn cho hiệu ứng chữ ở đây. Có thể nói là với chế độ này, mọi hiệu ứng đều trong tầm tay của bạn. Preview tại chỗ luôn nên rất dễ cho bạn chọn lựa, ấn vào hiệu ứng nào đoạn văn tương ứng sẽ xuất hiện kết quả như thế
Responsive, Shadow, Style & Template
Trong các mục này thì đáng chú ý nhất là phần Template. Nếu muốn áp dụng cách edit hiện tại cho nhiều phần khác trong site thì đây là phần sẽ giúp bạn tiết kiệm được vô vàn thời gian.
Okay, bài tiếp theo mình sẽ nói về các element tiếp theo và chia sẻ một số cách làm các layout đặc biệt cho homepage, landing page và sale page.
Hẹn gặp lại các bạn ở bài viết tới

Give Away: Chương trình kỷ niệm 1 năm Dịch vụ Edit bài viết và website New-Face

Yep, chào các bạn, mình là Luân Sét.

Vậy là đã một năm rồi kể từ ngày Dịch vụ Edit bài viết và website New-Face ra đời. Là đứa con tinh thần của mình bắt nguồn từ một cuộc nói chuyện vui vui. Nhờ nó mà mình đã học được rất nhiều thứ về kĩ thuật và thiết kế, được gặp và quen rất nhiều anh chị bạn đáng quý.

3760 giờ Số giờ đã tiết kiệm cho anh/chị/bạn trong 1 năm qua

Và vì vậy nên mình quyết định chạy Chương trình give away kỉ niệm trong 2 tháng (từ 7/8/2017 đến 7/10/2017)

46
Ngày
08
Giờ
38
Phút
37
Giây

Để tham gia chương trình, anh/chị vui lòng điền thông tin tham dự vào form sau:

Ưu tiên những anh chị có điền cả Authority Site của anh/chị (đảm bảo bảo mật thông tin tuyệt đối)

Nội dung chương trình gồm:

Phần quà chung

  • Một code giảm giá 20% toàn bộ sản phẩm tại shop CungTraiNghiem.com hay fanpage Cùng Trải Nghiệm (trị giá không đếm nổi) cho tất cả các anh chị nhập thông tin vào form (lưu ý mỗi code chỉ dùng một lần thanh toán, vì vậy anh/chị chú ý chọn đủ đồ muốn mua trước khi thanh toán – hoặc inbox mã code cho facebook page nếu muốn mua qua facebook)
  • Một code giảm giá 40% cho 1 gói edit bài viết 10.000 từ chuyên nghiệp với đầy đủ chức năng đi kèm là làm 1 infographic, 3 ảnh dọc để phát triển social, làm landing page… (trị giá 400k) cho tất cả các anh chị nhập thông tin vào form.

Email quà tặng sẽ đến tay các anh/chị nhập form trong vòng 24h kể từ lúc gửi form ạ.

Phần quay thưởng

  • Mỗi tuần mình sẽ free 1 gói edit bài post 5000 từ (trị giá 500k), cái này mình sẽ quyết định bằng live stream random.org những anh chị đã điền vào form
  • Mỗi tuần mình sẽ làm free 2 infographic (mỗi cái trị giá tối thiểu phải 500k theo giá thị trường), cái này mình cũng sẽ quyết định bằng live stream random.org những anh chị đã điền vào form
  • Mỗi tuần mình sẽ tặng 3 code giảm giá 50% toàn bộ sản phẩm tại shop CungTraiNghiem.com hay fanpage Cùng Trải Nghiệm (trị giá không đếm nổi), cái này mình cũng sẽ quyết định bằng live stream random.org những anh chị đã điền vào form

Phần tri ân​

Hơn nữa, để tri ân các anh, chị, bạn đã đồng hành cùng dịch vụ New-Face suốt thời gian vừa qua. Mình cũng đã chuẩn bị khá lâu để được các món quà đến các khách hàng yêu quý đã sử dụng dịch vụ từ ngày thành lập cho tới ngày 31/7/2017. Bộ quà tặng gồm:

  • Thư cảm ơn
  • Bộ quà tặng in ảnh đại diện của anh/chị/bạn
  • 1 gói edit bài post 10.000 từ hoàn toàn FREE (trị giá 1 triệu đồng) với đầy đủ chức năng đi kèm là làm 1 infographic, 3 ảnh dọc để phát triển social, làm landing page…
  • 1 code giảm giá 50% tại shop CungTraiNghiem.com hay fanpage Cùng Trải Nghiệm (trị giá không đếm nổi).

Một lần nữa xin cảm ơn tất cả các anh/chị/bạn đã đang và sẽ đồng hành cùng dịch vụ New-Face của em.

Chúc anh chị có một dòng thu nhập thụ động tốt và ổn định.

Kết quả quay thưởng

Kết quả quay thưởng tuần 1:

Kết quả quay thưởng tuần 2:

7 Bước Tạo Một Infographic Cho Người Mới Bắt Đầu

Yep, chào các bạn, mình là Luân Sét.
Hôm nay mình sẽ giới thiệu qua cho các bạn 7 bước để làm một infographic đơn giản để có thể làm Guestographic khi đi link whitehat. Một infographic hay có độ viral cực tốt, không chỉ giúp dễ kiếm link từ nó hơn, mà nó còn giúp build kênh social rất nhiều.
Dưới đây là kinh nghiệm của mình đúc rút ra được khi làm infographic (thời gian eo hẹp nên mình chỉ làm chơi chơi cái infographic này thôi, mọi người thông cảm nha :D), mình nhận thấy rằng nếu không có một chiến thuật rõ ràng thì việc hoàn thành một infographic sẽ mất cực kì nhiều thời gian mà kết quả không đâu vào đâu. Thế nên dưới đây là tổng hợp 7 bước sẽ giúp bạn làm infographic cực kì hiệu quả.
Phần mềm mình sử dụng là Adobe Illustrator và Piktochart.com (bạn có thể dùng Canva thay cho Piktochart nếu cảm thấy quen hơn)
Để hiểu hơn về tạo một infographic, thì nó cần một nội dung + layout (dàn trang), đây là bộ xương của infographic. Sau khi đã có các bộ xương, chúng ta sẽ sử dụng các nguyên liệu để đắp thịt lên. Các nguyên liệu (material) này là các hình ảnh và các vector.

Mình sẽ đi sâu hơn vào chi tiết các bước cụ thể khi sử dụng công cụ Adobe Illustrator và Piktochart:

Adobe Illustrator (Ai)

Nói ngắn gọn thì đây là một công cụ cực kì thần thánh cho việc tạo infographic, thực ra chỉ cần duy nhất phần mềm này là có thể tạo ra tất cả những infographic từ đơn giản nhất đến phức tạp nhất.
Tuy nhiên chính vì thế nên nó khá là khó cho những người mới bắt đầu.
Vậy nên chúng ta sẽ chủ yếu sử dụng Ai cho việc lấy các vector.
Bạn có thể search trên freepik là kho vector free, download về với đuôi .eps  hoặc .ai là bạn có thể sử dụng được. Hoặc trên các stock ảnh như Shutterstock hay Depositphoto đều là những kho vector chất lượng. Tuy nhiên với các stock trả phí này thì bạn phải trả phí mới sử dụng được, chứ không get ảnh free bằng cách của các bạn bên MMO-tool hoặc ASMLink được.
Với một hình ảnh như thế này:

Bạn có thể sử dụng Ai để lôi từng phần ra để xuất thành một ảnh riêng biệt và sử dụng cho bất cứ mục đích gì, từ cậu bé, hay cái cặp, con thuyền, máy bay, ô tô, dòng chữ… mọi thứ đều có thể!
Ấn chữ V trên bàn phím và ngay sau đó bạn có thể kéo chọn những vector mình thích, sau đó là Ctrl C rồi Ctrl V ra nơi bạn cần, hoặc ấn File> Export> Export Selection là được

Piktochart

Đây là một công cụ tạo infographic online khá hay. Bạn chỉ cần tạo một tài khoản free là có thể thoả sức vọc vạch. Với các vector có sẵn, bạn chỉ việc kéo thả và sử dụng chúng. Với tài khoản free bạn có thể add 300mb dung lượng ảnh lên, không nhiều lắm, tuy nhiên với infographic thì ảnh lại không quá quan trọng. Tuy không mạnh mẽ như Ai, nhưng với giao diện trực quan và dễ dàng trong việc tìm vector, Piktochart cũng xứng đáng với danh hiệu “nhỏ mà có võ”
Bạn có thể dễ dàng thêm các phần mới dành cho infographic với dấu +, và chỉnh sửa chiều cao của infographic chỉ bằng cách kéo thả. Rất dễ dàng.
Còn lại tất cả là để trí tưởng tượng của bạn bay bổng.

Đôi dòng nhắn nhủ

Về kĩ thuật thì để làm ra một infographic đơn giản không quá khó. Nhưng mà nói thế thôi, chứ làm một cái đẹp và tử tế thì lâu lắm. Nhưng tội gì bạn không thử nhỉ, biết đâu sẽ thành một infographic cực kì viral ấy chứ! Mình sẽ nói thêm về các kĩ thuật cao hơn và cách làm chi tiết sâu hơn trong những bài viết sau.
Đôi dòng dành cho quảng cáo. Hiện tại mình đang chuẩn bị làm free infographic cho các bạn nhân dịp kỉ niệm một năm dịch vụ New-Face của mình. Mình sẽ thông báo sớm nhất có thể, chờ nhé 😀

Các Nguồn Ảnh Free Chất Lượng

Yep, chào các bạn, mình là Luân Sét.
Sau một thời gian làm dịch vụ post bài, mình thấy việc tìm ảnh cho khách hàng yêu dấu luôn là một vấn đề quan trọng và phức tạp. Vì có ảnh đẹp và chất lượng thì bài post mới có thể nâng tầm được.
Việc tìm ảnh khó khăn vậy nên hôm nay mình chia sẻ một số trang web cho phép down ảnh free với chất lượng cao. Đây là các trang web mà mình thường sử dụng để tìm kiếm ảnh. Hy vọng sẽ giúp ích cho các bạn trong quá trình làm một authority site chất lừ 🙂
https://pixabay.com/ – Quá quen thuộc rồi
 
https://www.pexels.com/ – Bộ đôi quen thuộc :))

http://picography.co/

https://foodiesfeed.com – Ảnh chuyên về ẩm thực

http://travelcoffeebook.com/ – Ảnh travel

http://www.designerspics.com/

http://raumrot.com/

http://lockandstockphotos.com/
 
http://isorepublic.com/
http://getrefe.com/downloads/category/free/
http://imcreator.com/free/
http://gratisography.com/
http://www.lifeofpix.com/
https://picjumbo.com/
https://www.splitshire.com
Kho tổng hợp
https://www.sitebuilderreport.com/stock-up
http://thestocks.im/

Small Tips For Your Website

Genesis Problem

Site Title không hiển thị trên Browser Bar

Cách Fix: Kiểm tra lại file Theme Function.php và thêm dòng này vào

// Enable title tag add_theme_support( 'title-tag' );

Sơ Bộ Về Setting Cho Plugin Hide My WP

Hide My WP là một plugin hoàn hảo cho việc che giấu trang web của bạn khỏi những tai mắt không mong muốn. Bằng cách ẩn đi Folder và File Structure, loại bỏ hoặc thay thế đi các string trong Source code.
Giờ bạn đã biết những ưu việt của Plugin này. Vậy làm sao để setting nó cho hiệu quả?

Setting Start

Ở phần này bạn không phải chú ý gì. Chỉ có một phần lưu ý là Export và Import dành cho những bạn có nhiều site.

Setting General

screenshot-at-thg-9-22-15-39-16
Trong phần này bạn tick chọn đến 2 mục, là:

  • Hide Login Page: Khi tick vào mục này, bạn sẽ không đăng nhập vào wp-admin bình thường mà sẽ là một link khác. Và bạn phải nhớ link này nếu không bạn sẽ phải vào Cpanel để xoá Hide My WP đi đấy (không tick nếu không thực sự cần)
  • Hide Admin: Ẩn folder và file của wp-admin tới các user lạ

screenshot-at-thg-9-22-15-43-05
Ở mục này bạn tick vào Full Hide, Hide Other Files, Directory List và Hide Admin Bar

Setting Permalinks & URLs

screenshot-at-thg-9-22-15-47-15
Ở phần này bạn điền vào những phần như trong ảnh, và nội dung thì tuỳ bạn chọn. Không cần nhớ chính xác đâu nhé 🙂

Setting Source Code

Phần này bạn chỉ cần tick thêm vào so với mặc định là “Clean up post classes and disable emojies (still works in modern browsers)”
Chúc bạn bảo mật và ẩn WP của mình thành công!
Nếu có thêm bất cứ câu hỏi gì thì feel free and comment nhé 🙂
Nguồn: https://codecanyon.net/item/hide-my-wp-amazing-security-plugin-for-wordpress/4177158

Cách Đổi Font Cho Theme Genesis

Nguồn: https://www.wpcub.com/add-google-fonts-genesis/
Genesis là một Theme Premium với những Child Theme ấn tượng, tuy nhiên Theme này lại hạn chế khả năng đổi font chữ. Vì vậy chúng ta cần một chút thủ thuật để có thể thay đổi Font chữ:

Cách Thêm Google Fonts vào Genesis Child Theme

Bước 1 – Lựa chọn Font ưng ý

Các bạn vào trang Google Web font sau đó lựa cho mình một font ưng ý. Google cung cấp rất nhiều bộ lọc để bạn có thể nhanh chóng tìm cho mình một font đẹp
screenshot-at-thg-9-19-17-57-32
Các bạn có thể nhìn thấy bộ lọc với rất nhiều tuỳ chọn chi tiết ở bên phải.
Với Font ưng ý, bạn ấn vào dấu cộng màu đỏ, một bảng sẽ hiện ra như hình dưới:
screenshot-at-thg-9-19-17-59-56

Bước 2 – Add Font vào Genesis

  • Bạn vào Appearance > Editor > functions.php
  • Điền code này vào dưới cùng của file functions.php Bạn thay đổi dòng link là phần link của google font
wp_enqueue_style( 'google-fonts', 'fonts.googleapis.com/css?family=David+Libre', array(), CHILD_THEME_VERSION );
  • Chuyển sang file style.css cũng trong phần Editor. Tìm đến phần body font hoặc heading nếu bạn muốn đổi font ở đó. Copy dòng Specify in CSS của Google font vào:
body {
 background-attachment: fixed;
 background-color: #fff;
 background-position: top left;
 background-repeat: repeat;
 color: #000;
 font-family: 'David Libre', serif;;
 font-size: 18px;
 font-weight: 400;
 line-height: 1.625;
 -webkit-font-smoothing: antialiased;
}
/* Headings
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
 color: #000;
 font-family: 'David Libre', serif;
 font-weight: 700;
 line-height: 1.2;
 margin: 0 0 20px;
 text-transform: uppercase;
}

Chúc các bạn có thể chọn được những font chữ ưng ý cho mình khi sử dụng Child Theme của Genesis.

Cách Để Hiển Thị Feature Image Trên Child Theme Của Genesis

Bạn muốn đổi gió và muốn sử dụng theme Genesis thay vì Thrive Theme mà cảm thấy theme hơi vô vị vì thiếu đi những bức ảnh feature?
Vậy thì đây là cách giúp bạn xử lý:

Featured Image cho các Post riêng lẻ

  • Vào Appearance > Editor > Theme Functions (functions.php)
  • Thêm đoạn code dưới đây vào cuối cùng của file:
/* Code to Display Featured Image on top of the post */
add_action( 'genesis_before_entry', 'featured_post_image', 8 );
function featured_post_image() {
 if ( ! is_singular( 'post' ) ) return;
 the_post_thumbnail('post-image');
}
  • Vào lai Post và hưởng thành quả thôi

screenshot-at-thg-9-15-09-15-05

Featured Image hiển thị trên Homepage

Nếu như home page hoặc Blog page của bạn chưa hiển thị những bức ảnh Featured, thì chắc hẳn nó sẽ chẳng khác gì một bức tường dày đặc chữ.
Và đây là cách xử lý:

  • Vào Genesis > Theme Settings

screenshot-at-thg-9-15-09-19-59

  • Tick vào ô Include the Featured Image > Chọn kích thước bạn mong muốn.

Chúc bạn thành công!
Nguồn: https://wpism.com/display-featured-image-in-genesis-themes/

>