Web Programiranje

  • Home
  • Tehnologije i alati
    • Back
    • Instalacija alata za web development
    • Domen i hosting
    • npm & yarn osnove
    • GIT
      • Back
      • Git osnove i instalacija
      • Git naredbe
      • Git submodul
    • Objektno orjentisano programiranje – OOP
    • JSON (format za razmenu podataka)
    • Binarni sistem
    • Docker: Pokretanje aplikacija svuda
    • Baze podataka
      • Back
      • Sistemi za upravljanje SQL bazama (DBMS)
      • SQL osnovne naredbe (upiti)
    • Osnove linux-a za web developere
    • Šta je “Dependencies injection”?
    • Šta je SCRUM?
    • Web servisi (osnove)
    • Mrežni protokoli (osnove)
    • Mobilne aplikacije
      • Back
      • Razvoj mobilnih aplikacija
      • Hibridne mobilne aplikacije
    • Chrome DevTools
  • HTML
    • Back
    • Uvod u osnove HTML-a
    • Osnovni HTML tagovi
    • HTML tagovi za grupisanje sadržaja
    • Strukturno obeležavanje (Structured Data)
  • CSS
    • Back
    • CSS selektori
    • Box model
    • Pozicioniranja sadržaja sa CSS-om (osnove)
    • Stilizovanje i pozicioniranje teksta u kontejneru sa CSS-om
    • Animacija
      • Back
      • Uvod u animaciju sa CSS-om
      • Animacija sa CSS svojstvom “transition”
      • Animacija sa CSS svojstvom “animation”
  • JavaScript
    • Back
    • Osnove
      • Back
      • Scope (oblast definisanosti promenjive)
      • Šta je hoisting?
      • Tipovi podataka u JavaScriptu
      • Konverzija tipova u JavaScript-u
      • JavaScript operatori
      • Metode za rad sa nizovima
      • Značenje operatora “this” u JavaScript-u
      • Petlje i iteracije u JavaScript-u
      • JS snippets
        • Back
        • JS snippets u radu sa DOM-om
        • JS snippets u radu sa nizovima
        • JS snippets razno (tips & tricks)
    • Napredni koncepti
      • Back
      • Novi JavaScript standardi
        • Back
        • Pregled novih JS standarda: ES2015, ES2016…
        • let & const
        • Arrow funkcija
        • Podrazumevane vrednosti parametara funkcije
        • Nove metode za rad sa nizovima
        • “Object literal” poboljšanja
        • Eksponencijalni operator **
        • Novi tipovi podataka Map, Set & Symbol
        • Iteratori & Generatori
        • Spread & Rest operator
        • Destruktuiranje u JavaScriptu
      • Šta su JavaScript closure?
      • Sve o događajima u JavaScriptu
        • Back
        • Dogadjaji u JavaScript-u (JS Events)
        • Pregled ugradjenih dogadjaja u JS
        • Pregled svojstava event objekta
      • Sve o objektima kreiranje, nasledjivanje…
        • Back
        • Svojstva i metode konstruktorske f-je Object()
        • 1001 način kreiranja objekata u JavaScriptu
        • Prototipsko nasledjivanje
        • Klase u JavaScript-u
      • JavaScript-a i njegovo okruženje
        • Back
        • Simbioza JavaScripta i njegovog okruženja
        • Pregled objekata ugradjenih u JavaScript
        • Pregled objekata ugradjenih u okruženje (Browser & node) tzv. Web API
      • Modularno programiranje u JavaScript-u
        • Back
        • Uvod u modularno programiranje
        • Modularno programiranje sa ES5
        • Modularno programiranje – eksterna sintaksa (AMD & CommonJS)
        • Modularno programiranje sa ES6
      • Asinhroni JavaScript
        • Back
        • Princip rada asinhronog JavaScript-a
        • Cross Domain DATA Request
        • AJAX sa plain JavaScript-om
        • Prikupljanje podataka iz forme sa FormData interfejsom
        • Promise (osnove)
        • “Async/Await” sintaksa za bolje “Promise”
      • (Ne)moguće greške u JavaScript-u
  • Vue.js
    • Back
    • Šta je Vue.js?
    • Instalacija Vue.js
    • Svojstva Vue instance
    • Pristup svojstvima Vue.js instance
    • Životni ciklus Vue.js instance/komponente
    • HTML interpolacija u okviru Vue.js
    • Direktive
      • Back
      • Šta su Vue.js direktive
      • Direktiva v-bind:
      • Direktiva v-on:
      • Direktiva v-model
      • Direktiva v-for
      • Direktiva v-if
      • Direktive v-show & v-once & v-cloak
      • Direktive v-text & v-html & v-pre
      • Custom Vue direktive
    • Filtriranje sa Vue.js
    • Vue komponente
      • Back
      • Šta su Vue.js komponente?
      • Komunikacija izmedju komponenti tip “parent – child”
      • Komunikacija izmedju susednih komponenti
      • Prosledjivanje sadržaja sa slot elementom
      • Dinamičke komponente
    • Vue.js mixin
    • Animacija sa Vue.js
      • Back
      • Osnove animacije sa Vue.js
      • Tranzicija pri zameni elemenata sa Vue.js
      • Animacija više elemenata odjednom “transition-group”
    • Rutiranje sa Vue.js
      • Back
      • Osnove rutiranja sa Vue.js
      • Karakteristike i specifičnosti ruta
  • Node.js
    • Back
    • Node osnove
      • Back
      • Uvod u Node.js
      • Node.js – Globalni objekat i Moduli
      • Promenjive okruženja = ENV variable
      • Node.js Buffers
      • Node.js File system
      • Node.js Streams
      • Šta je Socket?
      • Node.js – EventEmitter
      • Kreiranje servera sa Node.js
      • Node starter projekat (TypeScript + Docker)
    • Nest.js
      • Back
      • Uvod u Nest.js
      • Nest.js kontroleri
      • Validacija podataka u NestJS-u korišćenjem “Pipe”
      • Dependency injection u Nest.js
  • WordPress
    • Back
    • Instalacija WordPress-a
    • WordPress hijerarhija i struktura
    • WordPress udice (hooks)
    • WordPress upiti (query)
    • WordPress petlje (loop)
    • WordPress Custom Fields
    • WordPress Custom Post Type
    • WordPress Custom Meta Box
    • WordPress Custom Taxonomy
    • WordPress Shortcode (osnove)
    • WordPress Widget
    • Prevodjenje teme ili plugina
  • Android
    • Back
    • Aktivnost u okviru android operativnog sistema
    • Fragment u okviru androida
    • Konvertovanje XML resursa u View objekat (“Layout Inflating”)
    • Adapter kao veza izmedju podataka i prikaza
      • Back
      • ArrayAdapter (osnovni android adapter)
      • Custom ArrayAdapter u Androidu
      • Adapter za RecyclerView
      • Popunjavanje ViewPager-a koristeći PagerAdapter
    • Kreiranje menija kod android aplikacija
    • Uvod u asinhrone operacije i multithreading Androida
    • Kreiranje custom listenera u Androidu (listener pattern)
    • MVVM arhitektura
      • Back
      • Uvod u MVVM arhitekturu
      • LiveData & MVVM
    • Rad sa SQLite bazom
      • Back
      • Rad sa SQLite bazom u Androidu (bez pomoćnih biblioteka)
      • Rad sa SQLite bazom u Androidu uz pomoć Room bibiloteke
  • Home
  • Tehnologije i alati
    • Instalacija alata za web development
    • Domen i hosting
    • npm & yarn osnove
    • GIT
      • Git osnove i instalacija
      • Git naredbe
      • Git submodul
    • Objektno orjentisano programiranje – OOP
    • JSON (format za razmenu podataka)
    • Binarni sistem
    • Docker: Pokretanje aplikacija svuda
    • Baze podataka
      • Sistemi za upravljanje SQL bazama (DBMS)
      • SQL osnovne naredbe (upiti)
    • Osnove linux-a za web developere
    • Šta je “Dependencies injection”?
    • Šta je SCRUM?
    • Web servisi (osnove)
    • Mrežni protokoli (osnove)
    • Mobilne aplikacije
      • Razvoj mobilnih aplikacija
      • Hibridne mobilne aplikacije
    • Chrome DevTools
  • HTML
    • Uvod u osnove HTML-a
    • Osnovni HTML tagovi
    • HTML tagovi za grupisanje sadržaja
    • Strukturno obeležavanje (Structured Data)
  • CSS
    • CSS selektori
    • Box model
    • Pozicioniranja sadržaja sa CSS-om (osnove)
    • Stilizovanje i pozicioniranje teksta u kontejneru sa CSS-om
    • Animacija
      • Uvod u animaciju sa CSS-om
      • Animacija sa CSS svojstvom “transition”
      • Animacija sa CSS svojstvom “animation”
  • JavaScript
    • Osnove
      • Scope (oblast definisanosti promenjive)
      • Šta je hoisting?
      • Tipovi podataka u JavaScriptu
      • Konverzija tipova u JavaScript-u
      • JavaScript operatori
      • Metode za rad sa nizovima
      • Značenje operatora “this” u JavaScript-u
      • Petlje i iteracije u JavaScript-u
      • JS snippets
        • JS snippets u radu sa DOM-om
        • JS snippets u radu sa nizovima
        • JS snippets razno (tips & tricks)
    • Napredni koncepti
      • Novi JavaScript standardi
        • Pregled novih JS standarda: ES2015, ES2016…
        • let & const
        • Arrow funkcija
        • Podrazumevane vrednosti parametara funkcije
        • Nove metode za rad sa nizovima
        • “Object literal” poboljšanja
        • Eksponencijalni operator **
        • Novi tipovi podataka Map, Set & Symbol
        • Iteratori & Generatori
        • Spread & Rest operator
        • Destruktuiranje u JavaScriptu
      • Šta su JavaScript closure?
      • Sve o događajima u JavaScriptu
        • Dogadjaji u JavaScript-u (JS Events)
        • Pregled ugradjenih dogadjaja u JS
        • Pregled svojstava event objekta
      • Sve o objektima kreiranje, nasledjivanje…
        • Svojstva i metode konstruktorske f-je Object()
        • 1001 način kreiranja objekata u JavaScriptu
        • Prototipsko nasledjivanje
        • Klase u JavaScript-u
      • JavaScript-a i njegovo okruženje
        • Simbioza JavaScripta i njegovog okruženja
        • Pregled objekata ugradjenih u JavaScript
        • Pregled objekata ugradjenih u okruženje (Browser & node) tzv. Web API
      • Modularno programiranje u JavaScript-u
        • Uvod u modularno programiranje
        • Modularno programiranje sa ES5
        • Modularno programiranje – eksterna sintaksa (AMD & CommonJS)
        • Modularno programiranje sa ES6
      • Asinhroni JavaScript
        • Princip rada asinhronog JavaScript-a
        • Cross Domain DATA Request
        • AJAX sa plain JavaScript-om
        • Prikupljanje podataka iz forme sa FormData interfejsom
        • Promise (osnove)
        • “Async/Await” sintaksa za bolje “Promise”
      • (Ne)moguće greške u JavaScript-u
  • Vue.js
    • Šta je Vue.js?
    • Instalacija Vue.js
    • Svojstva Vue instance
    • Pristup svojstvima Vue.js instance
    • Životni ciklus Vue.js instance/komponente
    • HTML interpolacija u okviru Vue.js
    • Direktive
      • Šta su Vue.js direktive
      • Direktiva v-bind:
      • Direktiva v-on:
      • Direktiva v-model
      • Direktiva v-for
      • Direktiva v-if
      • Direktive v-show & v-once & v-cloak
      • Direktive v-text & v-html & v-pre
      • Custom Vue direktive
    • Filtriranje sa Vue.js
    • Vue komponente
      • Šta su Vue.js komponente?
      • Komunikacija izmedju komponenti tip “parent – child”
      • Komunikacija izmedju susednih komponenti
      • Prosledjivanje sadržaja sa slot elementom
      • Dinamičke komponente
    • Vue.js mixin
    • Animacija sa Vue.js
      • Osnove animacije sa Vue.js
      • Tranzicija pri zameni elemenata sa Vue.js
      • Animacija više elemenata odjednom “transition-group”
    • Rutiranje sa Vue.js
      • Osnove rutiranja sa Vue.js
      • Karakteristike i specifičnosti ruta
  • Node.js
    • Node osnove
      • Uvod u Node.js
      • Node.js – Globalni objekat i Moduli
      • Promenjive okruženja = ENV variable
      • Node.js Buffers
      • Node.js File system
      • Node.js Streams
      • Šta je Socket?
      • Node.js – EventEmitter
      • Kreiranje servera sa Node.js
      • Node starter projekat (TypeScript + Docker)
    • Nest.js
      • Uvod u Nest.js
      • Nest.js kontroleri
      • Validacija podataka u NestJS-u korišćenjem “Pipe”
      • Dependency injection u Nest.js
  • WordPress
    • Instalacija WordPress-a
    • WordPress hijerarhija i struktura
    • WordPress udice (hooks)
    • WordPress upiti (query)
    • WordPress petlje (loop)
    • WordPress Custom Fields
    • WordPress Custom Post Type
    • WordPress Custom Meta Box
    • WordPress Custom Taxonomy
    • WordPress Shortcode (osnove)
    • WordPress Widget
    • Prevodjenje teme ili plugina
  • Android
    • Aktivnost u okviru android operativnog sistema
    • Fragment u okviru androida
    • Konvertovanje XML resursa u View objekat (“Layout Inflating”)
    • Adapter kao veza izmedju podataka i prikaza
      • ArrayAdapter (osnovni android adapter)
      • Custom ArrayAdapter u Androidu
      • Adapter za RecyclerView
      • Popunjavanje ViewPager-a koristeći PagerAdapter
    • Kreiranje menija kod android aplikacija
    • Uvod u asinhrone operacije i multithreading Androida
    • Kreiranje custom listenera u Androidu (listener pattern)
    • MVVM arhitektura
      • Uvod u MVVM arhitekturu
      • LiveData & MVVM
    • Rad sa SQLite bazom
      • Rad sa SQLite bazom u Androidu (bez pomoćnih biblioteka)
      • Rad sa SQLite bazom u Androidu uz pomoć Room bibiloteke
