Откако смо започели овај пројекат, увек смо желели да он има своју етикету и зато је други образац који користимо DesdeLinux, креирали смо га ми 100%.
Затим су уследиле друге верзије, и иако можемо да купимо или ангажујемо одређене веб услуге да бисмо креирали своје дизајне попут оних ЕстудиоДВеб.цомили купите шаблоне који су већ створени у ТхемеФорест.нет, одувек смо желели да имамо своје, прилагођено нашим потребама и свратимо ДесарроллоВеб.цом може бити од помоћи 😀
У сваком случају, заљубљујем се у веб дизајн и развој и већ радим на новој теми за DesdeLinux и показаћу вам неколико снимака екрана како то изгледа.
Идеја није да изађемо из онога на шта смо већ прилагођени, па многи елементи остају исти или на сличан начин. Почињем са почетном страницом
А овако би чланци изгледали:
Као што видите, уклапа се у нашу меру и уврстили смо ново СхортЦодес за разраду чланака.
Због тога ми је пало на памет да са вама поделим како да направим један од њих (онај информативни) у случају да их желите укључити у своје теме WordPress. Мислим, отприлике овако:
Нисам стручњак за програмирање са овим ЦМС-ом, па нећу покушавати да објасним зашто и како то функционише на овај начин, већ ћу вам показати како се то ради, тачка.
За ово користимо „швајцарски војни нож“ од WordPress, Мислим на датотеку фунцтион.пхп које обично налазимо у готово свим темама.
У овој датотеци ћемо додати структуру нашег СхортЦоде-а и, наравно, ознаку која га приказује. Па кренимо на то.
Унутар функције.пхп
Унутар наше датотеке фунцтион.пхп ставићемо ХТМЛ структуру СхортЦоде-а, али није једноставно ставити ХТМЛ тагове само тако. Имали бисмо отприлике овако:
// Информацијско поље инфо функције ($ аттс, $ цонтент = нулл, $ цоде = "") {$ ретурн = ' '; $ ретурн. = $ садржај; $ ретурн. = ' '; ретурн $ ретурн; } // СхортЦоде адд_схортцоде ('инфо', 'инфобок');
Одавде разјашњавамо неколико ствари. Прво, када користимо две траке, онда коментаришемо црту // Инфо то је само коментар.
Име функције, у овом случају инфобок Може се променити у било шта што желимо, али мора одговарати имену који користимо у последњем реду.
Пример:
$ ретурн. = $ садржај;
Вариабле $ цонтент што је место где садржај који ставимо у СхортЦоде иде подразумевано, враћа нулу вредност ако ништа не ставимо.
Сада смо поставили име СхортЦоде-а:
add_shortcode( 'info', 'infobox' );
Где се можете променити info за оно што желимо. Сада, да би изгледало као пример, морамо да наведемо:
[ 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пк поравнање текста: лево}
И то је то .. Понављам, нисам програмер или нешто слично, а објашњење које сам дао је како разумем да СхортЦоде ради 😛
Свиђа ми се како изгледа, честитам вам.
Хвала вам, дуг вам је пут, али хвала.
Врло добар!! Волео бих такву тему у свом радном програму.
Честитам вам!
Још га нисам ставио, могу вам га продати ХАХАХАХАХА .. Шалим се 🙂
Одлично, хвала на подели.
Ова врста ресурса је преко потребна на Интернету, јасно објашњавајући ствари.
Поздрав!
Диван дизајн. Да видимо да ли ми за моју веб локацију можете дати тај образац да га прилагодим.
то се може урадити у блогеру?
Па, ништа, ставио сам га онаквог какав је и не делује ми, шта би могло бити? : /
Ставио сам [инфо] информације [/ инфо]
а у мом вордпресс посту појављује се само: информације, заграде нестају, мислим да нешто није у реду: /
Можда у вашем предлошку СхортЦодес нису дефинисани у фунцтион.пхп, као у мом случају, ове вредности се додају у датотеку која се зове схортцодес.пхп моје теме