Hinh anh đươc luu trong wordpress như thế nào

Nếu để ý, chắc bạn sẽ hấy ấ cả lnk hình ảnh rên blog WP Căn bản đều có ạng sac.wpcanban.com phả không nào? Nhều độc gả hắc mắc lệu có phả chúng ô đang sử ụng CDN hay không? Câu rả lờ là không nhé. Thực ra, ô đã chuyển hư mục uploas WorPrss lên lưu rữ rên suboman. Do đó, lnk của các ập n được uploa (rong đó có cả lnk hình ảnh) sẽ có ạng suboman hay vì oman chính. Tác ụng của hủ huậ này là gảm số lượng rqus rực ếp đến oman chính, cân bằng ả, làm ăng ốc độ loa ữ lệu. Nếu bạn cũng đang muốn làm đều ương ự hì ngay sau đây là hướng ẫn ch ế.

Tham khảo hêm:

Hướng ẫn backup WorPrss không cần ùng plugnĐổ ên hư mục wp-conn rong WorPrss

Hướng ẫn lưu rữ hình ảnh rên suboman

1. Vệc đầu ên các bạn cần làm chính là backup ữ lệu của blog/ wbs (cả aabas lẫn mã nguồn). Đều này sẽ gúp bạn nhanh chóng khô phục blog/ wbs về rạng há ban đầu rong rường hợp xảy ra sa só kh hao ác.

2. Tạo mộ suoman cho oman chính, chẳng hạn như mg.oman.com.

Mộ hư mục có ên là mg sẽ được ự động ạo ra rong hư mục publc_hml.

3. Trỏ suboman này về hos, sử ụng IP gống vớ IP của oman chính.

4. Truy cập vào Fl Managr của cPanl/ DrcAmn hoặc FTP, copy (hoặc mov) oàn bộ nộ ung có rong hư mục uploas (nằm rong đường ẫn wp-conn/uploas/) sang hư mục mg đã được ạo ở bước 2.

5. Truy cập vào phpMyAmn, lựa chọn đúng aabas của blog/ wbs. Clck vào nú Qury rên mnu ngang.

6. Copy và pas đoạn co sau đây vào khung SQL qury on aabas… và clck nú Subm Qury.

Lưu ý: đổ oman.com hành oman của bạn. Chẳng hạn như:

7. Lặp lạ ương ự bước 6, uy nhên, lần này, hãy sử ụng co sau đây:

Nhớ hay oman.com bằng oman của bạn nhé.

8. Quay rở lạ gao ện chính của aabas, clck vào mục Sarch.

9. Nhập ừ pah vào khung Wors or valus o sarch for (wlcar: “%”). Tck chọn abl opons rong mục Ins abls.

Clck vào nú “Go” để bắ đầu quá rình ìm kếm. Kế quả sẽ có ạng như hình bên ướ. Hãy clck vào nú Browsr để xm anh sách đầy đủ.

10. Hãy chú ý vào 2 mục uploa_pah và uploa_url_pah rong anh sách kế quả. Clck vào nú E và chỉnh sửa hông số opon_valu cho phù hợp vớ blog/ wbs của bạn. Xm ví ụ rong hình bên ướ.

11. Mở fl .haccss rong hư mục gốc của WorPrss ra, hêm đoạn co sau vào rên cùng và lưu lạ.

Lưu ý: hay oman.com bằng oman của bạn.

Thao ác này sẽ gúp rrc những hình ảnh cũ đã được công cụ ìm kếm nx rước đó sang lnk mớ, ránh bị lỗ 404. Cuố cùng, hãy xóa cach rình uyệ và cach blog/ wbs (nếu bạn có sử ụng plugn ạo cach) và xm kế quả nhé. Chúc các bạn hành công!

Trên đây là các bước ch ế gúp lưu rữ hình ảnh rên suboman. Nếu bạn có bấ cứ hắc mắc hay khó khăn nào, xn vu lòng gử vào khung bình luận bên ướ để được hỗ rợ. Bạn bế phương hức khác đơn gản hơn để lưu rữ hình ảnh rên suboman? Đừng quên cha sẻ nó vớ chúng ô.

