Sortu kode laburrak gure WordPress gairako

Proiektu honekin hasi ginenetik, beti nahi genuen gure etiketa izatea, eta horregatik erabiltzen dugun bigarren txantiloia Linux-etik, guk% 100ean sortu genuen.

Ondoren, beste bertsio batzuk etorri ziren, eta zenbait web zerbitzu erosi edo kontrata ditzakegu gure diseinuak bezalakoak sortzeko StudioDWeb.com, edo erosi dagoeneko urtean sortutako txantiloiak ThemeForest.net, beti nahi izan dugu gurea izatea, gure beharretara egokituta eta gelditzea WebDevelopment.com lagungarria izan daiteke 😀

Dena den, Web Diseinua eta Garapena sutsu nago, eta dagoeneko gai berria lantzen ari naiz Linux-etik eta nolako itxura duen pantaila-argazkia erakutsiko dizuet.

Ideia ez da jada egokituta gaudenetik ateratzea, beraz, elementu askok berdinak edo antzekoak izaten jarraitzen dute. Hasierako orriarekin hasten naiz

pantaila-argazkia

Artikuluek honela izango lukete:

pantaila-argazkia-dl-post

Ikus dezakezunez, gure neurrira egokitzen da eta berriak sartu ditugu shortcodes artikuluak lantzeko.

Horregatik, haietako bat (informazioa) nola sortu zurekin partekatzea bururatu zitzaidan, zure gaietan sartu nahi izanez gero WordPress. Hau bezalako zerbait esan nahi dut:

Hau ShortCode adibidea izango da

Ez naiz CMS honekin programatzen aditua, beraz ez naiz saiatuko zergatik eta nola funtzionatzen duen horrela azaltzen, nola egin bakarrik erakutsiko dizut, puntu.

Horretarako, "Suitzako labana" erabiltzen dugu WordPress, Fitxategia esan nahi dut funtzioa.php ia ia gai guztietan aurkitzen duguna.

Parentesiak_Funtzioa

Function.php-ren adibidea DesdeLinux-eko ShortCodes-ekin

Fitxategi honetan egingo duguna da gure ShortCode egitura gehitzea eta, noski, erakusten duen etiketa. Goazen beraz.

Function.php barruan

Gure function.php fitxategiaren barruan jarriko duguna ShortCode-ren HTML egitura izango da, baina ez da soilik HTML etiketak horrela jartzea. Horrelako zerbait izango genuke:

// Informazio funtzioaren fitxa ($ atts, $ content = null, $ code = "") {$ return = ' '; $ itzulera. = $ edukia; $ itzulera. = ' '; itzuli $ itzulera; } // The ShortCode add_shortcode ('info', 'infobox');

Hemendik aurrera gauza pare bat argitzen ditugu. Lehenik eta behin, bi barra erabiltzen ditugunean lerroa iruzkintzen dugu, beraz // Informazioa iruzkin bat besterik ez da.

Funtzioaren izena, kasu honetan infokutxa Nahi duguna aldatu daiteke, baina azken lerroan erabiltzen dugun izenarekin bat etorri behar du.

Guztietan $ itzulera HTML etiketak zer diren itzultzen dugu eta kontuan izan behar dugu lehenengoaren ondoren, puntu bat gehitu behar dugula berdin zeinu eta lerroa seinale batekin amaitzen da puntu eta koma

Adibidez:

$ itzulera. = $ edukia;

aldagai $ edukia hau da, ShortCode-n jartzen dugun edukia lehenespenez doa, balio hutsa itzuliko du ezer jartzen ez badugu.

Orain, ShortCode izena da hau ezarri duguna:

add_shortcode( 'info', 'infobox' );

Non alda zaitezke info nahi dugunerako. Orain, adibidea bezalakoa izan dadin jarri behar dugu:

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

Jakina den arren, espaziorik gabe, jarri nuen, jakina, ShortCode aktibatuko litzatekeelako.

ShortCode estiloa

Goiko lerroari erreparatuz gero, PHP koderik eta aldagairik gabe, HTML hutsean ShortCode-k honelako itxura izango luke:

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

Beraz, CSS estiloa aplikatzea besterik ez dugu.

.alert.alert-info {background: # d9edf7 url (info.png) no-repeat 7px% 50; ertz-erradioa: 4px; ertza: 1px solido # bce8f1; kolorea: # 3a87ad; letra-tamaina: 14px; marjina: 15px 15px; betegarria: 15px 15px 15px 50px text-align: left}

Eta kitto .. Berriro diot, ni ez naiz programatzailea edo horrelako ezer, eta eman dudan azalpena ShortCode funtzionatzen duela ulertzen dut


Artikuluaren edukia gure printzipioekin bat dator etika editoriala. Akats baten berri emateko egin klik hemen.

9 iruzkin, utzi zurea

Utzi zure iruzkina

Zure helbide elektronikoa ez da argitaratuko.

*

*

  1. Datuen arduraduna: Miguel Ángel Gatón
  2. Datuen xedea: SPAM kontrolatzea, iruzkinen kudeaketa.
  3. Legitimazioa: Zure baimena
  4. Datuen komunikazioa: datuak ez zaizkie hirugarrenei jakinaraziko legezko betebeharrez izan ezik.
  5. Datuak biltegiratzea: Occentus Networks-ek (EB) ostatatutako datu-basea
  6. Eskubideak: Edonoiz zure informazioa mugatu, berreskuratu eta ezabatu dezakezu.

  1.   soberakina72 esan zuen

    Nolakoa den gustatzen zait, zoriontzen zaitut.

    1.    elav esan zuen

      Eskerrik asko, bide luzea duzu egiteko baina eskerrik asko.

  2.   Rogers esan zuen

    Oso ondo!! Horrelako gai bat gustatuko litzaidake nire WP-n.
    Zoriontzen zaitut!

    1.    elav esan zuen

      Oraindik ez dut jarri, saldu ahal dizut HAHAHAHAHA .. Txantxetan 🙂

  3.   Manuel E. esan zuen

    Bikaina, eskerrik asko partekatzeagatik.
    Baliabide mota hau oso beharrezkoa da sarean, gauzak argi azalduz.

    Agurrak!

  4.   eliotime3000 esan zuen

    Diseinu ederra. Ea nire webgunerako pertsonalizatzeko txantiloi hori ematen didazun.

  5.   korbea291286 esan zuen

    hori egin daiteke blogger-en?

  6.   javier esan zuen

    Beno, ezer ez, dagoen bezala jarri dut eta ez dit balio, zer izan liteke? : /

    [Info] informazioa jartzen dut [/ info]

    eta nire wordpress mezuan soilik agertzen da: informazioa, parentesiak desagertzen dira, zerbait gaizki dagoela uste dut: /

    1.    Johnny Silva esan zuen

      Agian zure txantiloian ShortCodes ez daude function.php-en definituta, nire kasuan, balio horiek nire gaiaren shortcodes.php izeneko fitxategian gehitzen dira.