Sukurkite „WordPress“ temos trumpuosius kodus

Kadangi pradėjome nuo šio projekto, visada norėjome, kad jis turėtų savo etiketę, todėl ir antrasis šablonas, kurį naudojame Nuo „Linux“, jį sukūrėme mes 100%.

Tada sekė kitos versijos ir, nors mes galime nusipirkti ar samdyti tam tikras žiniatinklio paslaugas, kad sukurtume savo dizainą, panašų į StudioDWeb.comarba nusipirkite jau sukurtus šablonus ThemeForest.net, mes visada norėjome turėti savo, pritaikytą savo poreikiams ir užsukti WebDevelopment.com gali būti pagalba 😀

Bet kokiu atveju, aš esu aistringas interneto dizainui ir plėtrai, ir jau dirbu prie naujos temos Nuo „Linux“ ir aš jums parodysiu keletą ekrano kopijų, kaip ji atrodo.

Idėja nėra išeiti iš to, prie ko mes jau esame prisitaikę, todėl daugelis elementų išlieka tokie patys arba panašiai. Pradedu nuo pagrindinio puslapio

ekrano kopija-dl

Straipsniai atrodytų taip:

ekrano kopija-dl-post

Kaip matote, tai tinka mūsų matui ir įtraukėme naują Trumpieji kodai straipsniams parengti.

Štai kodėl man kilo mintis pasidalinti su jumis, kaip sukurti vieną iš jų (informacinę), jei norite įtraukti juos į savo temas. WordPress. Aš turiu galvoje kažką panašaus į šį:

Tai bus „ShortCode“ pavyzdys

Nesu šios CMS programavimo ekspertas, todėl nebandysiu paaiškinti, kodėl ir kaip tai veikia tokiu būdu, aš tik parodysiu, kaip tai padaryti, taškas.

Tam mes naudojame „Šveicarijos armijos peilį“ WordPress, Turiu omenyje bylą function.php kad paprastai randame beveik visose temose.

Skliausteliuose_Funkcija

„Function.php“ pavyzdys su „DesdeLinux“ trumpaisiais kodais

Ką darysime šiame faile, tai pridėsime savo „ShortCode“ struktūrą ir, žinoma, etiketę, kuri ją parodo. Taigi eikime į tai.

Funkcijos viduje.php

Mūsų faile function.php tai, ką įdėsime, bus „ShortCode“ HTML struktūra, tačiau tai nėra paprasčiausias HTML žymių įdėjimas. Mes turėtume kažką tokio:

// Informacijos funkcijos laukelis ($ atts, $ content = null, $ code = "") {$ return = ' "; $ return. = $ content; $ grąža. = ' "; return $ return; } // „ShortCode add_shortcode“ („info“, „infobox“);

Iš čia mes paaiškiname keletą dalykų. Pirma, kai mes naudojame dvi juostas, mes komentuojame eilutę, todėl // Informacija tai tik komentaras.

Šiuo atveju funkcijos pavadinimas informacijos dėžutė Jį galima pakeisti į viską, ko norime, tačiau jis turi atitikti vardą, kurį naudojame paskutinėje eilutėje.

Kiekviename $ grąža grąžiname tai, kas buvo HTML žymos, ir reikia atsižvelgti į tai, kad po pirmojo priešais lygybės ženklas o eilutė baigiasi ženklu kabliataškis

pavyzdys:

$ return. = $ content;

Kintamas $ turinys Kuris turinys, kurį įdėjome į „ShortCode“, pagal numatytuosius nustatymus grąžins nulinę vertę, jei nieko nepadėsime.

Dabar trumpojo kodo pavadinimą nustatėme:

add_shortcode( 'info', 'infobox' );

Kur galite pasikeisti informacijos tam, ko mes norime. Kad tai atrodytų kaip pavyzdys, kurį turime pateikti:

[ info ]Este será el ShortCode de ejemplo[ /info ]

Nors, žinoma, be tarpų, kuriuos įdėjau, nes akivaizdu, kad „ShortCode“ būtų suaktyvintas.

„ShortCode“ stilius

Jei pažvelgsite į aukščiau esančią eilutę be PHP kodo ir kintamųjų, grynojo HTML trumpasis kodas atrodytų maždaug taip:

<div class="alert-info"></div>

Taigi mes turime taikyti tik CSS stilių.

.alert.alert-info {background: # d9edf7 url (info.png) no-repeat 7px 50%; krašto spindulys: 4px; kraštas: 1px solid # bce8f1; spalva: # 3a87ad; šrifto dydis: 14 taškų; paraštė: 15 taškų 15 taškų; užpildas: 15 taškų 15 taškų, 15 taškų 50 taškų teksto lygiuotė: kairė}

Ir viskas. Aš kartoju, kad aš nesu programuotojas ar panašiai, ir mano paaiškinimas yra toks, kaip aš suprantu, kad veikia „ShortCode“


9 komentarai, palikite savo

Palikite komentarą

Jūsų elektroninio pašto adresas nebus skelbiamas. Privalomi laukai yra pažymėti *

*

*

  1. Atsakingas už duomenis: Miguel Ángel Gatón
  2. Duomenų paskirtis: kontroliuoti šlamštą, komentarų valdymą.
  3. Įteisinimas: jūsų sutikimas
  4. Duomenų perdavimas: Duomenys nebus perduoti trečiosioms šalims, išskyrus teisinius įsipareigojimus.
  5. Duomenų saugojimas: „Occentus Networks“ (ES) talpinama duomenų bazė
  6. Teisės: bet kuriuo metu galite apriboti, atkurti ir ištrinti savo informaciją.

  1.   likučiai72 sakė

    Man patinka, kaip atrodo, sveikinu tave.

    1.    gyvas sakė

      Ačiū, jums dar reikia nueiti ilgą kelią, bet ačiū.

  2.   Rogers sakė

    Labai gerai!! Labai norėčiau tokios temos savo darbo grupėje.
    Sveikinu tave!

    1.    gyvas sakė

      Dar nedėjau, galiu parduoti jums HAHAHAHAHA .. Tiesiog juokauju 🙂

  3.   Manuelis E. sakė

    Puiku, ačiū už pasidalinimą.
    Šio tipo ištekliai yra labai reikalingi žiniatinklyje, aiškiai paaiškinantys dalykus.

    Sveiki atvykę!

  4.   3000 sakė

    Gražus dizainas. Pažiūrėkime, ar mano svetainėje galite duoti tą šabloną, kad galėčiau jį pritaikyti.

  5.   varnas291286 sakė

    tai galima padaryti tinklaraštininke?

  6.   Javier sakė

    Na, nieko, aš įdėjau jį tokį, koks yra, ir jis man neveikia, kas tai gali būti? : /

    Aš įdėjau [info] informaciją [/ info]

    ir mano „WordPress“ įraše rodoma tik: informacija, skliausteliuose dingsta, manau, kad kažkas negerai:

    1.    Džonis Silva sakė

      Galbūt jūsų šablone „ShortCodes“ nėra apibrėžti „function.php“, kaip mano atveju, šios vertės pridedamos prie mano temos failo, vadinamo „shortcodes.php“.