Pagbati. Sa tutorial na ito gusto kong ituro sa iyo kung paano baguhin ang disenyo ng mga quotes sa wordpress. Upang magsimula, alamin natin kung ano ang mga pagsipi sa teksto.
Sipiin ang konsepto sa wordpress
Upang i-highlight ang ilang mahalagang piraso ng teksto sa isang artikulo, ang WordPress ay may napakagandang bagay tulad ng mga quote (hindi ang mga pinag-aralan). Sa toolbar, ganito ang hitsura ng button na ito.
Alam ng lahat kung paano ito gamitin - nililibot ng kaliwang pindutan ng mouse ang teksto na gusto naming i-highlight, at pindutin ang pindutang ito. Sa totoo lang ngayon ay nakikita mo ang tekstong ito sa disenyo ng mga panipi.
Ang lahat ng mga template ay iba, at, nang naaayon, ang disenyo ng mga quote ay iba rin. Sa ilang mga kaso, ito ay hindi maganda sa lahat, at kung saan gusto mong baguhin. Pagkatapos ay matututunan ko kung paano ayusin ito.
Magsisimula na tayo sa trabaho.
Binabalaan kita na gagana tayo sa isang wika tulad ng CSS. Ang pangunahing bagay ay upang maunawaan ang buong prinsipyo ng kung ano ang nangyayari at pagkatapos ay hindi ito magiging mahirap.
Nahanap namin ang file at ang nais na istilo.
Kailangan mong hanapin ang style.css file sa aktibong tema. Upang gawin ito, pumunta kami sa hitsura, at pagkatapos ay ang editor, nakita namin ang style.css. Ang susunod na hakbang ay upang mahanap ang estilo para sa blockquote. Tinitingnan namin ang pagkakasunud-sunod ng lahat ng mga aksyon sa larawan.
Ang path sa style.css file mismo
Kahilingan sa paghahanap. Binuksan ang paghahanap sa pamamagitan ng pagpindot sa CNTRL + F, at pagkatapos ay i-paste ang query.
Natagpuan ang mga linya ng code, kailangan ang mga ito.
Binago namin ang disenyo.
Kailangan mong maunawaan kung ano ang eksaktong gusto mong makita. Ipinapayo ko sa iyo na huwag mag-imbento ng anumang mga larawan at mga katulad nito. Ang maximum na maaaring gawin
Baguhin ang background.
Laki at disenyo ng font.
Ang isang frame (solid, intermittent, tuldok), ay maaaring nasa isang gilid o sa pareho.
Walang mga larawan at iba pa, kung hindi, hindi mo kailangan ng mga hindi kinakailangang problema. Nag-aalok ako sa iyo ng isang karaniwang hanay.
Ang istilo para sa mga block quotes na may pambungad na bracket.
Kulay ng background.
Stroke, ginawa ko lang sa kaliwa, kung gusto mo, magagawa mo ito mula sa lahat ng panig, o mula sa dalawa.
I-block ang anino.
Indents upang ang buong block ay hindi dumikit sa teksto ng artikulo.
Laki ng font at pagmamay-ari nito.
Font style, ginawa kong italic.
Kulay ng font.
Text shadow.
Ang closing brace style.
Ang wika ng CSS ay napaka-simple at madaling maunawaan, maaari mong basahin ang mga linya at maunawaan ang lahat ng iyong sarili. Maaari kang magdagdag, sa kabaligtaran, alisin, ngunit inuulit ko, huwag magpasok ng mga larawan, dahil ito ay isang pagbagay. Kung mayroon kang kaalaman, pagkatapos ay mag-apply, o magtanong sa mga komento.
Ang pangalawang paraan ay gamit ang isang plugin para sa pag-format ng mga quote sa isang WordPress blog
Sa lahat ng kasaganaan, isa ang nagustuhan ko, itong WP-NOTE ay simple at hindi mabigat. Ito ay naka-install mula sa admin panel sa pamamagitan ng paghahanap ng mga plugin.
Ngayon, alamin natin kung paano gamitin ito.
Mayroon itong 5 pagpipilian sa disenyo para sa iba't ibang sitwasyon. Una, sasabihin ko sa iyo kung paano isulat ito. Kapag nagsusulat ng isang artikulo, ang teksto na mai-highlight ay dapat na nakapaloob sa mga espesyal na tag, ipapakita ko ito sa isang halimbawa [ tala ], tingnan ang screenshot.
Malinaw, ipinapakita ko ang lahat ng mga tag at ang kanilang mga transcript.
Gamitin para sa kalusugan. Hindi ko ginagamit ang plugin na ito, sinasagot ng blockquote ang lahat para sa akin, at isa itong maganda at magaan na plugin.
Dalawang elemento ang ginagamit upang lumikha ng mga quote sa HTML: block element <Ыockquote>
at inline na elemento . Tag <Ыockquote>
ginagamit upang magpakita ng mahahabang panipi na kumukuha ng isang buong talata at ipakita ito na naka-indent mula sa kaliwa at kanang mga gilid. Nagbibigay-daan sa iyo ang tag na ito na maglagay ng text nang siksik sa gitna ng page. Maaaring naglalaman ito ng iba pang mga elemento sa pag-format ng teksto.
Elemento ginagamit para sa mga maikling quote na bahagi ng kasalukuyang talata. Sa pangkalahatan, binabalot ng mga browser ang nilalaman ng isang elemento sa mga panipi. Karaniwan, ang isang quotation ay hindi kasama ang mga line break, at ang quotation ay itinuturing na isang text-level na elemento.
Ang parehong mga elemento ay maaaring magkaroon ng isang katangian CITE, na ang halaga ay ang URL ng sinipi na fragment.
Halimbawa: mahaba at maikling quotes
Subukan ito sa iyong sarili "
ay madaling matukoy gamit ang isang patayong linya ng tubo.
Gaya ng sinabi ni A. A. Milne, may mga taong nakikipag-usap sa mga hayop.
Ang Zenith ay ang pinakamataas na punto sa kalangitan para sa isang tagamasid. sa patayong direksyon, na, gaya ng nalalaman, ay madaling matukoy gamit ang isang patayong linya ng tubo.
Tulad ng sinabi ni A. A. Milne, may mga taong nakikipag-usap sa mga hayop.
Tag
Ang pagdadaglat ay isang pagdadaglat ng mga salitang pinagtibay sa pagsulat o isang salita na binubuo ng ilang bahagi ng iba pang mga salita (unibersidad, instituto ng pananaliksik, komiteng tagapagpaganap, atbp.). Kapag gumagamit ng anumang acronym o abbreviation sa text, gamitin ang tag . Gamit ang attribute na "title", maaari kang magtakda ng tooltip na may decoding ng abbreviation. Kasabay nito, eksaktong ini-index ng mga search robot ang buong bersyon ng transcript, na tinukoy sa attribute na "title". Upang makilala ang mga pagdadaglat mula sa regular na teksto, ang mga ito ay sinalungguhitan ng isang tuldok na linya.
Halimbawa: Pagpapaikli
Subukan ito sa iyong sarili "
Gumagawa ang NASA ng ilang hindi kapani-paniwalang mga eksperimento sa espasyo.
Hal. Si Stephen Hawking ay isang theoretical physicist at cosmologist.
NАSА!} nagho-host ng ilang hindi kapani-paniwala mga eksperimento sa kalawakan.
Hal. Si Stephen Hawking ay isang theoretical physicist at cosmologist.
Tag
Tag ginagamit upang ipahiwatig ang impormasyon sa pakikipag-ugnayan, mga address at numero ng telepono. Maaaring naglalaman ito ng postal address, gayundin ng email address o numero ng telepono. Karamihan sa mga browser ay nagpapakita ng nilalaman ng elemento italic font.
Halimbawa: Address
Subukan ito sa iyong sarili "
Tutorial sa HTML Belyi Maxim Maximovich Northwestern Institute of Technology Teplogorsk State University of Technology and Design [email protected]
mga tag at
Tag ginagamit kapag tumutukoy sa ilang pangunahing pinagmumulan, gaya ng isang aklat, website, o gawaing pang-akademiko, upang isaad ang tinutukoy na pinagmulan. Madalas na ginagamit sa bibliograpiya, kapag nag-a-attribute ng copyright o binabanggit ang pangalan ng may-ari ng isang mapagkukunan. Ang mga browser ay nagpapakita ng nilalaman ng elemento italic font.
Tag ginamit upang ipahiwatig ang kahulugan ng ilang bagong termino. Ang paliwanag ng isang bagong termino (isang siyentipikong konsepto o isang makitid na profile na pangalan) sa teksto ay tinatawag na "kahulugan". Elemento maaaring gamitin kung may bagong terminong naganap sa teksto sa unang pagkakataon at agad na ibinigay ang kahulugan nito. Ang browser ay nagpapakita ng naturang teksto sa italics.
Halimbawa: Mga pinagmulan at kahulugan
Subukan ito sa iyong sarili "
Nanonood ng Red Dragon ni Stephen Hopkins.
Ang momentum ng katawan ay isang dami ng vector, ang direksyon ng vector nito ay pareho na may direksyon ng bilis
Mahigit sampung libong tiket ang naibenta sa unang buwan lamang manood ng pelikula Pulang Dragon Stephen Hopkins.
momentum ng katawan ay isang dami ng vector, ang direksyon ng vector nito ay pareho na may direksyon ng bilis
Tag
Tag kinokontrol ang direksyon ng ipinapakitang teksto. Mayroon itong kinakailangang dir attribute na kumukuha ng mga value ltr (kaliwa pakanan) at rtl (kanan pakaliwa).
Halimbawa: Direksyon ng Teksto
Subukan ito sa iyong sarili "
Kung sinusuportahan ng iyong browser ang bidirectional algorithm (bdo), ang susunod na linya ay isusulat mula kanan pakaliwa (rtl)
Ang tekstong ito ay nakasulat mula kanan hanggang kaliwa.
Mga gawain
Pangwakas na gawain
Sa araling ito, nakilala mo ang ilang mas lohikal na mga elemento sa pag-format na hindi tumutukoy sa hitsura ng teksto, ngunit sa uri nito, at depende sa kung aling browser ang naglalapat ng isa o ibang uri ng panlabas na pag-format. Ang lahat ng elementong tinalakay sa itaas ay mga lalagyan at nangangailangan ng pansarang tag. Ang ilan sa mga elementong ito ay maaaring hindi baguhin ang hitsura ng teksto, kaya ang focus dito ay kung paano nila tinukoy ang kahulugan ng teksto sa halip na kung paano nila ito i-format.
Oras na para suriin ang iyong natutunan at kumpletuhin ang apat na simpleng gawain:
Maikling Sipi
Magpasya para sa iyong sarili »
Gamit ang HTML boolean, magdagdag ng mga panipi sa paligid ng salitang: "Teorya".
Maikling Sipi
Ang teorya ay hinuhulaan ang mga bagong phenomena at mga bagong batas.
Maikling Sipi
Teorya hinuhulaan ang mga bagong phenomena at bagong batas.
mahabang quote
Magpasya para sa iyong sarili »
Ilagay ang sumusunod na teksto sa loob ng isang elemento na gagawin itong isang kaliwang naka-indent na quote. Tukuyin ang URL ng mapagkukunan kung saan nagmula ang quote na ito: "http://www.world.org".
mahabang quote
Ang isang katangian ng bilis at direksyon ng paggalaw ay isang pisikal na dami - bilis.
Ang kahulugan ng elemento ay binago
at . Ipinapaliwanag ng artikulo kung ano ang ibig sabihin nito para sa mga developer.
Mga Pagbabago sa Depinisyon
Elemento
kumakatawan sa nilalaman na isang quote mula sa ibang pinagmulan, posibleng, kabilang ang pagbanggit sa pinagmulang ito, na ay dapat na inilagay sa loob ng mga elemento