Nếu bạn hích bà vế này, hãy subscrb blog của ô để hường xuyên cập nhậ những bà vế hay nhấ, mớ nhấ qua mal nhé. Cảm ơn rấ nhều. :)

Trong bà vế về cách soạn hảo rong WorPrss, mình có nó khá ch ế hao ác up ảnh & SEO. Tuy nhên nó chỉ ừng ở mức độ cơ bản mà hô.

Bà này mình hướng đến cách hức xử lý ảnh oàn ện hơn và mộ nhu cầu mớ rấ quan rọng là nén ảnh.

---

Mục lục

1. Chèn ảnh vào WorPrss

Có 3 cách để bạn chèn ảnh vào bà vế:

Up ảnh rực ếp lên hosLấy ảnh có sẵn rong hư vện các ảnh đã up của bạnLấy ảnh ừ mộ nguồn bên ngoà

a, Up ảnh lên

Để up ảnh lên, bạn nhấn vào bểu ượng A Ma / Thêm Ma như bên ướ:

Mộ cửa sổ như hế này bậ ra:

Bạn nhấn Slc Fls rồ chọn ảnh rên máy ính của bạn:

Nếu up ảnh hành công, bạn sẽ hấy mộ cửa số hện lên như sau:

Bạn clck vào Insr no pos, là ảnh sẽ chèn vào vị rí mà con rỏ chuộ rước đó ở rong bà vế.

b, Chèn ảnh có sẵn rong hư vện ảnh đã up của bạn

Ảnh kh đã up sẽ chếm ung lượng lưu rữ nhấ định rên hosng, và mặc ù các công y hosng quảng cáo rằng hos của họ không có gớ hạn (ý là up hoả má) nhưng rên hực ế bao gờ cũng có gớ hạn nào đó.

Đều đó nghĩa là bạn nên co không gan lưu rữ của hosng là mộ ạng à nguyên cần chú ý ế kệm (gống như không gan rong nhà không hể chứa vô số đồ đạc được).

Nếu mộ bà vế nào đấy có hể sử ụng cùng ảnh mà bạn đã up rước đây hì bạn không nên up ảnh mớ, mà chỉ cần ìm ảnh cũ đã up để chèn vào bà vế mớ.

Thao ác như sau:

Đầu ên bạn cũng nhấn vào A Ma, cửa sổ bậ ra và bạn nhấn vào ab Ma Lbrary để vào kho lưu rữ các ảnh đã up, nó gống như hế này:

Bạn có hể ễ àng chọn ảnh muốn chèn bằng cách clck vào ảnh nào mà bạn muốn. Tuy nhên kh số lượng ảnh nhều lên, vệc ìm ảnh cũ có hể không ễ àng hông qua ìm bằng mắ. Kh đó bạn nên sử ụng chức năng ìm kếm bên ay phả ở chỗ Sarch ma ms, bạn cũng có ùy chọn lọc ảnh qua ngày háng up ảnh ở All as.

Sau kh chọn đúng ảnh mà mình muốn, bạn cũng nhấn Insr no Pos để chèn ảnh vào bà vế.

c, Chèn ảnh ừ mộ nguồn bên ngoà

Để sử ụng ính năng này hì rình soạn hảo văn bản của bạn nên cà đặ hêm plugn có ên TnyMCE Avanc, đây cũng là plugn rấ nhều ngườ đang ùng để hỗ rợ vệc bên ập nộ ung. Bà vế về cách bên ập nộ ung rên WorPrss mà mình nó ở phần đầu cũng sử ụng plugn này để mnh họa các chức năng.

Sau kh cà xong bạn vào khu vực sngs của nó để lô ính năng chèn ảnh vào rình soạn hảo, rồ nhấn sav changs:

Trình soạn hảo sẽ hển hị bểu ượng bạn mớ hêm.

Để chèn ảnh bạn chỉ cần clck vào nó, cửa sổ sau sẽ bậ ra:

Khu vực Sourc chính là nơ bạn copy và pas lnk ảnh ừ nguồn bên ngoà vào.

