Ang WordPress Visual Editor: Mga Tip at Mga trick para sa mga nagsisimula

Ang WordPress ay una na binuo upang maging isang simpleng sistema ng pag-blog na gumawa ng pag-publish ng nilalaman sa online ng isang simoy. Sa paglaon ng oras, ito ay bumagsak sa isang buong buong System ng Pamamahala ng Nilalaman (CMS). Ang mga gumagamit ngayon ay may kumpletong kontrol sa disenyo at pag-andar ng kanilang mga website sa WordPress. Gayunpaman, nang walang nilalaman, disenyo at pagpapaandar ay nangangahulugang wala at sa bagay na iyon, ang WordPress ay nananatiling totoo sa mga ugat nito: paglikha ng nilalaman at pamamahala.


Habang ang maraming mga tampok ay itinayo sa software ng WordPress base, ang paglikha ng nilalaman ay nananatiling lakas ng pagmamaneho nito. Sa pag-iisip, tingnan natin ang WordPress visual editor sa post na ito at kung paano mo ito mas mahusay na magamit.

WYSIWYG

Pinapayagan ka ng WordPress na lumikha at pamahalaan ang nilalaman nang biswal kaysa sa pag-cod ng direkta sa iyong mga file. Sa gayon, tinawag itong editor ng WYSIWYG o “Ano ang Nakikita Mo Kung Ano ang Kumuha Ka” para sa mga hindi pinag-aralan. Ang tool ng editor ay may tatlong bahagi:

  1. Editor ng Visual
  2. Text Editor (kung saan maaari kang magpasok ng code)
  3. Media Uploader (para sa pag-upload ng mga file ng imahe)

Bilang default, aktibo ang Visual Editor kapag gumagawa ka ng isang bagong post o pahina (Mga pahina > Magdagdag ng bago o Mga Post > Magdagdag ng bago). Kung sa anumang pagkakataon hindi ito aktibo, mag-click dito:

pic1

Ang WYSIWYG ay nangangahulugan na ang nakikita mo sa Visual Editor habang ang pag-edit ng iyong post ay kung ano ang lilitaw sa nai-publish na post. Pinapayagan ka ng Text Editor na magpasok ng payak na teksto at pinapayagan ka ring magpasok ng code (HTML markup) nang direkta na kung ikaw ay nagtatrabaho sa aktwal na HTML file. Isaaktibo mo ito sa pamamagitan ng pag-click sa Teksto tab sa kanang kanan ng editor:

pic11

Ginagawa lamang ito ng Media Uploader: nag-upload ng mga file ng media sa media library upang maipasok mo ang mga ito sa iyong mga post ayon sa nais mo:

pic10

Sa maikling intro na ito sa malakas na editor ng visual na WordPress, tingnan natin ngayon kung paano mo magagamit ang ilang mga key button upang lumikha at mag-edit ng nilalaman. Gumagamit ako ng tema ng Blogger mula sa aming koleksyon ng freebies para sa mga guhit.

Pagdaragdag ng Teksto

Ang unang bagay ay upang mag-apoy ng isang bagong pahina o mag-post at buksan ang visual editor: Pumunta sa Mga Post > Magdagdag ng bago. Bilang default, makakakita ka ng isang condensed toolbar kapag lumilikha ng isang bagong post:

pic2

Mag-click sa icon ng Kusina ng Sink upang ipakita ang iba pang mga pagpipilian sa pag-format sa toolbar:

pic3

Para sa pangunahing paglikha at pamamahala ng nilalaman, ang mga pagpipilian sa pag-format sa itaas ay gagawa lamang ng maayos. Kahit na bago ka sa WordPress, ang karamihan sa mga icon ay pamilyar sa ibang mga editor ng teksto tulad ng Microsoft Word. Sa katunayan, ang lahat ng mga icon sa toolbar ng visual editor ay gumaganap ng parehong pag-andar tulad ng ginagawa ng magkaparehong mga icon sa Microsoft Word, kaya’t pinakawalan ko ang mga hindi gaanong pamilyar upang talakayin.

Upang magdagdag ng teksto, i-type lamang ang iyong nilalaman sa window ng editor. Gayunpaman, kung minsan maaari kang naka-type ang iyong nilalaman sa isang lugar at sa kasong iyon maaari mo lamang i-paste ito bilang payak o na-format na teksto mula sa Salita gamit ang mga pindutan na ito sa toolbar:

pic4

Ang paggamit ng ruta na ito ay mabilis at ang visual editor ay gumagawa ng isang mahusay na trabaho sa pagpapanatili ng marami sa iyong pag-format mula sa Salita-mas mahusay kaysa sa karaniwang kopya at i-paste, hindi bababa sa. Gayunpaman, tulad ng malapit mong matuklasan, hindi ito isang walang kamali-mali na trabaho at kung minsan ay maaari kang magtatapos sa mausok na teksto. Nalaman kong mas madali itong i-paste bilang simpleng teksto at pagkatapos gawin ang pag-format sa loob ng visual editor.

Alisin ang Pag-format Mula sa Iyong Teksto

Tulad ng nakita natin o tulad ng makikita mo kapag nag-eksperimento ka sa mga pindutan na ito ng pag-format, ang visual editor ay may mga kahinaan pagdating sa paghawak ng na-format na teksto na na-import mula sa iba pang mga text editor. Kaya maaari mong makita na ang pagtatrabaho sa plain old text ay ang mas mahusay na dapat gawin. Ito ang pindutan na dapat mong gamitin upang alisin ang pag-format mula sa na-import na teksto:

