Креирајте кратке кодове за нашу ВордПресс тему

Откако смо започели овај пројекат, увек смо желели да он има своју етикету и зато је други образац који користимо ФромЛинук, креирали смо га ми 100%.

Затим су уследиле друге верзије, и иако можемо да купимо или ангажујемо одређене веб услуге да бисмо креирали своје дизајне попут оних ЕстудиоДВеб.цомили купите шаблоне који су већ створени у ТхемеФорест.нет, одувек смо желели да имамо своје, прилагођено нашим потребама и свратимо ДесарроллоВеб.цом може бити од помоћи 😀

У сваком случају, заљубљујем се у веб дизајн и развој и већ радим на новој теми за ФромЛинук и показаћу вам неколико снимака екрана како то изгледа.

Идеја није да изађемо из онога на шта смо већ прилагођени, па многи елементи остају исти или на сличан начин. Почињем са почетном страницом

сцреенсхот-дл

А овако би чланци изгледали:

сцреенсхот-дл-пост

Као што видите, уклапа се у нашу меру и уврстили смо ново СхортЦодес за разраду чланака.

Због тога ми је пало на памет да са вама поделим како да направим један од њих (онај информативни) у случају да их желите укључити у своје теме WordPress. Мислим, отприлике овако:

Ово ће бити пример СхортЦоде

Нисам стручњак за програмирање са овим ЦМС-ом, па нећу покушавати да објасним зашто и како то функционише на овај начин, већ ћу вам показати како се то ради, тачка.

За ово користимо „швајцарски војни нож“ од WordPress, Мислим на датотеку фунцтион.пхп које обично налазимо у готово свим темама.

Заграде_Функција

Пример функције Фунцтион.пхп са кратким кодовима ДесдеЛинук-а

У овој датотеци ћемо додати структуру нашег СхортЦоде-а и, наравно, ознаку која га приказује. Па кренимо на то.

Унутар функције.пхп

Унутар наше датотеке фунцтион.пхп ставићемо ХТМЛ структуру СхортЦоде-а, али није једноставно ставити ХТМЛ тагове само тако. Имали бисмо отприлике овако:

// Информацијско поље инфо функције ($ аттс, $ цонтент = нулл, $ цоде = "") {$ ретурн = ' '; $ ретурн. = $ садржај; $ ретурн. = ' '; ретурн $ ретурн; } // СхортЦоде адд_схортцоде ('инфо', 'инфобок');

Одавде разјашњавамо неколико ствари. Прво, када користимо две траке, онда коментаришемо црту // Инфо то је само коментар.

Име функције, у овом случају инфобок Може се променити у било шта што желимо, али мора одговарати имену који користимо у последњем реду.

У сваком $ повраћај враћамо оно што су биле ХТМЛ ознаке и морамо имати на уму да након прве морамо додати тачку испред знак једнакости а ред се завршава знаком зарез

Пример:

$ ретурн. = $ садржај;

Вариабле $ цонтент што је место где садржај који ставимо у СхортЦоде иде подразумевано, враћа нулу вредност ако ништа не ставимо.

Сада смо поставили име СхортЦоде-а:

add_shortcode( 'info', 'infobox' );

Где се можете променити Инфо за оно што желимо. Сада, да би изгледало као пример, морамо да наведемо:

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

Иако наравно, без размака, које сам ставио, јер би очигледно био активиран СхортЦоде.

СхортЦоде стил

Ако погледате горњу линију, без ПХП кода и променљивих, СхортЦоде у чистом ХТМЛ-у изгледао би отприлике овако:

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

Дакле, морамо само да применимо ЦСС стил.

.алерт.алерт-инфо {бацкгроунд: # д9едф7 урл (инфо.пнг) без понављања 7пк 50%; радијус границе: 4пк; граница: 1пк солид # бце8ф1; боја: # 3а87ад; величина фонта: 14пк; маржа: 15пк 15пк; попуњавање: 15пк 15пк 15пк 50пк поравнање текста: лево}

И то је то .. Понављам, нисам програмер или нешто слично, а објашњење које сам дао је како разумем да СхортЦоде ради 😛


Садржај чланка се придржава наших принципа уређивачка етика. Да бисте пријавили грешку, кликните овде.

9 коментара, остави свој

Оставите свој коментар

Ваша емаил адреса неће бити објављена. Обавезна поља су означена са *

*

*

  1. За податке одговоран: Мигуел Ангел Гатон
  2. Сврха података: Контрола нежељене поште, управљање коментарима.
  3. Легитимација: Ваш пристанак
  4. Комуникација података: Подаци се неће преносити трећим лицима, осим по законској обавези.
  5. Похрана података: База података коју хостује Оццентус Нетворкс (ЕУ)
  6. Права: У било ком тренутку можете ограничити, опоравити и избрисати своје податке.

  1.   остаци72 дијо

    Свиђа ми се како изгледа, честитам вам.

    1.    елав дијо

      Хвала вам, дуг вам је пут, али хвала.

  2.   Роџерс дијо

    Врло добар!! Волео бих такву тему у свом радном програму.
    Честитам вам!

    1.    елав дијо

      Још га нисам ставио, могу вам га продати ХАХАХАХАХА .. Шалим се 🙂

  3.   Мануел Е. дијо

    Одлично, хвала на подели.
    Ова врста ресурса је преко потребна на Интернету, јасно објашњавајући ствари.

    Поздрав!

  4.   елиотиме3000 дијо

    Диван дизајн. Да видимо да ли ми за моју веб локацију можете дати тај образац да га прилагодим.

  5.   равен291286 дијо

    то се може урадити у блогеру?

  6.   Јавиер дијо

    Па, ништа, ставио сам га онаквог какав је и не делује ми, шта би могло бити? : /

    Ставио сам [инфо] информације [/ инфо]

    а у мом вордпресс посту појављује се само: информације, заграде нестају, мислим да нешто није у реду: /

    1.    Јхонни Силва дијо

      Можда у вашем предлошку СхортЦодес нису дефинисани у фунцтион.пхп, као у мом случају, ове вредности се додају у датотеку која се зове схортцодес.пхп моје теме