Ví ụ mình up ảnh của Mss, sao chép đường ẫn của wkma.org (ác gả bức ảnh: Darz Mol):

Kế quả:

Có 2 lưu ý nhỏ về ính năng này:

Vì chèn ảnh ừ nguồn bên ngoà ho kểu này ảnh hưởng đến SEO cho nên bần cùng bấ đắc ĩ bạn mớ nên làm, cách hay hơn là copy về và ẫn nguồn.Cách chèn ảnh này không chỉ áp ụng vớ lnk ảnh bên ngoà, bạn hoàn oàn làm được vớ ảnh của chính mình up lên, sẽ rấ hữu ụng rong rường hợp bạn chỉ nhớ ảnh cũ mình muốn ùng lạ đang ở rong bà vế nào (chứ không nhớ ên ảnh, kh ấy ìm ảnh rong hư vện sẽ rấ khó khăn). Lúc này chỉ còn gả pháp là vào bà vế cũ, copy lnk ảnh và pas nó vào bà vế mớ.

Vớ những a chưa bế cách copy lnk ảnh, ở rình uyệ Chrom, bạn chuộ phả vào bức ảnh, rồ nhấn “Sao chép địa chỉ hình ảnh”:

. Vo cách chèn ảnh

---

2. SEO ảnh

Tố ưu hóa hình ảnh cho SEO huộc về SEO onpag. Thông hường mọ ngườ hay chú âm vào SEO văn bản, vớ ừ khóa, êu đề, lên kế nộ bộ mà sao nhãng ảnh. Đều này bạn nên ránh, và cần ập hó qun SEO ảnh ngay ừ kh mớ bắ đầu học WorPrss.

Lý o là vì SEO ảnh không khó nên bỏ qua hì rấ phí, nhưng hành hạo, khéo léo món này cũng không ễ đâu nên mình cần ập sớm.

OK, chúng a bắ đầu vào hực hành hô.

Để bắ đầu sửa SEO rên ảnh bấ kỳ, bạn clck vào ảnh đó rong rình soạn hảo của WorPrss và nhấn E:

Mộ cửa sổ như hế này sẽ bậ ra:

Trong đó phần SEO ảnh chủ yếu ập rung ở ô chữ nhậ số (1), [cá số (2) & (3) sẽ được rình bày ở phần 3 Trình bày, hển hị ảnh]:

Alrnav Tx: là văn bản hay hế, và hện ạ chếm vị rí quan rọng nhấ rong SEO ảnh. Các máy ìm kếm như Googl căn cứ vào đây để hểu bức ảnh mô ả đều gì. Alrnav Tx nên là nộ ung mô ả sá gần và ngắn gọn về bức hình. Thí ụ rên là ảnh của mình, Alrnav Tx có hể là ên rêng của mình: Nguyễn Đức Anh. Lưu ý nhỏ là Alrnav Tx KHÔNG hển hị ra bên ngoà cho ngườ đọc hấy, đây là đều khác hẳn vớ Capon.Capon: là văn bản mô ả ảnh cụ hể hơn, nằm sá cạnh bức ảnh, nó hường à và ch ế hơn Alrnav Tx. Nộ ung của Capon sẽ hện ra bên ngoà cho ngườ đọc hấy. Nó gúp ngườ đọc hểu rõ hơn về bức hình rong rường hợp nộ ung xung quanh chưa đủ gả hích, hoặc bạn đơn gản muốn ngườ đọc hểu rõ bức ảnh hơn. Ảnh nào cũng cần Alrnav Tx còn Capon có hể có, có hể không. Capon cho ảnh của mình có hể là: Đây là bức ảnh mình chụp cách đây hơn 5 năm rồ, hồ đó hẵn còn đang học Cao Đẳng.

Kế quả của Capon sẽ như hế này:

Đây là bức ảnh mình chụp cách đây hơn 5 năm rồ, hồ đó hẵn còn đang học Cao Đẳng

Mộ chú nâng cao cho bạn nào muốn bế, muốn hấy nộ ung Alrnav Tx, bạn phả vào mã nguồn của ảnh, đó chính là phần mình bô đậm phía ướ:

