{"id":281869,"date":"2026-04-03T00:16:40","date_gmt":"2026-04-02T22:16:40","guid":{"rendered":"https:\/\/media-met.hr\/creating-websites-in-wordpress-fast-secure-and-responsive\/"},"modified":"2026-07-01T11:25:01","modified_gmt":"2026-07-01T09:25:01","slug":"creating-websites-in-wordpress-fast-secure-and-responsive","status":"publish","type":"page","link":"https:\/\/media-met.hr\/en\/creating-websites-in-wordpress-fast-secure-and-responsive\/","title":{"rendered":"Creating websites in WordPress \u2014 fast, secure and responsive"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_row_1 et_pb_row et_pb_row_nested et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* ============================================================\n   media-met \u2014 Hero (EN) \u2014 full width\n   Divi Code modul. Scope: .mm-hero\n   Postavi Divi sekciju\/red na FULLWIDTH, bez paddinga, bez pozadine.\n   ============================================================ *\/\n.mm-hero{\n  --mm-accent:#3b82f6;\n  --mm-accent-2:#60a5fa;\n  --mm-accent-deep:#2563eb;\n  --mm-title:#f8fafc;\n  --mm-body:#aebacf;\n  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\n  position:relative;\n  width:100%;\n  background:#0E1627;\n  overflow:hidden;\n  padding:96px 28px;\n}\n.mm-hero *,.mm-hero *::before,.mm-hero *::after{box-sizing:border-box;}\n\n.mm-hero::before,.mm-hero::after{\n  content:\"\";\n  position:absolute;\n  border-radius:50%;\n  filter:blur(90px);\n  opacity:.5;\n  pointer-events:none;\n  z-index:0;\n}\n.mm-hero::before{\n  width:520px;height:520px;\n  top:-160px;left:-120px;\n  background:radial-gradient(circle,rgba(37,99,235,.45),transparent 70%);\n  animation:mmHeroFloatA 14s ease-in-out infinite;\n}\n.mm-hero::after{\n  width:460px;height:460px;\n  bottom:-180px;right:-100px;\n  background:radial-gradient(circle,rgba(96,165,250,.32),transparent 70%);\n  animation:mmHeroFloatB 18s ease-in-out infinite;\n}\n\n.mm-hero__inner{\n  position:relative;\n  z-index:1;\n  max-width:1240px;\n  margin:0 auto;\n  display:grid;\n  grid-template-columns:1.05fr .95fr;\n  align-items:center;\n  gap:56px;\n}\n\n.mm-hero__badges{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  margin-bottom:26px;\n}\n.mm-hero__badge{\n  font-size:13px;\n  font-weight:500;\n  letter-spacing:.3px;\n  color:var(--mm-accent-2);\n  padding:7px 14px;\n  border-radius:999px;\n  background:rgba(37,99,235,.12);\n  border:1px solid rgba(59,130,246,.32);\n  opacity:0;\n  animation:mmHeroUp .6s ease forwards;\n}\n.mm-hero__badge:nth-child(1){animation-delay:.05s;}\n.mm-hero__badge:nth-child(2){animation-delay:.15s;}\n.mm-hero__badge:nth-child(3){animation-delay:.25s;}\n\n.mm-hero__title{\n  margin:0 0 24px;\n  font-size:clamp(32px,4.4vw,52px);\n  font-weight:800;\n  line-height:1.1;\n  letter-spacing:-.5px;\n  color:var(--mm-title);\n  opacity:0;\n  animation:mmHeroUp .7s ease .15s forwards;\n}\n.mm-hero__title .mm-grad{\n  background:linear-gradient(120deg,var(--mm-accent-2),var(--mm-accent-deep));\n  -webkit-background-clip:text;background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n.mm-hero__text{\n  margin:0 0 34px;\n  max-width:560px;\n  font-size:16.5px;\n  line-height:1.75;\n  color:var(--mm-body);\n  opacity:0;\n  animation:mmHeroUp .7s ease .3s forwards;\n}\n.mm-hero__cta{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding:16px 30px;\n  border-radius:12px;\n  font-size:16px;\n  font-weight:600;\n  color:#fff;\n  text-decoration:none;\n  background:linear-gradient(120deg,var(--mm-accent-deep),#1e40af);\n  box-shadow:0 14px 34px -12px rgba(37,99,235,.85);\n  opacity:0;\n  animation:mmHeroUp .7s ease .45s forwards;\n  transition:transform .25s ease,box-shadow .25s ease;\n}\n.mm-hero__cta svg{width:18px;height:18px;transition:transform .25s ease;}\n.mm-hero__cta:hover{transform:translateY(-2px);box-shadow:0 18px 40px -12px rgba(37,99,235,1);}\n.mm-hero__cta:hover svg{transform:translateX(4px);}\n\n.mm-hero__visual{\n  position:relative;\n  opacity:0;\n  animation:mmHeroUp .8s ease .4s forwards;\n}\n.mm-hero__window{\n  position:relative;\n  border-radius:16px;\n  background:linear-gradient(165deg,#161d3d,#10162e);\n  border:1px solid rgba(148,163,184,.16);\n  box-shadow:0 40px 80px -40px rgba(0,0,0,.8);\n  overflow:hidden;\n  animation:mmHeroBob 7s ease-in-out infinite;\n}\n.mm-hero__bar{\n  display:flex;\n  align-items:center;\n  gap:7px;\n  padding:14px 16px;\n  background:rgba(255,255,255,.03);\n  border-bottom:1px solid rgba(148,163,184,.12);\n}\n.mm-hero__dot{width:11px;height:11px;border-radius:50%;}\n.mm-hero__dot--r{background:#ef5d5d;}\n.mm-hero__dot--y{background:#f2c14e;}\n.mm-hero__dot--g{background:#5bd07e;}\n.mm-hero__url{\n  margin-left:10px;\n  flex:1;\n  height:22px;\n  border-radius:6px;\n  background:rgba(148,163,184,.12);\n}\n.mm-hero__screen{padding:22px;}\n.mm-hero__line{\n  height:12px;\n  border-radius:6px;\n  background:rgba(148,163,184,.16);\n  margin-bottom:14px;\n}\n.mm-hero__line--accent{\n  background:linear-gradient(90deg,var(--mm-accent-deep),var(--mm-accent-2));\n  width:55%;\n  height:16px;\n}\n.mm-hero__line--w80{width:80%;}\n.mm-hero__line--w65{width:65%;}\n.mm-hero__blocks{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:12px;\n  margin-top:20px;\n}\n.mm-hero__block{\n  height:64px;\n  border-radius:10px;\n  background:rgba(148,163,184,.10);\n  border:1px solid rgba(148,163,184,.10);\n}\n.mm-hero__block:nth-child(2){background:rgba(37,99,235,.16);border-color:rgba(59,130,246,.3);}\n\n.mm-hero__chip{\n  position:absolute;\n  display:flex;\n  align-items:center;\n  gap:8px;\n  padding:11px 15px;\n  border-radius:12px;\n  background:rgba(16,22,46,.92);\n  border:1px solid rgba(59,130,246,.35);\n  box-shadow:0 16px 34px -16px rgba(0,0,0,.7);\n  font-size:13px;\n  font-weight:600;\n  color:var(--mm-title);\n  backdrop-filter:blur(6px);\n}\n.mm-hero__chip b{color:var(--mm-accent-2);}\n.mm-hero__chip--1{top:-18px;right:-14px;animation:mmHeroBob 6s ease-in-out infinite .5s;}\n.mm-hero__chip--2{bottom:-16px;left:-18px;animation:mmHeroBob 8s ease-in-out infinite 1s;}\n\n@keyframes mmHeroUp{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:translateY(0);}}\n@keyframes mmHeroBob{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}\n@keyframes mmHeroFloatA{0%,100%{transform:translate(0,0);}50%{transform:translate(40px,30px);}}\n@keyframes mmHeroFloatB{0%,100%{transform:translate(0,0);}50%{transform:translate(-30px,-25px);}}\n\n@media (max-width:980px){\n  .mm-hero{padding:72px 24px;}\n  .mm-hero__inner{grid-template-columns:1fr;gap:54px;}\n  .mm-hero__visual{max-width:520px;margin:0 auto;width:100%;}\n}\n@media (max-width:560px){\n  .mm-hero{padding:56px 20px;}\n  .mm-hero__text{font-size:15.5px;}\n  .mm-hero__chip{display:none;}\n}\n@media (prefers-reduced-motion:reduce){\n  .mm-hero::before,.mm-hero::after,\n  .mm-hero__window,.mm-hero__chip--1,.mm-hero__chip--2{animation:none;}\n  .mm-hero__badge,.mm-hero__title,.mm-hero__text,.mm-hero__cta,.mm-hero__visual{\n    animation:none;opacity:1;\n  }\n  .mm-hero__cta{transition:none;}\n}\n<\/style>\n\n<section class=\"mm-hero\">\n  <div class=\"mm-hero__inner\">\n\n    <div class=\"mm-hero__copy\">\n      <div class=\"mm-hero__badges\">\n        <span class=\"mm-hero__badge\">Divi<\/span>\n        <span class=\"mm-hero__badge\">WooCommerce<\/span>\n        <span class=\"mm-hero__badge\">SEO-ready<\/span>\n      <\/div>\n      <h1 class=\"mm-hero__title\">Building websites in WordPress \u2014 fast, secure, responsive and <span class=\"mm-grad\">optimized<\/span>.<\/h1>\n      <p class=\"mm-hero__text\">We build fast, secure and responsive custom WordPress websites \u2014 Divi, WooCommerce, SEO-ready. A strong, sustainable online presence is a crucial step toward a successful business in the digital age. We connect your data to every important customer touchpoint and make sure your site grows as your clients' needs evolve.<\/p>\n      <a class=\"mm-hero__cta\" href=\"https:\/\/media-met.hr\/en\/start-a-project\/\">\n        Tell us about your project\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n    <div class=\"mm-hero__visual\">\n      <div class=\"mm-hero__window\">\n        <div class=\"mm-hero__bar\">\n          <span class=\"mm-hero__dot mm-hero__dot--r\"><\/span>\n          <span class=\"mm-hero__dot mm-hero__dot--y\"><\/span>\n          <span class=\"mm-hero__dot mm-hero__dot--g\"><\/span>\n          <span class=\"mm-hero__url\"><\/span>\n        <\/div>\n        <div class=\"mm-hero__screen\">\n          <div class=\"mm-hero__line mm-hero__line--accent\"><\/div>\n          <div class=\"mm-hero__line mm-hero__line--w80\"><\/div>\n          <div class=\"mm-hero__line mm-hero__line--w65\"><\/div>\n          <div class=\"mm-hero__blocks\">\n            <div class=\"mm-hero__block\"><\/div>\n            <div class=\"mm-hero__block\"><\/div>\n            <div class=\"mm-hero__block\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"mm-hero__chip mm-hero__chip--1\"><b>100<\/b>&nbsp;PageSpeed<\/div>\n      <div class=\"mm-hero__chip mm-hero__chip--2\"><b>SEO<\/b>&nbsp;ready<\/div>\n    <\/div>\n\n  <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_2 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><h2>Why is WordPress and creating websites in WordPress the best solution for your website?<\/h2>\n<p>&nbsp;<\/p>\n<p>More than 43% of all websites on the Internet are powered by WordPress \u2014 and that's no accident. This platform combines ease of management with professional capabilities that meet even the highest demands. <\/p>\n<p>Web design is a joint process until the final product. Our team is flexible and we act as a partner. We offer unlimited revisions with no unexpected fees.  <\/p>\n<p>We develop websites that are accessible, secure, reliable, and easy to use with detailed instructions for every user.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_3 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_2 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* ============================================================\n   media-met \u2014 Stat cards (EN)\n   Divi Code modul. Scope: .mm-stats\n   ============================================================ *\/\n.mm-stats{\n  --mm-accent:#3b82f6;\n  --mm-accent-2:#60a5fa;\n  --mm-title:#f8fafc;\n  --mm-body:#aebacf;\n  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\n  background:#0E1627;               \/* ukloni ovaj red ako Divi sekcija ve\u0107 daje navy pozadinu *\/\n  padding:64px 28px;\n}\n.mm-stats *,.mm-stats *::before,.mm-stats *::after{box-sizing:border-box;}\n\n.mm-stats__grid{\n  max-width:1240px;\n  margin:0 auto;\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:26px;\n}\n\n.mm-stat{\n  background:rgba(148,163,184,.045);\n  border:1px solid rgba(148,163,184,.14);\n  border-radius:18px;\n  padding:30px 30px 28px;\n  box-shadow:0 24px 50px -34px rgba(0,0,0,.7);\n  opacity:0;\n  transform:translateY(20px);\n  animation:mmStatUp .6s ease forwards;\n  transition:transform .25s ease,border-color .25s ease;\n}\n.mm-stat:nth-child(1){animation-delay:.05s;}\n.mm-stat:nth-child(2){animation-delay:.17s;}\n.mm-stat:nth-child(3){animation-delay:.29s;}\n.mm-stat:hover{transform:translateY(-4px);border-color:rgba(59,130,246,.4);}\n\n.mm-stat__top{\n  display:flex;\n  align-items:center;\n  gap:16px;\n  margin-bottom:16px;\n}\n.mm-stat__icon{\n  flex:0 0 auto;\n  width:46px;height:46px;\n  color:var(--mm-accent-2);\n}\n.mm-stat__icon svg{width:100%;height:100%;display:block;}\n\n.mm-stat__num{\n  font-size:clamp(34px,3.6vw,46px);\n  font-weight:800;\n  line-height:1;\n  letter-spacing:-.5px;\n  color:var(--mm-title);\n}\n.mm-stat__label{\n  margin:0;\n  font-size:17px;\n  line-height:1.5;\n  color:var(--mm-body);\n}\n\n@keyframes mmStatUp{to{opacity:1;transform:translateY(0);}}\n\n@media (max-width:900px){\n  .mm-stats{padding:48px 22px;}\n  .mm-stats__grid{grid-template-columns:1fr;gap:18px;max-width:460px;}\n}\n@media (prefers-reduced-motion:reduce){\n  .mm-stat{animation:none;opacity:1;transform:none;transition:none;}\n}\n<\/style>\n\n<section class=\"mm-stats\">\n  <div class=\"mm-stats__grid\">\n\n    <div class=\"mm-stat\">\n      <div class=\"mm-stat__top\">\n        <span class=\"mm-stat__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9.5\"\/><line x1=\"2.5\" y1=\"12\" x2=\"21.5\" y2=\"12\"\/><ellipse cx=\"12\" cy=\"12\" rx=\"4.3\" ry=\"9.5\"\/><\/svg>\n        <\/span>\n        <span class=\"mm-stat__num\">43%<\/span>\n      <\/div>\n      <p class=\"mm-stat__label\">of all websites use WordPress<\/p>\n    <\/div>\n\n    <div class=\"mm-stat\">\n      <div class=\"mm-stat__top\">\n        <span class=\"mm-stat__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3.5\"\/><line x1=\"8\" y1=\"16.5\" x2=\"8\" y2=\"12\"\/><line x1=\"12\" y1=\"16.5\" x2=\"12\" y2=\"8.5\"\/><line x1=\"16\" y1=\"16.5\" x2=\"16\" y2=\"13.5\"\/><\/svg>\n        <\/span>\n        <span class=\"mm-stat__num\">60,000+<\/span>\n      <\/div>\n      <p class=\"mm-stat__label\">plugins available<\/p>\n    <\/div>\n\n    <div class=\"mm-stat\">\n      <div class=\"mm-stat__top\">\n        <span class=\"mm-stat__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M21.469 6.825c.84 1.537 1.318 3.3 1.318 5.175 0 3.979-2.156 7.456-5.363 9.325l3.295-9.527c.615-1.54.82-2.771.82-3.864 0-.405-.026-.78-.07-1.11m-7.981.105c.647-.03 1.232-.105 1.232-.105.582-.075.514-.93-.067-.899 0 0-1.755.135-2.88.135-1.064 0-2.85-.15-2.85-.15-.585-.03-.661.855-.075.885 0 0 .54.061 1.125.09l1.68 4.605-2.37 7.08L5.354 6.9c.649-.03 1.234-.1 1.234-.1.585-.075.516-.93-.065-.896 0 0-1.746.138-2.874.138-.2 0-.438-.008-.69-.015C4.911 3.15 8.235 1.215 12 1.215c2.809 0 5.365 1.072 7.286 2.833-.046-.003-.091-.009-.141-.009-1.06 0-1.812.923-1.812 1.914 0 .89.513 1.643 1.06 2.531.411.72.89 1.643.89 2.977 0 .923-.354 1.997-.821 3.494l-1.075 3.591-3.9-11.61.001.014zM12 22.784c-1.059 0-2.081-.153-3.048-.437l3.237-9.406 3.315 9.087c.024.053.05.101.078.149-1.12.393-2.325.607-3.582.607M1.211 12c0-1.564.336-3.05.935-4.395L7.29 21.83C3.694 20.08 1.212 16.332 1.211 12M12 0C5.385 0 0 5.385 0 12s5.385 12 12 12 12-5.385 12-12S18.615 0 12 0\"\/><\/svg>\n        <\/span>\n        <span class=\"mm-stat__num\">100%<\/span>\n      <\/div>\n      <p class=\"mm-stat__label\">yours to own<\/p>\n    <\/div>\n\n  <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_4 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_3 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* ============================================================\n   media-met \u2014 Process (EN)\n   Divi Code modul. Numerirani koraci (redoslijed nosi smisao).\n   Scope: .mm-proc\n   ============================================================ *\/\n.mm-proc{\n  --mm-card-a:#161d3d;\n  --mm-card-b:#10162e;\n  --mm-line:rgba(148,163,184,.12);\n  --mm-line-hover:rgba(59,130,246,.55);\n  --mm-accent-2:#60a5fa;\n  --mm-accent-deep:#2563eb;\n  --mm-title:#f8fafc;\n  --mm-body:#aebacf;\n  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\n  background:#0E1627;\n  padding:64px 28px;\n}\n.mm-proc__inner{max-width:920px;margin:0 auto;}\n.mm-proc *,.mm-proc *::before,.mm-proc *::after{box-sizing:border-box;}\n\n.mm-proc__title{\n  margin:0 0 16px;\n  font-size:34px;\n  font-weight:700;\n  line-height:1.25;\n  color:var(--mm-title);\n}\n.mm-proc__intro{\n  margin:0 0 48px;\n  max-width:720px;\n  font-size:17px;\n  line-height:1.7;\n  color:var(--mm-body);\n}\n\n.mm-proc__steps{\n  position:relative;\n  display:flex;\n  flex-direction:column;\n  gap:8px;\n}\n\/* vertical connector line behind the numbers *\/\n.mm-proc__steps::before{\n  content:\"\";\n  position:absolute;\n  left:26px;top:14px;bottom:14px;\n  width:2px;\n  background:linear-gradient(180deg,rgba(59,130,246,.5),rgba(59,130,246,.06));\n}\n\n.mm-proc__step{\n  position:relative;\n  display:flex;\n  gap:24px;\n  padding:18px 0;\n}\n.mm-proc__num{\n  position:relative;\n  z-index:1;\n  flex:0 0 54px;\n  width:54px;height:54px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  font-size:20px;\n  font-weight:800;\n  color:#fff;\n  background:linear-gradient(145deg,var(--mm-accent-deep),#1e40af);\n  border:1px solid rgba(96,165,250,.45);\n  box-shadow:0 8px 22px -10px rgba(37,99,235,.8);\n}\n.mm-proc__body{padding-top:5px;}\n.mm-proc__step-title{\n  margin:0 0 8px;\n  font-size:19px;\n  font-weight:600;\n  line-height:1.3;\n  color:var(--mm-title);\n}\n.mm-proc__step-text{\n  margin:0;\n  font-size:15px;\n  line-height:1.7;\n  color:var(--mm-body);\n}\n\n@media (max-width:600px){\n  .mm-proc__title{font-size:27px;}\n  .mm-proc__intro{font-size:16px;margin-bottom:36px;}\n  .mm-proc__steps::before{left:21px;}\n  .mm-proc__num{flex-basis:44px;width:44px;height:44px;font-size:17px;}\n  .mm-proc__step{gap:18px;}\n}\n<\/style>\n\n<section class=\"mm-proc\">\n  <div class=\"mm-proc__inner\">\n    <h2 class=\"mm-proc__title\">Building a website in WordPress \u2014 what does the process look like?<\/h2>\n    <p class=\"mm-proc__intro\">Our WordPress website-building process is split into clear steps, so you always know where we are and what comes next.<\/p>\n\n    <div class=\"mm-proc__steps\">\n\n      <div class=\"mm-proc__step\">\n        <span class=\"mm-proc__num\">1<\/span>\n        <div class=\"mm-proc__body\">\n          <h3 class=\"mm-proc__step-title\">Consultation & analysis<\/h3>\n          <p class=\"mm-proc__step-text\">Every project starts with a conversation. We get to know your goals, target audience, competitors and the specifics of your business. Based on that, we prepare a proposal for the site architecture and functionality.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"mm-proc__step\">\n        <span class=\"mm-proc__num\">2<\/span>\n        <div class=\"mm-proc__body\">\n          <h3 class=\"mm-proc__step-title\">Design & prototype<\/h3>\n          <p class=\"mm-proc__step-text\">We create a wireframe and a visual design tailored to your brand. You get a preview of how the site will look on desktop and mobile before we start development.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"mm-proc__step\">\n        <span class=\"mm-proc__num\">3<\/span>\n        <div class=\"mm-proc__body\">\n          <h3 class=\"mm-proc__step-title\">Development & implementation<\/h3>\n          <p class=\"mm-proc__step-text\">We build the site in WordPress using the Divi Framework. We implement all functionality, optimize loading speed and ensure responsiveness across all devices.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"mm-proc__step\">\n        <span class=\"mm-proc__num\">4<\/span>\n        <div class=\"mm-proc__body\">\n          <h3 class=\"mm-proc__step-title\">Testing & optimization<\/h3>\n          <p class=\"mm-proc__step-text\">We test the site on all devices and browsers. We check speed, security, SEO fundamentals and that every feature works correctly.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"mm-proc__step\">\n        <span class=\"mm-proc__num\">5<\/span>\n        <div class=\"mm-proc__body\">\n          <h3 class=\"mm-proc__step-title\">Launch & training<\/h3>\n          <p class=\"mm-proc__step-text\">We publish the site and train you to manage the content yourself. You get detailed video guides and post-launch support.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_5 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_4 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* ============================================================\n   media-met \u2014 WordPress advantages (EN)\n   Divi Code modul. Kartice sa kva\u010dicom. Scope: .mm-adv\n   ============================================================ *\/\n.mm-adv{\n  --mm-card-a:#161d3d;\n  --mm-card-b:#10162e;\n  --mm-line:rgba(148,163,184,.12);\n  --mm-line-hover:rgba(59,130,246,.55);\n  --mm-accent-2:#60a5fa;\n  --mm-accent-deep:#2563eb;\n  --mm-title:#f8fafc;\n  --mm-body:#aebacf;\n  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\n  background:#0E1627;\n  padding:64px 28px;\n}\n.mm-adv__inner{max-width:1180px;margin:0 auto;}\n.mm-adv *,.mm-adv *::before,.mm-adv *::after{box-sizing:border-box;}\n\n.mm-adv__title{\n  margin:0 0 16px;\n  font-size:34px;\n  font-weight:700;\n  line-height:1.25;\n  color:var(--mm-title);\n}\n.mm-adv__intro{\n  margin:0 0 44px;\n  max-width:760px;\n  font-size:17px;\n  line-height:1.7;\n  color:var(--mm-body);\n}\n\n.mm-adv__grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:22px;\n}\n\n.mm-adv__card{\n  position:relative;\n  display:flex;\n  flex-direction:column;\n  padding:30px 26px 28px;\n  border-radius:16px;\n  background:linear-gradient(165deg,var(--mm-card-a),var(--mm-card-b));\n  border:1px solid var(--mm-line);\n  overflow:hidden;\n  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;\n}\n.mm-adv__card::before{\n  content:\"\";\n  position:absolute;\n  top:0;left:0;right:0;\n  height:3px;\n  background:linear-gradient(90deg,var(--mm-accent-deep),var(--mm-accent-2));\n  transform:scaleX(0);\n  transform-origin:left;\n  transition:transform .4s ease;\n}\n.mm-adv__card:hover{\n  transform:translateY(-5px);\n  border-color:var(--mm-line-hover);\n  box-shadow:0 18px 40px -22px rgba(37,99,235,.65);\n}\n.mm-adv__card:hover::before{transform:scaleX(1);}\n\n.mm-adv__icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:40px;height:40px;\n  margin-bottom:16px;\n  border-radius:11px;\n  background:rgba(37,99,235,.14);\n  border:1px solid rgba(59,130,246,.35);\n}\n.mm-adv__icon svg{width:20px;height:20px;display:block;}\n\n.mm-adv__card-title{\n  margin:0 0 10px;\n  font-size:18px;\n  font-weight:600;\n  line-height:1.3;\n  color:var(--mm-title);\n}\n.mm-adv__card-text{\n  margin:0;\n  font-size:14.5px;\n  line-height:1.65;\n  color:var(--mm-body);\n}\n\n@media (max-width:900px){\n  .mm-adv__grid{grid-template-columns:repeat(2,1fr);}\n}\n@media (max-width:580px){\n  .mm-adv__grid{grid-template-columns:1fr;}\n  .mm-adv__title{font-size:27px;}\n  .mm-adv__intro{font-size:16px;margin-bottom:34px;}\n}\n@media (prefers-reduced-motion:reduce){\n  .mm-adv__card,.mm-adv__card::before{transition:none;}\n  .mm-adv__card:hover{transform:none;}\n}\n<\/style>\n\n<section class=\"mm-adv\">\n  <div class=\"mm-adv__inner\">\n    <h2 class=\"mm-adv__title\">Why WordPress?<\/h2>\n    <p class=\"mm-adv__intro\">The world's most popular website platform \u2014 flexible, secure and entirely yours.<\/p>\n\n    <div class=\"mm-adv__grid\">\n\n      <article class=\"mm-adv__card\">\n        <span class=\"mm-adv__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n        <h3 class=\"mm-adv__card-title\">Easy content management<\/h3>\n        <p class=\"mm-adv__card-text\">Add news, blog posts or new pages yourself \u2014 no technical knowledge required.<\/p>\n      <\/article>\n\n      <article class=\"mm-adv__card\">\n        <span class=\"mm-adv__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n        <h3 class=\"mm-adv__card-title\">Strong SEO foundation<\/h3>\n        <p class=\"mm-adv__card-text\">WordPress is built to be SEO-friendly, so your website becomes visible on Google faster.<\/p>\n      <\/article>\n\n      <article class=\"mm-adv__card\">\n        <span class=\"mm-adv__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n        <h3 class=\"mm-adv__card-title\">Adaptable design<\/h3>\n        <p class=\"mm-adv__card-text\">Thousands of themes and fully custom design \u2014 it looks exactly as you imagine, on every device.<\/p>\n      <\/article>\n\n      <article class=\"mm-adv__card\">\n        <span class=\"mm-adv__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n        <h3 class=\"mm-adv__card-title\">Security & reliability<\/h3>\n        <p class=\"mm-adv__card-text\">Regular updates and backup systems keep your site running without downtime.<\/p>\n      <\/article>\n\n      <article class=\"mm-adv__card\">\n        <span class=\"mm-adv__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n        <h3 class=\"mm-adv__card-title\">Grows with you<\/h3>\n        <p class=\"mm-adv__card-text\">From a presentation site to a web shop \u2014 with no need to migrate to another platform.<\/p>\n      <\/article>\n\n      <article class=\"mm-adv__card\">\n        <span class=\"mm-adv__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n        <h3 class=\"mm-adv__card-title\">Open source, you own it<\/h3>\n        <p class=\"mm-adv__card-text\">You're not locked to any single provider \u2014 move or expand your site whenever you want.<\/p>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_6 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_5 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_row_7 et_pb_row et_pb_row_nested et_flex_row\">\n<div class=\"et_pb_column_6 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* ============================================================\n   media-met \u2014 What's included (EN)\n   Divi Code modul. Kartice sa kva\u010dicom (popis zna\u010dajki).\n   Scope: .mm-incl\n   ============================================================ *\/\n.mm-incl{\n  --mm-card-a:#161d3d;\n  --mm-card-b:#10162e;\n  --mm-line:rgba(148,163,184,.12);\n  --mm-line-hover:rgba(59,130,246,.55);\n  --mm-accent-2:#60a5fa;\n  --mm-accent-deep:#2563eb;\n  --mm-title:#f8fafc;\n  --mm-body:#aebacf;\n  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\n  background:#0E1627;\n  padding:64px 28px;\n}\n.mm-incl__inner{max-width:1180px;margin:0 auto;}\n.mm-incl *,.mm-incl *::before,.mm-incl *::after{box-sizing:border-box;}\n\n.mm-incl__title{\n  margin:0 0 16px;\n  font-size:34px;\n  font-weight:700;\n  line-height:1.25;\n  color:var(--mm-title);\n}\n.mm-incl__intro{\n  margin:0 0 44px;\n  max-width:760px;\n  font-size:17px;\n  line-height:1.7;\n  color:var(--mm-body);\n}\n\n.mm-incl__grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:22px;\n}\n\n.mm-incl__card{\n  position:relative;\n  display:flex;\n  flex-direction:column;\n  padding:30px 26px 28px;\n  border-radius:16px;\n  background:linear-gradient(165deg,var(--mm-card-a),var(--mm-card-b));\n  border:1px solid var(--mm-line);\n  overflow:hidden;\n  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;\n}\n.mm-incl__card::before{\n  content:\"\";\n  position:absolute;\n  top:0;left:0;right:0;\n  height:3px;\n  background:linear-gradient(90deg,var(--mm-accent-deep),var(--mm-accent-2));\n  transform:scaleX(0);\n  transform-origin:left;\n  transition:transform .4s ease;\n}\n.mm-incl__card:hover{\n  transform:translateY(-5px);\n  border-color:var(--mm-line-hover);\n  box-shadow:0 18px 40px -22px rgba(37,99,235,.65);\n}\n.mm-incl__card:hover::before{transform:scaleX(1);}\n\n.mm-incl__icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:40px;height:40px;\n  margin-bottom:16px;\n  border-radius:11px;\n  background:rgba(37,99,235,.14);\n  border:1px solid rgba(59,130,246,.35);\n}\n.mm-incl__icon svg{width:20px;height:20px;display:block;}\n\n.mm-incl__card-title{\n  margin:0 0 10px;\n  font-size:18px;\n  font-weight:600;\n  line-height:1.3;\n  color:var(--mm-title);\n}\n.mm-incl__card-text{\n  margin:0;\n  font-size:14.5px;\n  line-height:1.65;\n  color:var(--mm-body);\n}\n\n@media (max-width:900px){\n  .mm-incl__grid{grid-template-columns:repeat(2,1fr);}\n}\n@media (max-width:580px){\n  .mm-incl__grid{grid-template-columns:1fr;}\n  .mm-incl__title{font-size:27px;}\n  .mm-incl__intro{font-size:16px;margin-bottom:34px;}\n}\n@media (prefers-reduced-motion:reduce){\n  .mm-incl__card,.mm-incl__card::before{transition:none;}\n  .mm-incl__card:hover{transform:none;}\n}\n<\/style>\n\n<section class=\"mm-incl\">\n  <div class=\"mm-incl__inner\">\n    <h2 class=\"mm-incl__title\">What's included in a website build?<\/h2>\n    <p class=\"mm-incl__intro\">Every website we build comes with a complete package of services, with no hidden costs.<\/p>\n\n    <div class=\"mm-incl__grid\">\n\n      <article class=\"mm-incl__card\">\n        <span class=\"mm-incl__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n        <h3 class=\"mm-incl__card-title\">Responsive design<\/h3>\n        <p class=\"mm-incl__card-text\">The site looks perfect on mobile, tablet and desktop. Over 60% of users browse the web on mobile, so mobile optimization is key to your success.<\/p>\n      <\/article>\n\n      <article class=\"mm-incl__card\">\n        <span class=\"mm-incl__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n        <h3 class=\"mm-incl__card-title\">SEO fundamentals<\/h3>\n        <p class=\"mm-incl__card-text\">We implement the technical SEO foundations: meta tags, schema markup, XML sitemap, robots.txt and speed optimization. Your site is ready for Google from day one.<\/p>\n      <\/article>\n\n      <article class=\"mm-incl__card\">\n        <span class=\"mm-incl__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n        <h3 class=\"mm-incl__card-title\">SSL certificate<\/h3>\n        <p class=\"mm-incl__card-text\">Every site comes with a security certificate that protects your visitors' data and boosts trust in your brand.<\/p>\n      <\/article>\n\n      <article class=\"mm-incl__card\">\n        <span class=\"mm-incl__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n        <h3 class=\"mm-incl__card-title\">Contact form<\/h3>\n        <p class=\"mm-incl__card-text\">We integrate a contact form with anti-spam protection. Every message arrives straight to your email address.<\/p>\n      <\/article>\n\n      <article class=\"mm-incl__card\">\n        <span class=\"mm-incl__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n        <h3 class=\"mm-incl__card-title\">Google Analytics<\/h3>\n        <p class=\"mm-incl__card-text\">We set up visitor tracking so you know where your clients come from and which pages are the most popular.<\/p>\n      <\/article>\n\n      <article class=\"mm-incl__card\">\n        <span class=\"mm-incl__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n        <h3 class=\"mm-incl__card-title\">Training & guides<\/h3>\n        <p class=\"mm-incl__card-text\">You get video guides and written documentation on how to edit content yourself, with no technical knowledge.<\/p>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_8 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_7 et_pb_column et_flex_column et_pb_column_empty et_pb_css_mix_blend_mode_passthrough et_flex_column_1_5 et_flex_column_1_5_tablet et_flex_column_24_24_phone\"><\/div>\n\n<div class=\"et_pb_column_8 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_3_5 et_flex_column_3_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_1 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><h2>Frequently asked questions - FAQ<\/h2>\n<\/div><\/div>\n\n<div class=\"et_pb_toggle_0 et_pb_toggle et_pb_toggle_item et_pb_toggle_close et_pb_module et_flex_module\"><h3 class=\"et_pb_toggle_title\">How much does it cost to create a website?<\/h3><div class=\"et_pb_toggle_content clearfix et_flex_module\"><p>The price depends on the complexity of the project, the number of pages and the required functionalities. Presentation pages start from \u20ac500, and complex projects with e-commerce solutions from \u20ac1,500. Contact us for a free quote tailored to your needs.  <\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_toggle_1 et_pb_toggle et_pb_toggle_item et_pb_toggle_close et_pb_module et_flex_module\"><h3 class=\"et_pb_toggle_title\">How long does it take to create a website?<\/h3><div class=\"et_pb_toggle_content clearfix et_flex_module\"><p>We create simple presentation pages within 2-3 weeks. More complex pages with more functionality can take 4-8 weeks. We agree on the exact deadline at the beginning of the project and stick to it.  <\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_toggle_2 et_pb_toggle et_pb_toggle_item et_pb_toggle_close et_pb_module et_flex_module\"><h3 class=\"et_pb_toggle_title\">Will I be able to edit the page myself?<\/h3><div class=\"et_pb_toggle_content clearfix et_flex_module\"><p>Yes \u2014 WordPress gives you full content management without any technical knowledge. You can add texts, images, blog posts and new pages independently. We include detailed instructions and training.  <\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_toggle_3 et_pb_toggle et_pb_toggle_item et_pb_toggle_close et_pb_module et_flex_module\"><h3 class=\"et_pb_toggle_title\">Do you offer both hosting and domain?<\/h3><div class=\"et_pb_toggle_content clearfix et_flex_module\"><p>Yes, we can take care of hosting and domain for you. We use reliable hosting with 99.9% uptime guarantee and SSD storage for maximum speed. <\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_toggle_4 et_pb_toggle et_pb_toggle_item et_pb_toggle_close et_pb_module et_flex_module\"><h3 class=\"et_pb_toggle_title\">What happens after the page is finished?<\/h3><div class=\"et_pb_toggle_content clearfix et_flex_module\"><p>We offer maintenance packages that include regular WordPress and plugin updates, backups, monitoring and technical support. You can choose between a monthly or annual <a href=\"https:\/\/media-met.hr\/en\/website-maintenance\/\">website maintenance<\/a> package. <\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_toggle_5 et_pb_toggle et_pb_toggle_item et_pb_toggle_close et_pb_module et_flex_module\"><h3 class=\"et_pb_toggle_title\">Do you also work for clients outside Karlovac?<\/h3><div class=\"et_pb_toggle_content clearfix et_flex_module\"><p>Yes \u2014 we work with clients across Croatia and the region. All appointments and consultations can be done online via video call, and the results are the same as with local clients. <\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_toggle_6 et_pb_toggle et_pb_toggle_item et_pb_toggle_close et_pb_module et_flex_module\"><h3 class=\"et_pb_toggle_title\">Is my site safe from hackers?<\/h3><div class=\"et_pb_toggle_content clearfix et_flex_module\"><p>We implement multi-layered security protection: SSL certificate, security plugins, regular updates and a backup system. In case of a problem, your site can be restored to the previous version in a matter of minutes. <\/p>\n<\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_9 et_pb_column et-last-child et_flex_column et_pb_column_empty et_pb_css_mix_blend_mode_passthrough et_flex_column_1_5 et_flex_column_1_5_tablet et_flex_column_24_24_phone\"><\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-281869","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"WordPress website creation \u2014 fast, secure, and responsive custom WordPress sites. Divi, WooCommerce, SEO-ready offered by the Media-met digital agency.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/media-met.hr\/en\/creating-websites-in-wordpress-fast-secure-and-responsive\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Web Design | media-met, creative digital agency | Professional web design and SEO optimization in Karlovac. 15+ years of experience, 200+ projects. Request a free quote!\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Creating websites in WordPress, fast, secure, responsive\" \/>\n\t\t<meta property=\"og:description\" content=\"WordPress website creation \u2014 fast, secure, and responsive custom WordPress sites. Divi, WooCommerce, SEO-ready offered by the Media-met digital agency.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/media-met.hr\/en\/creating-websites-in-wordpress-fast-secure-and-responsive\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/07\/media-met-og-logo.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/07\/media-met-og-logo.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-04-02T22:16:40+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-07-01T09:25:01+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/media1met\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Creating websites in WordPress, fast, secure, responsive\" \/>\n\t\t<meta name=\"twitter:description\" content=\"WordPress website creation \u2014 fast, secure, and responsive custom WordPress sites. Divi, WooCommerce, SEO-ready offered by the Media-met digital agency.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/07\/media-met-og-logo.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/creating-websites-in-wordpress-fast-secure-and-responsive\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/media-met.hr\\\/en\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/creating-websites-in-wordpress-fast-secure-and-responsive\\\/#listItem\",\"name\":\"Creating websites in WordPress \\u2014 fast, secure and responsive\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/creating-websites-in-wordpress-fast-secure-and-responsive\\\/#listItem\",\"position\":2,\"name\":\"Creating websites in WordPress \\u2014 fast, secure and responsive\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#organization\",\"name\":\"Media-met\",\"description\":\"Kreativna digitalna agencija za izradu web stranica, SEO optimizaciju i vizualni identitet. 15+ godina iskustva, 200+ projekata u Hrvatskoj.\",\"url\":\"https:\\\/\\\/media-met.hr\\\/en\\\/\",\"email\":\"info@media-met.hr\",\"telephone\":\"+385953344666\",\"foundingDate\":\"2011-09-01\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":1,\"maxValue\":5},\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/media-met.hr\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/mediamet-logo-1.webp\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/creating-websites-in-wordpress-fast-secure-and-responsive\\\/#organizationLogo\",\"width\":485,\"height\":145,\"caption\":\"Logo Media-met\"},\"image\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/creating-websites-in-wordpress-fast-secure-and-responsive\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/media1met\",\"https:\\\/\\\/www.instagram.com\\\/mediamet\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/mgvozdak\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/creating-websites-in-wordpress-fast-secure-and-responsive\\\/#webpage\",\"url\":\"https:\\\/\\\/media-met.hr\\\/en\\\/creating-websites-in-wordpress-fast-secure-and-responsive\\\/\",\"name\":\"Creating websites in WordPress, fast, secure, responsive\",\"description\":\"WordPress website creation \\u2014 fast, secure, and responsive custom WordPress sites. Divi, WooCommerce, SEO-ready offered by the Media-met digital agency.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/creating-websites-in-wordpress-fast-secure-and-responsive\\\/#breadcrumblist\"},\"datePublished\":\"2026-04-03T00:16:40+02:00\",\"dateModified\":\"2026-07-01T11:25:01+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/media-met.hr\\\/en\\\/\",\"name\":\"Web Design | media-met, creative digital agency\",\"alternateName\":\"Media-met digitalna agencija\",\"description\":\"Professional web design and SEO optimization in Karlovac. 15+ years of experience, 200+ projects. Request a free quote!\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Creating websites in WordPress, fast, secure, responsive","description":"WordPress website creation \u2014 fast, secure, and responsive custom WordPress sites. Divi, WooCommerce, SEO-ready offered by the Media-met digital agency.","canonical_url":"https:\/\/media-met.hr\/en\/creating-websites-in-wordpress-fast-secure-and-responsive\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/media-met.hr\/en\/creating-websites-in-wordpress-fast-secure-and-responsive\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/#listItem","position":1,"name":"Home","item":"https:\/\/media-met.hr\/en\/","nextItem":{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/creating-websites-in-wordpress-fast-secure-and-responsive\/#listItem","name":"Creating websites in WordPress \u2014 fast, secure and responsive"}},{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/creating-websites-in-wordpress-fast-secure-and-responsive\/#listItem","position":2,"name":"Creating websites in WordPress \u2014 fast, secure and responsive","previousItem":{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/media-met.hr\/en\/#organization","name":"Media-met","description":"Kreativna digitalna agencija za izradu web stranica, SEO optimizaciju i vizualni identitet. 15+ godina iskustva, 200+ projekata u Hrvatskoj.","url":"https:\/\/media-met.hr\/en\/","email":"info@media-met.hr","telephone":"+385953344666","foundingDate":"2011-09-01","numberOfEmployees":{"@type":"QuantitativeValue","minValue":1,"maxValue":5},"logo":{"@type":"ImageObject","url":"https:\/\/media-met.hr\/wp-content\/uploads\/2025\/11\/mediamet-logo-1.webp","@id":"https:\/\/media-met.hr\/en\/creating-websites-in-wordpress-fast-secure-and-responsive\/#organizationLogo","width":485,"height":145,"caption":"Logo Media-met"},"image":{"@id":"https:\/\/media-met.hr\/en\/creating-websites-in-wordpress-fast-secure-and-responsive\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/media1met","https:\/\/www.instagram.com\/mediamet","https:\/\/www.linkedin.com\/in\/mgvozdak"]},{"@type":"WebPage","@id":"https:\/\/media-met.hr\/en\/creating-websites-in-wordpress-fast-secure-and-responsive\/#webpage","url":"https:\/\/media-met.hr\/en\/creating-websites-in-wordpress-fast-secure-and-responsive\/","name":"Creating websites in WordPress, fast, secure, responsive","description":"WordPress website creation \u2014 fast, secure, and responsive custom WordPress sites. Divi, WooCommerce, SEO-ready offered by the Media-met digital agency.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/media-met.hr\/en\/#website"},"breadcrumb":{"@id":"https:\/\/media-met.hr\/en\/creating-websites-in-wordpress-fast-secure-and-responsive\/#breadcrumblist"},"datePublished":"2026-04-03T00:16:40+02:00","dateModified":"2026-07-01T11:25:01+02:00"},{"@type":"WebSite","@id":"https:\/\/media-met.hr\/en\/#website","url":"https:\/\/media-met.hr\/en\/","name":"Web Design | media-met, creative digital agency","alternateName":"Media-met digitalna agencija","description":"Professional web design and SEO optimization in Karlovac. 15+ years of experience, 200+ projects. Request a free quote!","inLanguage":"en-US","publisher":{"@id":"https:\/\/media-met.hr\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Web Design | media-met, creative digital agency | Professional web design and SEO optimization in Karlovac. 15+ years of experience, 200+ projects. Request a free quote!","og:type":"article","og:title":"Creating websites in WordPress, fast, secure, responsive","og:description":"WordPress website creation \u2014 fast, secure, and responsive custom WordPress sites. Divi, WooCommerce, SEO-ready offered by the Media-met digital agency.","og:url":"https:\/\/media-met.hr\/en\/creating-websites-in-wordpress-fast-secure-and-responsive\/","og:image":"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/07\/media-met-og-logo.png","og:image:secure_url":"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/07\/media-met-og-logo.png","og:image:width":1200,"og:image:height":630,"article:published_time":"2026-04-02T22:16:40+00:00","article:modified_time":"2026-07-01T09:25:01+00:00","article:publisher":"https:\/\/www.facebook.com\/media1met","twitter:card":"summary_large_image","twitter:title":"Creating websites in WordPress, fast, secure, responsive","twitter:description":"WordPress website creation \u2014 fast, secure, and responsive custom WordPress sites. Divi, WooCommerce, SEO-ready offered by the Media-met digital agency.","twitter:image":"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/07\/media-met-og-logo.png"},"aioseo_meta_data":{"post_id":"281869","title":"Creating websites in WordPress, fast, secure, responsive","description":"WordPress website creation \u2014 fast, secure, and responsive custom WordPress sites. Divi, WooCommerce, SEO-ready offered by the Media-met digital agency.","keywords":null,"keyphrases":{"focus":{"keyphrase":"izrada web stranica","score":37,"analysis":{"keyphraseInTitle":{"score":3,"maxScore":9,"error":1},"keyphraseInDescription":{"score":3,"maxScore":9,"error":1},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":3},"keyphraseInURL":{"score":1,"maxScore":5,"error":1},"keyphraseInIntroduction":{"score":3,"maxScore":9,"error":1},"keyphraseInSubHeadings":{"score":3,"maxScore":9,"error":1},"keyphraseInImageAlt":[],"keywordDensity":{"score":0,"type":"low","maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-06-25 18:40:02","updated":"2026-07-01 09:49:52","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/media-met.hr\/en\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tCreating websites in WordPress \u2014 fast, secure and responsive\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/media-met.hr\/en\/"},{"label":"Creating websites in WordPress \u2014 fast, secure and responsive","link":"https:\/\/media-met.hr\/en\/creating-websites-in-wordpress-fast-secure-and-responsive\/"}],"_links":{"self":[{"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/pages\/281869","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/comments?post=281869"}],"version-history":[{"count":27,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/pages\/281869\/revisions"}],"predecessor-version":[{"id":282386,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/pages\/281869\/revisions\/282386"}],"wp:attachment":[{"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/media?parent=281869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}