Bài này sẽ hướng dẫn cách sử dụng WYSIWYG-editor chương trình soạn thảo văn bản trực quan, mặc định khi cài Joomla để tạo nội dung mới trong Joomla!. 1.0.x Để tạo một nội dung mới trong
Trang 1Sử dụng WYSIWYG Editor tạo nội dung
trong Joomla!
Trong Joomla! có 2 cách tạo nội dung (Content) mới, đó là tạo trong Admin (Back-end) dành cho Quản trị và tạo trong Front-end dành cho các thành viên Bài này sẽ hướng dẫn cách sử dụng WYSIWYG-editor (chương trình soạn thảo văn bản trực quan, mặc định khi cài Joomla) để tạo nội dung mới trong Joomla! 1.0.x
Để tạo một nội dung mới trong Front-page sau khi đăng nhập thành viên, chọn Submit News trong Menu User, còn trong Amin (Back-end) thì chọn Add New Content trong Control Panel
Chọn Section, category và đặt tên cho nội dung mới
Trong phần Soạn thảo văn bản có 2 phần, phần Intro (giới thiệu) và phần Main Text (nội dung)
Trong phần Intro bạn sẽ nhập một đoạn văn bản, chủ yếu là giới thiệu nội
dung hoặc cũng có thể là phần đầu của nội dung (không cần giới thiệu)
Trang 2Lưu ý trong Joomla! qui định phần Intro là bắt buộc, còn phần Main Text thì không bắt buộc, nếu muốn bạn cũng có thể đưa nguyên nội dung vào phần Intro và dĩ nhiên nguyên cả nội dung cũng hiển thị trrên trang chính
Có thể nhập nội dung từ bàn phím bình thường như những trình soạn thảo văn bản hay có thể Copy và Paste nội dung từ các nguồn khác như Word, Web
Ngoài ra thông thường nội dung sẽ kèm theo ảnh minh họa, Joomla! có 2 cách để chèn ảnh vào nội dung Lưu ý là các
Cách 1: Dùng Mosimage, đây là một Mambot sẽ nhận diện thẻ mã đã qui
định để tạo ảnh Dùng cách này tuy không có được cảm giác trực quan (không hình dung được thực tế) nhưng sẽ giúp việc soạn thảo nhanh hơn
vì không phải nạp các File ảnh
Đặt dấu nháy chuột tại vị trí muốn chèn hình, nhấn vào nút Insert Image, chỗ vị trí dấu nháy sẽ được chèn vào một thẻ (Tag)
mosimage để đánh dấu
Trang 3 Trong bảng phía bên phải của trình soạn thảo, chọn Tab Image
Trong Sub-folder: chọn thư mục có chứa ảnh
Các ảnh sẽ hiện trong Gallery Images, chọn ảnh muốn chèn và nhấn nút >> tên ảnh sẽ hiện trong Content Images và ảnh minh họa
sẽ hiển thị ở phía dưới Lưu ý ở đây bạn có thể đưa nhiều ảnh vào
Content Images tương ứng với bấy nhiêu thẻ mosimage, và có thể thay đổi thứ tự bằng cách chọn Up hoặc Down, có thể thay đổi ảnh bằng cách nhấn nút <<
Sau đó chọn một ảnh trong Content Images để định các thuộc tính
cho ảnh này:
Trang 4- Caption: Các thông số để tạo chú thích cho ảnh, các chú thích này sẽ
được hiển hiển thị chung với ảnh và có thể chọn ví trí cho các chú thích này
Sau khi chọn xong phải nhấn Apply để áp dụng các hiệu lực này cho
ảnh Lưu ý phải làm giống như vậy cho các ảnh khác nếu có
Cách 2: Dùng lệnh Insert/Edit image (chèn ảnh), cách này sẽ chèn ảnh
trực tiếp vào phần văn bản
Đặt dấu nháy chuột tại vị trí muốn chèn hình, nhấn vào nút
Insert/Edit image
Một cửa sổ xuất hiện, trong Tab General bạn hãy nhập vào đường dẫn tới File ảnh (thí dụ: /images/stories/anh.jpg) vào mục Image URL Nếu bạn nhập đúng sẽ nhìn thấy ảnh trong ô bên dưới, nhập
tên cho ảnh vào phần Title và Image description
Trang 5 Trong Tab Appearance, chọn các thông số Alignment (vị trí ảnh), Dimensions (kích thước ảnh), Vertical/HorizontalSpace (khoảng cách giữa ảnh với văn bản), Border (khung cho ảnh) Sau khi chọn xong nhấn Insert để chèn ảnh
Trang 6Đối với những nội dung quá dài, bạn có thể dùng chức năng ngắt trang để tạo thành nhiều trang ngắn bằng cách đặt dấu nháy chuột tại vị trí muốn
ngắt trang và nhấn nút Insert Page Break
Trong trình soạn thảo này còn nhiều chức năng định dạng (Format) giống như các trình soạn thảo văn bản thông dụng (MS Word, )
Sau khi xong phần nội dung, chọn Tab Meta Info Trong phần này hãy nhập tên của nội dung (hoặc 1 đoạn giới thiệu ngắn) vào mục Description, nhập các từ khóa vào mục Keywords (các từ này dùng để tạo các liên quan, tìm kiếm ) hoặc có thể nhấn vào Add Sect/Cat/Title để nhập tên
của Section, Category và tên của nội dung vào mục này
Trang 7Trong Tab Publishing, chọn Show on Front Page (hiển thị trên trang chính) và Published (xuất bản, cho phép hiển thị nội dung này)
Bạn có thể chọn thêm các thông số khác nếu muốn, sau đó nhấn nút Save
ở Menu phía trên để lưu nội dung này