&l;a hrf=”hps://kncang.n/wp-conn/uploas/2018/04/ucanh2.jpg”&g;&l;mg class=”wp-mag-8518 sz-mum” src=”hps://kncang.n/wp-conn/uploas/2018/04/ucanh2-300×283.jpg” al=”Nguyễn Đức Anh” wh=”300″ hgh=”283″ /&g;&l;/a&g;

Mộ đều lưu ý nữa là hường a sẽ SEO ảnh ngay rong lúc up ảnh chứ không phả xong xuô rồ mớ đ sửa, ở rên chỉ ùng kh mà chúng a chưa bế, và đ sửa ảnh ở những bà vế cũ.

Thao ác chuẩn chỉnh đầu ên cần làm của SEO ảnh lạ không phả là Alrnav Tx hay Capon mà là ên fl ảnh. Bạn hường hấy các fl ảnh rong máy ảnh số hoặc đện hoạ động rông gống như hế này: SS_2546.JPG

Đó là ên ảnh ự động, và nó không ố cho SEO, bạn cần sửa lạ nó sao cho có ính mô ả, ví ụ nếu nó là ảnh chụp như rên của ô, ên ảnh có hể là nguyn-uc-anh.JPG hoặc uc_anh.JPG hoặc ucanh.JPG

Sau đó kh up ảnh lên hì bạn đền luôn các hông n cho mục đích SEO:

Vo cách SEO ảnh

---

3. Trình bày, hển hị ảnh

Ô chữ nhậ số (2) / Dsplay Sngs là các hế lập ành cho vệc hển hị chứ không lên quan nhều đến SEO, rong đó:

Algn là căn lề, Lf (rá), Cnr (ở gữa), Rgh (phả), Non (không làm gì, để như mặc định). Ví ụ:

Đây là Non:

Cnr:

Rgh:

Có mộ lưu ý là Rgh sẽ làm ảnh ạ sang phả nhưng khến văn bản ràn sang bên rá như hế này (rên màn hình lớn).

Lf:

Tương ự, cần lưu ý là Lf sẽ làm ảnh ạ sang rá nhưng khến văn bản ràn sang bên phả như hế này (rên màn hình lớn).

Sz là chọn kích cỡ bức ảnh.

Ảnh kh bạn up lên WorPrss sẽ được cha làm nhều kích cỡ khác nhau ành cho vệc hển hị rên nhều loạ màn hình o nhỏ. Thông hường WorPrss ự động đưa ảnh về kích cỡ Mum (rung bình), bạn có hể đều chỉnh lạ về kích cỡ khác nếu muốn. Thí ụ như Full Sz (đầy đủ kích cỡ) hay Cusom Sz (ùy chỉnh kích cỡ ho ý rêng, chỉ lưu ý là không nên ùy chỉnh ảnh lớn hơn kích cỡ ự nhên của nó, đều này có hể làm ảnh bị vỡ, mờ).

Lnk To là lên kế bức ảnh đến đường lnk nào đó mà bạn muốn.

Mình sẽ gả hích kỹ hơn bên ướ.

Lnk o có 4 ùy chọn là Non (đây là chọn lựa mặc định, nghĩa là không lên kế đến bấ cứ cá gì), ví ụ kh cho con rỏ chuộ vào hình ướ đây bạn sẽ không hấy bấ cứ đều gì:

Ma Fl nghĩa là lên kế đến đường lnk của chính fl ảnh đó, kh bạn clck vào sẽ được ẫn đến chính ảnh đó, ví ụ (hãy hử chuộ và clck vào ảnh):

Aachmn Pag nghĩa là lên kế đến rang nộ ung đính kèm, ví ụ:

Cusom URL nghĩa là lên kế đến URL ùy chỉnh mà bạn muốn, ví ụ bạn hử clck vào ảnh bên ướ, nó sẽ chuyển sang mộ bà vế khác:

Ô chữ nhậ số (3) cuố cùng là những ùy chọn nâng cao mà bạn không cần quan âm vộ vào lúc này. Chỉ có mộ cá đáng chú ý là: Opn lnk n a nw ab