Custom fields Archives | Web Programiranje

WordPress Custom Fields

Posted on 14/01/2016 at 12:50.Written by Dragoljub Živanović

Uvod

slika

slika ×

WordPress Custom fields omogućavaju da krajnji korisnik unese neki specifični podatak a da ne koristi postojeće standardne meta box-ove (naslov posta i sadržaj posta). Custom Fields (srp. posebna polja) su zapravo meta podaci (eng.meta data) ali se nazivaju poljima jer izgledaju kao polja u wordpress administratorskom interfejsu.

Da bi meta-box “Custom Fields” bio dostupan pri editovanju posta neophodno je da u gornjem desnom uglu dok se nalazimo na stranici za editovanje post-a kliknemo na dugme Screen Options i tako otvorimo padajući meni, gde čekiramo opciju Custom Fields.

Custom Fields se sastoji iz dva polja i čini par tzv. key/value. Key bi bio podatak zapisan u polje “Name”, a vrednost koja je upisana u polje “Value”. Nakon što se popune polja “Name” i “Value” treba kliknuti na dugme Add Custom Field. Treba naglasiti da je dozvoljeno submitovati više različitih custom fields-a sa istim key-om. Ukoliko je key prethodno već korišćen onda će se pojaviti u padajućem meniju kada želimo da popunimo sledeći custom fields. Ali ukoliko ne želimo da se vrednost “key” pojavljuje u padajućem meniju za neko sledeće korišćenje onda naziv treba da počne sa underscore _

Continue reading…

Tags: Custom fields, WordPress, wp_postmeta


Pratite nas:
Budite obavešteni o novim člancima!

Pratite nas
Pretražite sajt
Tags
AMD Android animacija animation arrow function baza podataka Browserify class CommonJS CSS Docker Emmet ES6 ES2015 event event loop every() Git Grunt Heap HTML javascript let map modularno programiranje MySql nasledjivanje Nest.js node.js npm Object.create() PHP Storm POEdit Queue SASS snippets sql SQLite Stack transition Vue Vue.js Webpack Web tehnologije WordPress