Bước 3: Tạo nội dung cho website Joomla
Chỉnh sửa bài viết đẹp hơn
hơn. Có nhiều cách để bạn làm điều này, chẳng hạn như: định dạng văn bản, thêm hình ảnh, liên kết, v.v. Định dạng văn bản
Nếu bạn đã từng làm việc với Microsoft Word hoặc bất cứ trình soạn thảo nào khác thì kiểu định dạng văn bản trong Joomla! sẽ không còn xa lạ với bạn nữa. Tuy nhiên, nó đơn giản hơn so với Microsoft Word vì nó chỉ cung cấp một vài tùy chỉnh định dạng văn bản đơn giản mà thôi.
Bạn truy cập tới Article Manager và mở bài viết“About my site”. Bây giờ hãy chú ý đến vùng soạn thảo. Đây là nơi mà bạn chỉnh sửa bài viết của chính mình:
Chỉnh sửa bài viết
Hãy nhìn kỹ các định dạng bên dưới – hầu hết các biểu tượng đều rất quen thuộc, với những biểu tượng để tạo dòng chữ của bạn đậm hơn, nghiêng hay gạch dưới và các biểu tượng để chỉnh sửa văn bản của bạn. Hãy chọn đoạn văn bản mà bạn muốn định dạng sau đó nhấn vào biểu tượng thích hợp.
Bạn có thể tạo những tựa đề (headings) ở các định dạng khác nhau bằng cách nhấn vào mũi tên chỉ xuống trong ô “paragraph”, rồi nhấn vào tựa đề tương ứng sổ xuống, từ “Heading 1” tới “Heading 6”.
Chọn định dạng tiêu đề cho đoạn văn
Bạn có thể thấy dòng chữ này lớn hơn:
Thêm hình ảnh
Trước khi thêm các hình ảnh vào các bài viết, bạn nên tổ chức và sắp xếp chúng vào trong một thư mục đặc biệt. Việc này giúp cho việc tìm kiếm và quản lý chúng dễ dàng hơn nhiều.
Tạo các thư mục hình ảnh
1. Vào “Content” => “Media Manager”, sau đó nhấn “Create Folder” trên thanh công cụ. 2. Nhập tên thư mục và nhấn “Create Folder”.
Tạo thư mục mới để lưu trữ hình ảnh
Tải lên hình ảnh
Bây giờ bạn hãy tải những hình ảnh vào trong thư mục “aboutmysite” mà bạn vừa tạo. 1. Nhấn vào thư mục “aboutmysite”, sau đó nhấn vào nút “Upload” màu xanh.
Nhấn “Upload”
2. Tiếp theo, nhấn “Choose files” để duyệt các tập tin hình ảnh.
Chọn các tập tin
3. Chọn tập tin hình ảnh bạn muốn tải lên. Bây giờ bạn chỉ có thể chọn một tập tin cho mỗi lần tải lên. Chúng tôi sẽ cho bạn thấy cách để chọn nhiều tập tin để tải lên cùng một lúc sau.
Chọn hình ảnh
Hình ảnh hiển thị trong thư mục “aboutmysite”
Với cách này, mỗi lần làm bạn chỉ có thể tải lên một ảnh. Cách này rất tốn thời gian và công sức nếu bạn cần tải nhiều ảnh lên. Rất may, có một cách khác cho phép tải lên nhiều tập tin một lúc - chức năng flash uploader. Bạn chú ý rằng cách này yêu cầu bạn cài đặt Flash Player trên máy tính của bạn trước. Hãy thử với cách này nhé.
1. Trong Media Manager, nhấn “Options” trên thanh công cụ.
2. Trong trang “Media Manager Options”, thiết lập tham số “Enable flash uploader” là “Yes” và nhấn
3. Trở lại màn hình chính như hình bên dưới. Bây giờ bạn hãy nhấn “Browse files” để tìm đến nơi chứa tập tin bạn muốn tải lên.
Duyệt tới tập tin
4. Để chọn nhiều tập tin, dùng chuột kéo chọn tất cả hoặc giữ phím “CTRL” và nhấn lần lượt lên các tập tin bạn muốn chọn, sau đó nhấn “Open”.
5. Nhấn chọn nút “Start Upload” và chờ cho tới khi quá trình tải lên hoàn tất.
Tải các ảnh lên
Thêm ảnh vào bài viết
Sau khi tải các hình ảnh được tải lên server, bạn có thể thêm chúng vào trong bài viết của bạn. Hãy thử với bài viết“About my site”.
1. Sau khi mở bài viết, bạn trỏ chuột tới một điểm của đoạn văn mà bạn muốn chèn hình ảnh vào và nhấn nút “Image” bên dưới khung soạn thảo.
2. Chọn ảnh để thêm vào văn bản.
3. Nhập phần miêu tả ảnh (Image Description)và tiêu đề ảnh (Image Title) và nhấn nút “Insert” phía trên
của hình để hoàn tất việc chèn ảnh.
4. Kiểm tra lại xem ảnh đã được chèn vào bài viết chưa.
Một hình ảnh được chèn vào bài viết
Bây giờ, nếu bạn thấy ảnh to quá, nhỏ quá hoặc chưa được đặt đúng ý bạn, bạn có thể thay đổi kích thước ảnh hoặc căn lề. Nhấn vào hình ảnh sau đó nhấn vào nút “Insert/edit image” trong phần tùy chỉnh định dạng phía trên khung soạn thảo bài viết để chỉnh sửa nó.
Chỉnh sửa ảnh
Nhấn nút “Save & Close” trên thanh công cụ trong “Article Manager” và ra ngoài front-end để xem bài viết sau khi được chèn mới hình ảnh.
Thêm các liên kết
Thêm liên kết nội bộ
Trong nhiều bài viết, bạn cần các liên kết nội bộ (Kết nối với các bài viết khác trên website của bạn). Những liên kết này không chỉ giúp ích cho những người đọc bài viết mà còn tốt cho cả việc tối ưu hóa công cụ tìm kiếm (Search Engine Optimization hay SEO). Hãy xem cách tạo các liên kết nội bộ trong một bài viết dưới đây.
1. Mở bài viết bạn muốn thêm liên kết nội bộ. 2. Chọn đoạn văn bản bạn muốn liên kết.
3. Nhấn vào nút “Article” bên dưới trình soạn thảo bài viết
Chèn một liên kết vào trong bài viết
4. Bây giờ bạn sẽ nhìn thấy một cửa sổ pop-up chứa danh sách tất cả các bài viết của bạn. Tìm bài viết bạn muốn liên kết tới và sau đó nhấn chọn lên tiêu đề của bài viết đó.
Kết quả là, tiêu đề của bài viết đã chọn được sử dụng như một đoạn liên kết.
Liên kết mới trong đoạn văn bản
Bạn có thể thay đổi liên kết đoạn văn bản trên giống như đoạn văn bản cũ.
5. Nhấn “Save” và truy cập đến phần front-end để xem bài viết với liên kết mới tạo.
Bài viết với liên kết trong front-end
Nếu bạn muốn chỉnh sửa một liên kết, bạn chỉ cần chọn nó và nhấn vào biểu tượng “Insert/edit link” giống như hình bên dưới.
Chỉnh sửa liên kết
Hoặc bạn có thể bỏ liên kết từ đoạn văn bản bằng cách nhấn vào biều tượng “Unlink”.
Thêm các liên kết bên ngoài
Trong phần trước bạn đã học cách tạo các liên kết nội bộ, những liên kết này sẽ kết nối tới các bài viết khác trên website của bạn. Trong phần này, bạn sẽ biết cách làm thể nào để tạo các liên kết bên ngoài đến bất kỳ website nào bạn muốn trên Internet.
1. Chọn đoạn văn mà bạn muốn gán liên kết đến, sau đó nhấn vào biểu tượng “Insert/edit link”.
Thêm liên kết bên ngoài
Một cửa sổ pop-up sẽ hiển thị bên dưới:
2. Nhập vào giá trị cho 4 tham số trong hình bao gồm:
Link URL
Địa chỉ liên kết bạn muốn gán.
Target
Có hai tùy chọn cho bạn ở đây: Mở liên kết ngay trong cùng một cửa sổ (“Open link in the same
window”) và Mở liên kết trong một cửa sổ mới ( “Open link in a new window”). Nếu bạn chọn “Not set”, liên kết sẽ được mở trong cùng một cửa sổ)
Title
Nhập một mô tả ngắn cho liên kết.
Class
Là người mới làm quen với Joomla!, bạn cứ đặt giá trị “Not set” (Ngoài ra có hai tùy chọn khác là “Caption” và “System Page break”)
3. Nhấn “Insert” để chèn liên kết này. Sau đó bạn có thể xem đoạn văn bản đã được liên kết tới website bên ngoài.
Thêm “Page Break” và “Read More”
Trong trường hợp những bài viết có nội dung dài, có thể bạn sẽ muốn chia bài viết thành những những phần nhỏ riêng biệt. Với Joomla! Bạn có hai tùy chọn để làm việc này.
1. Page Break
Page Break (hay “Phân Trang”) giúp chia bài viết thành các phần riêng biệt như Trang 1, Trang 2, Trang 3, v.v. Page breaks rất có ý cho những bài viết có nội dung dài.
2. Read More
Read More (hay “Đọc Thêm”) giúp chia một bài viết đầy đủ thành hai đoạn: Một đoạn giới thiệu và phần còn lại của bài viết. Nếu bạn muốn đọc nốt phần còn lại của bài viết, bạn phải nhấn vào liên kết “Read
More”.
Bây giờ chúng ta sẽ học cách thêm Page Break và Read More.
Thêm một “Page Break”
1.Đặt con trỏ vào nơi mà bạn muốn chia bài viết.
2.Nhấn nút “Page Break” bên dưới trình soạn thảo bài viết.
3.Thêm tiêu đề bạn muốn đưa vào trang mới trong trường “Page Title” và nhấn “Insert
Page Break”.
Thêm một Page Break
4.Đã xong, bây giờ bạn sẽ thấy một dòng các dấi chấm hiển thị trong bài viết của bạn như trong hình bên dưới.
6.Xem kết quả trên front-end của bạn. Bạn sẽ thấy một danh sách bên cạnh bài viết – bạn chỉ cần nhấn lên tiêu đề hoặc “Next” để xem trang chứa các phần văn bản khác.
Thêm mới page break trong website
Chú thích:
Bạn có thể thêm nhiều page breaks vào bài viết.
Bạn có thể xóa môt page break bằng cách mở bài viết (trong phần back-end), đặt trỏ chuột vào phần cuối đường chấm của page break và nhấn phím “Backspace”.
Thêm một liên kết “Read More”
Thêm một liên kết “Read More” khá giống với thêm một page break (phân trang).
1.Đưa con trỏ văn bản tới vị trí bên trong bài viết nơi mà bạn muốn chia phần mở đầu và phần nội dung chính.
2.Nhấn nút “Read More” bên dưới trình soạn thảo bài viết.
Chèn một liên kết Read more
Bước 4: Tùy chỉnh giao diện website của bạn