Kh bạn ck chọn cá này nghĩa là đường lên kế kh được clck vào sẽ mở ở ab mớ. Ví ụ: Chính là bức ảnh ngay bên rên, kh bạn clck vào nó sẽ mở ra ab mớ (bà cũ vẫn còn ở ab cũ).

Vo cách hển hị ảnh

---

4. Sửa ảnh

Bình hường nếu bức hình chưa hậ ưng ý hì bạn nên chỉnh sửa nó hậ cẩn hận ở máy ính rồ mớ up lên WorPrss. Nhưng nếu bạn lỡ up lên rồ hì WorPrss có cung cấp mộ số lựa chọn sửa sang nhấ định (ù không mạnh lắm).

Để làm đều đó bạn làm như sau.

Bước 1: Clck vào bức hình chọn E

Bước 2: Lựa chọn sửa ảnh

Mộ cửa sổ bậ ra và bạn nhìn sang bên ay phả để hấy ùy chọn của mình:

Bạn nhấn vào E Orgnal để bắ đầu chỉnh sửa ảnh. Mộ cửa sổ như sau bậ ra (các ô có màu mình hêm vào để ễ phân bệ):

Trong đó các lựa chọn rong ô đánh ấu màu đỏ rấ ễ hểu, bạn cứ hử là bế lền, bao gồm xoay và lậ.

Để hấy hệu quả của ính năng này mình sẽ lấy mộ bức hình khác vì ảnh của cuốn sách rên kh lộn sẽ không có gì hú vị.

Ví ụ đây là ảnh gốc:

Đảo bên sẽ cho ra kế quả hế này:

Còn đây là ảnh lộn ngược:

Ô vuông mình đánh ấu màu xanh là ính năng crop (cắ chọn lấy mộ phần của bức ảnh). Bạn đơn gản là (1) qué vùng ảnh muốn lấy bằng con rỏ chuộ, sau đó (2) nhấn vào nú này:

Kế quả:

Ô đánh ấu màu vàng chính là ính năng back (quay ngược rở lạ), nếu bạn lỡ sửa nhầm có hể ấn vào mũ ên bên rá để bức ảnh quay rở lạ như ban đầu.

Chỉnh sửa ưng ý hì bạn nhấn Sav là chọn lựa của bạn sẽ được áp ụng ngay lập ức, ảnh sửa mớ sẽ hện ra bên ngoà rang wb.

Có 2 lưu ý nhỏ:

Ảnh được sửa nhưng ảnh gốc vẫn còn, đều này gúp bạn lấy lạ ảnh gốc kh cần hế (ví ụ nhỡ ay sửa sa). Tuy nhên nếu chắc chắn không ùng đến ảnh gốc nữa, bạn có hể xóa nó đ để ế kệm hosng.Ảnh sửa đ sửa lạ (nhấn sav nhều lần) có hể không hện ra ngay như ý muốn, đều đó không phả vì ảnh không được sửa, mà vì rình uyệ lưu ảnh sửa lần đầu, bạn không cần lo lắng vì ngườ ùng vẫn sẽ nhìn hấy ảnh sửa lần cuố cùng.

Vo cách sửa ảnh

---

5. Xóa ảnh

Xóa ảnh có 2 cách hểu:

Xóa ảnh rên bà vế hô, còn ảnh đã up vẫn lưu rên hosng. Để làm đều này, bạn đơn gản clck vào ảnh rồ nhấn phím Dl.Xóa vĩnh vễn ảnh khỏ hosng. Đều này sẽ làm cho bấ cứ bà vế nào lên kế vớ bức ảnh đó đều bị mấ hình. Nên bạn cần cẩn rọng vớ hao ác này, chỉ xóa ảnh không hực sự ùng rong bấ cứ bà vế nào.

Thường hì hao ác xóa ảnh nên được hực hện ngay sau kh bạn up bức ảnh không vừa ý. Có hể đó không phả là ảnh bạn muốn up, ảnh sa kích cỡ, ảnh chưa được sửa,…ù bấ cứ lý o gì hì vệc xóa ngay ảnh không vừa ý gúp bạn ránh xóa nhầm sau này và gúp hosng bớ chậ chộ.

