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
Meta Box Archives | Web Programiranje

WordPress Custom Meta Box

Posted on 14/01/2016 at 13:06.Written by Dragoljub Živanović

Pravljenje interfejsa

Da bi napravili novi wordpress custom meta box potrebne su dve custom funkcije. Prva funkcije je glavna, ona pravi novi meta box (definiše naziv i label-u) i poziva drugu koja služi da prikaže unutrašnjost meta box-a.

Continue reading…

Tags: ACF plugin, Meta Box, WordPress


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