pic5

I-highlight ang iyong teksto at mag-click sa pindutan na iyon. Magkakaroon na ngayon ang iyong teksto ng default na pag-format ng iyong tema. Tandaan na ang pindutan na ito ay hindi gagana para sa ilang mga uri ng pag-format tulad ng mga blockquotes at header. Mayroong iba pang mga pag-format ng mga pindutan na mag-aalaga sa mga uri.

Pagbabago ng Uri ng Teksto

Magkakaroon ka ng maraming mga uri ng teksto sa iyong dokumento kasama ang mga talata at heading. Upang mabago ang uri ng iyong teksto, i-highlight ang bahagi ng teksto na nais mong baguhin at mag-click sa menu ng drop-down na format sa matinding kaliwa ng toolbar ng editor. Piliin ang format na gusto mo at nagawa mo na:

pic8

Malinaw, maaari mong i-format ang iyong mga post sa anumang paraan na nais mo, ngunit tiyaking mayroong ilang istraktura para sa pagkakapare-pareho. Ang mga heading ng seksyon, halimbawa, ay dapat magkaroon ng parehong format ng heading, tulad ng Pangunahing 2, habang ang pangunahing heading ay karaniwang Pangunahing 1. Bilang karagdagan, ang karaniwang teksto ng talata ay dapat magkaroon ng isang default na format at sa gayon ay dapat na preformatted na teksto at mga address.

Tandaan: ang mga default na format para sa iba’t ibang uri ng teksto ay nakasalalay sa iyong tema. Ang bawat tema ay may sariling default na estilo para sa mga uri na nakikita mo sa format na drop-down box.

Gamitin ang Talata i-type ang drop-down box upang alisin ang pag-format mula sa mga header mula noong Alisin ang pag-format ang pindutan ay hindi gagana para sa mga heading at blockquotes.

Gamitin ang Blockquote pindutan upang mai-format o alisin ang pag-format ng blockquote:

pic9

Buong Pag-edit ng Screen

pic13

Kung nais mong magtrabaho kasama ang minimal na mga abala, makikita mo ang perpektong mode ng mode na perpekto para sa iyo at ito ang pindutan na nagpapa-aktibo nito. Sinasara lamang nito ang lahat ng mga hindi mahahalagang bagay sa screen at iniwan ka lamang kasama ang kahon ng nilalaman at isang condensed toolbar na awtomatikong nagtatago at lumilitaw kapag nag-hover ka sa ibabaw ng pahina.

Ipasok ang Higit pang Tag

pic12

Habang ito ay isang madalas na hindi napapansin na tampok ng visual editor, kapaki-pakinabang ito pagdating sa pagpapakita ng mga sipi ng post sa iyong blog. Tulad ng nalalaman mo, kung na-publish mo ang mga post sa iyong blog, ang WordPress ay nagpapakita ng mga sipi ng mga post na ito sa mga pahina ng bahay at archive. Gayunpaman, truncates ng WordPress ang mga sipi nang sapalaran at maaaring ito ay nasa gitna ng isang pangungusap.

Ito ay kung saan ang nakakatawa Ipasok ang Higit Pa ang tampok na tag ay madaling gamitin. Pinapayagan kang tukuyin kung eksakto kung saan matatapos ang sipi. Ang isang link na tumuturo sa buong post ay ipapasok kung saan mo tinukoy ang sipi upang wakasan. Maraming mga paraan na mai-format mo ang tag na ito ngunit, tandaan, sa default na ito ay gumagana lamang para sa mga post (hindi mga pahina):

pic14

Tandaan: Ang paggamit ng Ipasok ang Higit Pa Umaasa ang tag sa suporta ng iyong napiling tema. Karamihan sa nag-isip na binuo ng mga tema ay sumusuporta dito, ngunit ang ilan ay hindi.

Magdagdag at Alisin ang mga Link

pic15

Ang pagpasok at pag-alis ng mga link ay diretso din gamit ang mga pindutan na ito. Ang mga ito ay hindi aktibo sa pamamagitan ng default hanggang sa i-highlight mo ang teksto na nais mong gawin ang link. Ang pindutan sa kaliwa ay nagdaragdag ng isang link habang ang isa sa kanan ay nag-aalis ng mga link.

Espesyal na Mga character

pic6

Kung ginamit mo na ang pindutan ng mga espesyal na character sa Word, dapat na pamilyar din ito. Gayunpaman, ang isang ito ay mas madaling maunawaan dahil ipinapakita nito ang isang HTML at NUM code ng isang character habang nagpapatakbo ka sa ibabaw nito:

pic7

Kung ikaw ay isang regular na gumagamit ng WordPress, ang mga pagkakataong pamilyar ka sa karamihan ng mga bagay na napatingin sa itaas, ngunit para sa mga bagong gumagamit ng WordPress, dapat itong maging isang madaling gamitin na gabay sa starter sa visual editor sa WordPress; kakayahan nito pati na rin ang mga limitasyon nito.

Gusto ko ring marinig mula sa iyo tungkol sa kung paano mo ginagamit ang visual editor. Mayroon ka bang anumang mga tip o trick na nais mong ibahagi?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map