Thao ác xóa hẳn ảnh rên hos như sau:

Bạn clck vào A Ma, sau đó chuyển sang ab Ma Lbrary, chọn bức ảnh bạn muốn xóa, rồ nhấn Dl Prmannly:

WorPrss sẽ hông báo vớ bạn rằng hao ác xóa ảnh này không hể hoàn ác (ức là không hể lấy lạ được), và bạn có chắc chắn muốn xóa không, nếu chắc chắn bạn nhấn OK là ảnh sẽ xóa vĩnh vễn.

Vo cách xóa ảnh

---

6. Nén ảnh

Nếu bạn quan âm đến vệc nén ảnh có lẽ bạn đã sử ụng WorPrss mộ hờ gan kha khá rồ.

Nén ảnh về bản chấ là gảm ung lượng ảnh. Nó có 2 ác ụng chính yếu:

Gúp rang WorPrss của bạn ả nhanh hơn, đều này làm ngườ đọc hoả má hơn, và có ác ụng SEO nhấ định.Gúp bạn ế kệm ung lượng lưu rữ rên hosng & băng hông, đặc bệ có ý nghĩa nếu rang bạn có nhều bà vế hoặc/và có nhều ngườ ruy cập.

Nén ảnh có 2 bện pháp chính là:

Nén ảnh không mấ chấ lượng: ung lượng ảnh gảm nhưng chấ lượng vẫn gữ nguyên.Nén ảnh mấ chấ lượng: ung lượng ảnh gảm nhưng chấ lượng ảnh cũng gảm ho.

Dù nén ảnh mấ chấ lượng gúp bạn gảm được nhều ung lượng hơn, nhưng mình khuyến khích các bạn sử ụng nén ảnh không mấ chấ lượng, vì chấ lượng vẫn là cá ưu ên hơn kh nó đến ảnh.

Nén ảnh mấ chấ lượng nếu có sử ụng cần hận rọng, sao cho chấ lượng không gảm đến mức không hể chấp nhận được.

Công cụ nén ảnh có 2 hình hức chính:

Nén rước, up sau: nghĩa là bạn nén ảnh rước rên máy ính của bạn bằng phần mềm (nén ảnh JPG, nén ảnh PNG), sau đó mớ up lên WorPrss.Up rước, nén sau: nghĩa là bạn up ảnh hông hường lên, sau đó mớ nén ảnh bằng plugn. Cách này nhanh gọn hơn ùng phần mềm, và bạn nên ùng nó.

Mộ số plugn nén ảnh ố bạn nên ùng hử là:

Imagfy Imag OpmzrEWWW Imag OpmzrShorPxl Imag Opmzr

Kế quả nén có hể gảm đáng kể ung lượng fl ảnh (đều này còn phụ huộc vào định ạng ảnh là gì, JPG hay PNG hay GIF, và rước đó đã được nén hay chưa). Ví ụ, đây là mộ fl PNG gảm được hơn 30% so vớ ung lượng gốc:

Bản hân mình đang ùng Imagfy cho blog này.

---

7. Các kho ảnh mễn phí

Đây là mộ hó qun mớ mà chúng a nên ập, ìm ảnh mnh họa mễn phí để ránh v phạm bản quyền.

Thậ ra nếu chuyên làm nộ ung hì hậ khó để cả đờ chẳng hề v phạm lần nào, nhưng chúng a nên hạn chế ố đa vệc này.

Trên nrn có rấ nhều kho ảnh lớn cho phép ả ảnh về ùng mễn phí cho nhều mục đích khác nhau, kể cả hương mạ, kếm ền.

Ảnh mnh họa đầu bà này cũng lấy ừ kho ảnh như vậy. Nó huộc về kho ảnh của Pxabay.

Tô có vế mộ bà khá ch ế về chủ đề này, bạn có hể ham khảo ở đây: hps://kncang.n/ban-quyn-hnh-anh/