<!– wp:html –> <style> @import url(‚https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap‘);

.emil-rg{ –ink:#141316; –ink-soft:#33302b; –gold:#e5caad; –gold-deep:#c9a877; –gold-ghost:#f3e8d8; –taupe:#876e55; –go:#17a35a; –go-deep:#0f8a48; –sand:#f8f3ec; –sand-2:#efe5d6; –paper:#ffffff; –grey:#5f6063; –grey-soft:#8d8e91; –line:#ece2d3; –shadow-sm:0 2px 10px rgba(40,30,15,.05); –shadow-md:0 14px 40px -18px rgba(60,45,20,.22); –shadow-lg:0 30px 70px -30px rgba(60,45,20,.30); –fd:’Sofia Sans‘,-apple-system,BlinkMacSystemFont,’Segoe UI‘,Arial,sans-serif; –fb:’Helvetica Neue‘,Helvetica,Arial,sans-serif; –rad:14px; –rad-sm:10px; –wrap:1200px;

width:100vw; margin-left:calc(50% – 50vw); margin-right:calc(50% – 50vw); overflow-x:clip;

font-family:var(–fb); color:var(–ink); background:var(–paper); line-height:1.72; font-size:17px; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }

/* hide the theme’s own post title (rendered outside .emil-rg) to avoid a duplicate H1 */ .single-post-title{display:none !important;}

.emil-rg *{box-sizing:border-box} .emil-rg img{max-width:100%;display:block} .emil-rg a{color:inherit;text-decoration:none}

.emil-rg h1,.emil-rg h2,.emil-rg h3,.emil-rg h4, .emil-rg .eyebrow,.emil-rg .btn,.emil-rg .author-name, .emil-rg .rel-title,.emil-rg .tl-title,.emil-rg .card-title{font-family:var(–fd)}

.emil-rg .btn{ display:inline-flex;align-items:center;gap:8px; font-weight:700;font-size:15px;letter-spacing:.005em; padding:11px 22px;border-radius:50px;cursor:pointer;border:0; transition:transform .2s ease,box-shadow .25s ease,background .25s ease; } .emil-rg .btn-gold{background:var(–gold);color:var(–ink)} .emil-rg .btn-gold:hover{background:var(–gold-deep);transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(150,110,40,.6)} .emil-rg .btn-ink{background:var(–ink);color:#fff} .emil-rg .btn-ink:hover{background:#000;transform:translateY(-2px)} .emil-rg .btn-go{background:var(–go);color:#fff} .emil-rg .btn-go:hover{background:var(–go-deep);transform:translateY(-2px);box-shadow:0 14px 26px -12px rgba(15,120,70,.55)} .emil-rg .btn svg{width:16px;height:16px}

.emil-rg .hero{ background: radial-gradient(1100px 460px at 88% -10%, var(–gold-ghost) 0%, transparent 60%), linear-gradient(180deg,var(–sand) 0%, #fbf8f2 100%); border-bottom:1px solid var(–line); overflow:clip; } .emil-rg .hero-inner{ max-width:var(–wrap);margin:0 auto;padding:64px 28px 68px; display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center; } .emil-rg .eyebrow{ display:inline-flex;align-items:center;gap:10px; font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.16em; color:var(–taupe);margin-bottom:22px; } .emil-rg .eyebrow::before{content:““;width:26px;height:2px;background:var(–gold-deep);display:inline-block} .emil-rg h1{ font-size:clamp(2.15rem,4vw,3.35rem); font-weight:800;line-height:1.06;letter-spacing:-.02em;color:var(–ink); margin-bottom:22px; } .emil-rg h1 .hl{color:var(–taupe);position:relative;white-space:nowrap} .emil-rg h1 .hl::after{content:““;position:absolute;left:0;right:0;bottom:.06em;height:.32em;background:var(–gold);opacity:.55;z-index:-1;border-radius:3px} .emil-rg .lede{font-size:1.2rem;color:var(–grey);max-width:34em;margin-bottom:30px} .emil-rg .byline{display:flex;align-items:center;gap:16px;flex-wrap:wrap} .emil-rg .avatar{ width:52px;height:52px;border-radius:50%;flex-shrink:0;overflow:clip; box-shadow:0 6px 16px -6px rgba(160,120,50,.6);border:2px solid #fff; } .emil-rg .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover} .emil-rg .byline-txt strong{font-family:var(–fd);font-weight:700;font-size:15.5px;color:var(–ink);display:block} .emil-rg .byline-txt span{font-size:13.5px;color:var(–grey-soft)} .emil-rg .byline-sep{width:1px;height:34px;background:var(–line)} .emil-rg .byline-meta{font-size:13.5px;color:var(–grey-soft);line-height:1.5} .emil-rg .byline-meta b{color:var(–ink);font-weight:600}

.emil-rg .hero-art{position:relative} .emil-rg .hero-art svg{width:100%;height:auto;filter:drop-shadow(0 30px 50px rgba(80,60,25,.18))}

.emil-rg .layout{ max-width:var(–wrap);margin:0 auto;padding:64px 28px 40px; display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:60px;align-items:start; } .emil-rg .article{min-width:0} .emil-rg .article > *{margin-bottom:22px} .emil-rg .article h2{ font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;letter-spacing:-.015em;color:var(–ink); line-height:1.15;margin-top:52px;margin-bottom:18px;padding-left:20px;position:relative; } .emil-rg .article h2::before{content:““;position:absolute;left:0;top:.12em;bottom:.12em;width:5px;border-radius:4px;background:linear-gradient(180deg,var(–gold),var(–gold-deep))} .emil-rg .article h3{font-size:1.24rem;font-weight:700;color:var(–ink-soft);margin-top:34px;margin-bottom:12px;letter-spacing:-.01em} .emil-rg .article p{color:var(–grey)} .emil-rg .article p strong,.emil-rg .article li strong{color:var(–ink);font-weight:600} .emil-rg .article a.inline{color:var(–taupe);font-weight:600;border-bottom:1.5px solid var(–gold);transition:background .2s} .emil-rg .article a.inline:hover{background:var(–gold-ghost)} .emil-rg .article ul{list-style:none;margin:0 0 22px;padding:0} .emil-rg .article ul li{position:relative;padding-left:32px;margin-bottom:12px;color:var(–grey)} .emil-rg .article ul li::before{ content:““;position:absolute;left:0;top:.55em;width:16px;height:16px;border-radius:50%; background:var(–gold-ghost); background-image:url(„data:image/svg+xml,%3Csvg xmlns=’http://www.w3.org/2000/svg‘ viewBox=’0 0 24 24′ fill=’none‘ stroke=’%23a37c3f‘ stroke-width=’3.2′ stroke-linecap=’round‘ stroke-linejoin=’round’%3E%3Cpolyline points=’20 6 9 17 4 12’/%3E%3C/svg%3E“); background-size:11px;background-repeat:no-repeat;background-position:center; transform:translateY(-2px); }

.emil-rg .takeaway{ background:linear-gradient(180deg,#fff,var(–sand)); border:1px solid var(–line);border-left:5px solid var(–gold); border-radius:var(–rad);padding:26px 28px;margin:8px 0 30px;box-shadow:var(–shadow-sm); } .emil-rg .takeaway .lbl{font-family:var(–fd);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(–taupe);margin-bottom:14px} .emil-rg .takeaway ul{margin:0} .emil-rg .takeaway ul li{margin-bottom:10px}

.emil-rg .areas{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 26px} .emil-rg .area{ background:var(–paper);border:1px solid var(–line);border-radius:var(–rad); padding:22px 22px 20px;box-shadow:var(–shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s; } .emil-rg .area:hover{transform:translateY(-4px);box-shadow:var(–shadow-md);border-color:var(–gold)} .emil-rg .area .ico{width:44px;height:44px;border-radius:11px;background:var(–gold-ghost);display:grid;place-items:center;margin-bottom:14px} .emil-rg .area .ico svg{width:23px;height:23px;stroke:var(–taupe)} .emil-rg .area .card-title{font-weight:700;font-size:16.5px;color:var(–ink);margin-bottom:5px} .emil-rg .area p{font-size:14.5px;line-height:1.6;margin:0}

.emil-rg .compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 26px} .emil-rg .compare .cc{border-radius:var(–rad);padding:22px 24px;border:1px solid var(–line)} .emil-rg .compare .redesign{background:var(–paper)} .emil-rg .compare .relaunch{background:var(–ink);color:#efe9df;border-color:var(–ink)} .emil-rg .compare .cc .tag{font-family:var(–fd);font-weight:800;font-size:14px;letter-spacing:.03em;margin-bottom:8px;display:inline-flex;align-items:center;gap:8px} .emil-rg .compare .redesign .tag{color:var(–taupe)} .emil-rg .compare .relaunch .tag{color:var(–gold)} .emil-rg .compare .cc p{font-size:14.5px;line-height:1.62;margin:0} .emil-rg .compare .relaunch p{color:#cbc4b8}

.emil-rg .timeline{position:relative;margin:14px 0 30px;padding-left:6px} .emil-rg .timeline::before{content:““;position:absolute;left:23px;top:14px;bottom:14px;width:2px;background:linear-gradient(180deg,var(–gold),var(–gold-deep),var(–line))} .emil-rg .tl-step{position:relative;display:flex;gap:22px;padding:6px 0 22px} .emil-rg .tl-node{ flex-shrink:0;width:48px;height:48px;border-radius:50%;z-index:1; background:#fff;border:2px solid var(–gold);color:var(–taupe); font-family:var(–fd);font-weight:800;font-size:18px;display:grid;place-items:center; box-shadow:0 6px 16px -8px rgba(160,120,50,.5);transition:transform .25s,background .25s,color .25s; } .emil-rg .tl-step:hover .tl-node{background:var(–gold);color:#fff;transform:scale(1.08)} .emil-rg .tl-body{padding-top:4px} .emil-rg .tl-title{font-weight:700;font-size:17px;color:var(–ink);margin-bottom:4px} .emil-rg .tl-body p{font-size:15px;line-height:1.62;color:var(–grey);margin:0}

.emil-rg .protect{ background:linear-gradient(135deg,var(–ink) 0%,#26221c 100%); border-radius:18px;padding:34px 34px 30px;margin:20px 0 30px;color:#e9e2d6; box-shadow:var(–shadow-lg);position:relative;overflow:clip; } .emil-rg .protect::after{content:““;position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(229,202,173,.16),transparent 70%)} .emil-rg .protect .ph{display:flex;align-items:center;gap:14px;margin-bottom:8px;position:relative} .emil-rg .protect .ph svg{width:30px;height:30px;stroke:var(–gold)} .emil-rg .protect .ph h3{font-family:var(–fd);color:#fff;font-size:1.32rem;font-weight:700;margin:0} .emil-rg .protect > p{color:#c9c1b4;font-size:15px;margin:0 0 18px;position:relative} .emil-rg .protect ul{position:relative;margin:0} .emil-rg .protect ul li{color:#ddd5c8;padding-left:30px} .emil-rg .protect ul li strong{color:#fff} .emil-rg .protect ul li::before{ background:rgba(229,202,173,.16); background-image:url(„data:image/svg+xml,%3Csvg xmlns=’http://www.w3.org/2000/svg‘ viewBox=’0 0 24 24′ fill=’none‘ stroke=’%23e5caad‘ stroke-width=’3.2′ stroke-linecap=’round‘ stroke-linejoin=’round’%3E%3Cpolyline points=’20 6 9 17 4 12’/%3E%3C/svg%3E“); }

.emil-rg .costs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:10px 0 24px} .emil-rg .cost{border:1px solid var(–line);border-radius:var(–rad);padding:24px;background:var(–paper);box-shadow:var(–shadow-sm);position:relative} .emil-rg .cost.hi{border-color:var(–gold);background:linear-gradient(180deg,#fff,var(–sand))} .emil-rg .cost .ct{font-family:var(–fd);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(–grey-soft);margin-bottom:8px} .emil-rg .cost .cp{font-family:var(–fd);font-weight:800;font-size:1.9rem;color:var(–ink);line-height:1;margin-bottom:10px;letter-spacing:-.01em} .emil-rg .cost .cp small{font-size:1rem;font-weight:600;color:var(–taupe)} .emil-rg .cost p{font-size:14px;line-height:1.55;color:var(–grey);margin:0}

.emil-rg .checklist{ background:var(–sand);border:1px solid var(–line);border-radius:var(–rad); padding:26px 28px;margin:10px 0 26px; } .emil-rg .checklist .lbl{font-family:var(–fd);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(–taupe);margin-bottom:16px;display:flex;align-items:center;gap:10px} .emil-rg .checklist .lbl svg{width:20px;height:20px;stroke:var(–taupe)} .emil-rg .check-grid{display:grid;gap:11px} .emil-rg .check-item{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(–ink-soft);line-height:1.5} .emil-rg .check-box{ flex-shrink:0;width:22px;height:22px;border-radius:6px;background:#fff;border:1.5px solid var(–gold-deep); display:grid;place-items:center;margin-top:1px; } .emil-rg .check-box svg{width:13px;height:13px;stroke:var(–taupe);stroke-width:3.2}

.emil-rg .fazit-cta{ background:linear-gradient(120deg,var(–gold) 0%,#f0dcc2 55%,var(–gold-ghost) 100%); border-radius:20px;padding:38px 40px;margin:36px 0 10px;position:relative;overflow:clip; box-shadow:var(–shadow-md); } .emil-rg .fazit-cta h3{font-family:var(–fd);font-weight:800;font-size:1.5rem;color:var(–ink);margin-bottom:10px;letter-spacing:-.015em} .emil-rg .fazit-cta p{color:#5a4a30;font-size:15.5px;max-width:44em;margin-bottom:22px} .emil-rg .fazit-cta .btn{box-shadow:0 14px 30px -14px rgba(15,120,70,.55)}

.emil-rg .post-author{ display:flex;align-items:center;gap:22px; background:linear-gradient(180deg,#fff,var(–sand)); border:1px solid var(–line);border-left:5px solid var(–gold); border-radius:var(–rad);padding:24px 26px;margin:34px 0 8px;box-shadow:var(–shadow-sm); } .emil-rg .pa-avatar{ width:66px;height:66px;flex-shrink:0;border-radius:50%;overflow:clip; box-shadow:0 8px 20px -8px rgba(160,120,50,.6);border:2px solid #fff; } .emil-rg .pa-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover} .emil-rg .pa-body{flex:1;min-width:0} .emil-rg .pa-eyebrow{font-family:var(–fd);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(–gold-deep)} .emil-rg .pa-name{font-family:var(–fd);font-weight:800;font-size:19px;color:var(–ink);letter-spacing:-.01em;line-height:1.2} .emil-rg .pa-role{font-size:13px;color:var(–taupe);font-weight:600;margin-bottom:8px} .emil-rg .pa-bio{font-size:14px;line-height:1.58;color:var(–grey);margin:0} .emil-rg .pa-links{display:flex;flex-direction:column;gap:8px;flex-shrink:0} .emil-rg .pa-links a{width:36px;height:36px;border-radius:9px;background:#fff;border:1px solid var(–line);display:grid;place-items:center;transition:background .2s,transform .2s} .emil-rg .pa-links a:hover{background:var(–gold-ghost);transform:translateY(-2px)} .emil-rg .pa-links a svg{width:17px;height:17px;fill:var(–taupe)}

.emil-rg .sidebar{align-self:start;position:sticky;top:84px;display:flex;flex-direction:column;gap:13px} .emil-rg .side-card{background:var(–paper);border:1px solid var(–line);border-radius:18px;box-shadow:var(–shadow-sm);overflow:clip}

.emil-rg .author{padding:18px 20px 16px;text-align:center;position:relative;background:linear-gradient(180deg,var(–sand) 0%,#fff 62%)} .emil-rg .author .a-avatar{ width:56px;height:56px;border-radius:50%;margin:0 auto 10px;overflow:clip; box-shadow:0 10px 26px -10px rgba(160,120,50,.7);border:3px solid #fff; } .emil-rg .author .a-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover} .emil-rg .a-eyebrow{font-family:var(–fd);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(–gold-deep);margin-bottom:6px} .emil-rg .author-name{font-weight:800;font-size:18px;color:var(–ink);letter-spacing:-.01em} .emil-rg .a-role{font-size:13.5px;color:var(–taupe);font-weight:600;margin-bottom:6px} .emil-rg .a-bio{font-size:12.5px;line-height:1.5;color:var(–grey);margin-bottom:12px} .emil-rg .a-links{display:flex;gap:10px;justify-content:center} .emil-rg .a-links a{ width:38px;height:38px;border-radius:10px;background:var(–sand);display:grid;place-items:center; transition:background .2s,transform .2s;border:1px solid var(–line); } .emil-rg .a-links a:hover{background:var(–gold-ghost);transform:translateY(-2px)} .emil-rg .a-links a svg{width:18px;height:18px;fill:var(–taupe)}

.emil-rg .rel-head{padding:17px 22px 2px;font-family:var(–fd);font-weight:800;font-size:15.5px;color:var(–ink);display:flex;align-items:center;gap:10px} .emil-rg .rel-head::before{content:““;width:20px;height:3px;border-radius:3px;background:var(–gold-deep)} .emil-rg .rel-list{padding:6px 12px 12px} .emil-rg .rel{display:flex;gap:13px;align-items:center;padding:7px 10px;border-radius:12px;transition:background .2s} .emil-rg .rel:hover{background:var(–sand)} .emil-rg .rel-thumb{flex-shrink:0;width:56px;height:56px;border-radius:11px;overflow:clip;box-shadow:var(–shadow-sm)} .emil-rg .rel-thumb svg{width:100%;height:100%} .emil-rg .rel-cat{font-family:var(–fd);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(–gold-deep);margin-bottom:3px} .emil-rg .rel-title{font-family:var(–fd);font-weight:600;font-size:14.5px;line-height:1.32;color:var(–ink);transition:color .2s} .emil-rg .rel:hover .rel-title{color:var(–taupe)}

.emil-rg .side-cta{background:linear-gradient(180deg,#fff,var(–sand));border:1px solid var(–line);color:var(–ink);padding:14px 18px;text-align:center;border-radius:18px;box-shadow:var(–shadow-sm);position:relative;overflow:clip} .emil-rg .side-cta::after{content:““;position:absolute;left:-40px;bottom:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(23,163,90,.10),transparent 70%)} .emil-rg .side-cta .sc-ico{width:44px;height:44px;border-radius:12px;background:rgba(23,163,90,.12);display:grid;place-items:center;margin:0 auto 10px;position:relative} .emil-rg .side-cta .sc-ico svg{width:24px;height:24px;stroke:var(–go)} .emil-rg .side-cta h4{font-family:var(–fd);font-weight:800;font-size:18px;color:var(–ink);margin-bottom:6px;position:relative} .emil-rg .side-cta p{font-size:13.5px;color:var(–grey);line-height:1.5;margin-bottom:13px;position:relative} .emil-rg .side-cta .btn{position:relative;width:100%;justify-content:center}

@media(max-width:980px){ .emil-rg .hero-inner{grid-template-columns:1fr;gap:36px;padding:48px 24px 52px} .emil-rg .hero-art{max-width:520px;margin:0 auto;order:-1} .emil-rg .layout{grid-template-columns:1fr;gap:44px;padding:48px 24px 32px} .emil-rg .sidebar{align-self:start;position:static;flex-direction:column} } @media(max-width:560px){ .emil-rg{font-size:16px} .emil-rg .hero-inner{padding:38px 18px 44px} .emil-rg .layout{padding:40px 18px 24px} .emil-rg .areas,.emil-rg .compare,.emil-rg .costs{grid-template-columns:1fr} .emil-rg .fazit-cta,.emil-rg .protect{padding:26px 22px} .emil-rg .post-author{flex-direction:column;text-align:center;gap:14px} .emil-rg .pa-links{flex-direction:row;justify-content:center} .emil-rg .byline-sep{display:none} } @media(max-height:710px) and (min-width:981px){ .emil-rg .sidebar{align-self:start;position:static} } </style>

<div class=“emil-rg“>

<!– ============ HERO (full width) ============ –> <section class=“hero“> <div class=“hero-inner“> <div class=“hero-copy“> <span class=“eyebrow“>Ratgeber &middot; Website &amp; SEO</span> <h1>Was ist WordPress? Der <span class=“hl“>Einsteiger-Guide</span></h1> <p class=“lede“>Fast jede zweite Website l&auml;uft mit WordPress &ndash; doch was steckt eigentlich dahinter? Dieser Guide erkl&auml;rt verst&auml;ndlich, wie das System funktioniert und f&uuml;r wen es sich lohnt.</p> <div class=“byline“> <div class=“avatar“><img src=“https://www.agentur-emilian.de/wp-content/uploads/2024/07/alexandra.png“ alt=“Alexandra Buckard“></div> <div class=“byline-txt“> <strong>Alexandra Buckard</strong> <span>Gesch&auml;ftsf&uuml;hrerin &middot; Agentur Emilian</span> </div> <div class=“byline-sep“></div> <div class=“byline-meta“><b>2. Juli 2026</b><br>8 Min. Lesezeit</div> </div> </div>

<div class=“hero-art“ aria-hidden=“true“> <svg viewBox=“0 0 520 440″ xmlns=“http://www.w3.org/2000/svg“> <defs> <linearGradient id=“gGold“ x1=“0″ y1=“0″ x2=“1″ y2=“1″> <stop offset=“0″ stop-color=“#f0dcc2″/><stop offset=“1″ stop-color=“#c9a877″/> </linearGradient> <linearGradient id=“gInk“ x1=“0″ y1=“0″ x2=“0″ y2=“1″> <stop offset=“0″ stop-color=“#1c1a17″/><stop offset=“1″ stop-color=“#2c2822″/> </linearGradient> <linearGradient id=“gLine“ x1=“0″ y1=“1″ x2=“1″ y2=“0″> <stop offset=“0″ stop-color=“#c9a877″/><stop offset=“1″ stop-color=“#e5caad“/> </linearGradient> <filter id=“soft“ x=“-20%“ y=“-20%“ width=“140%“ height=“140%“> <feDropShadow dx=“0″ dy=“14″ stdDeviation=“16″ flood-color=“#7a5c20″ flood-opacity=“0.20″/> </filter> </defs> <circle cx=“430″ cy=“70″ r=“70″ fill=“#f3e8d8″/> <circle cx=“70″ cy=“360″ r=“46″ fill=“#efe5d6″/> <g opacity=“0.5″ transform=“translate(24 92) rotate(-6 130 120)“> <rect x=“0″ y=“0″ width=“250″ height=“200″ rx=“16″ fill=“#fff“ stroke=“#e4d8c4″ stroke-width=“2″/> <rect x=“0″ y=“0″ width=“250″ height=“34″ rx=“16″ fill=“#efe5d6″/> <rect x=“0″ y=“24″ width=“250″ height=“12″ fill=“#efe5d6″/> <circle cx=“18″ cy=“17″ r=“4″ fill=“#cfc2ab“/><circle cx=“33″ cy=“17″ r=“4″ fill=“#cfc2ab“/><circle cx=“48″ cy=“17″ r=“4″ fill=“#cfc2ab“/> <rect x=“22″ y=“56″ width=“120″ height=“12″ rx=“6″ fill=“#e0d3bd“/> <rect x=“22″ y=“80″ width=“180″ height=“8″ rx=“4″ fill=“#eadfcb“/> <rect x=“22″ y=“96″ width=“150″ height=“8″ rx=“4″ fill=“#eadfcb“/> <rect x=“22″ y=“128″ width=“60″ height=“30″ rx=“8″ fill=“#e0d3bd“/> </g> <g filter=“url(#soft)“ transform=“translate(150 128)“> <rect x=“0″ y=“0″ width=“330″ height=“250″ rx=“20″ fill=“#fff“ stroke=“#efe5d6″ stroke-width=“2″/> <rect x=“0″ y=“0″ width=“330″ height=“44″ rx=“20″ fill=“url(#gInk)“/> <rect x=“0″ y=“30″ width=“330″ height=“14″ fill=“#2c2822″/> <circle cx=“24″ cy=“22″ r=“5″ fill=“#e5caad“/><circle cx=“43″ cy=“22″ r=“5″ fill=“#8a7a5f“/><circle cx=“62″ cy=“22″ r=“5″ fill=“#5f5748″/> <rect x=“92″ y=“14″ width=“216″ height=“16″ rx=“8″ fill=“#3a352d“/> <rect x=“26″ y=“66″ width=“52″ height=“10″ rx=“5″ fill=“#141316″/> <rect x=“230″ y=“64″ width=“74″ height=“20″ rx=“10″ fill=“url(#gGold)“/> <rect x=“26″ y=“104″ width=“130″ height=“120″ rx=“12″ fill=“#faf6ef“ stroke=“#efe5d6″/> <rect x=“168″ y=“104″ width=“136″ height=“56″ rx=“10″ fill=“#faf6ef“ stroke=“#efe5d6″/> <rect x=“168″ y=“168″ width=“136″ height=“56″ rx=“10″ fill=“#faf6ef“ stroke=“#efe5d6″/> <rect x=“42″ y=“122″ width=“98″ height=“10″ rx=“5″ fill=“#e0d3bd“/> <rect x=“42″ y=“142″ width=“80″ height=“8″ rx=“4″ fill=“#eadfcb“/> <rect x=“42″ y=“158″ width=“88″ height=“8″ rx=“4″ fill=“#eadfcb“/> <rect x=“42″ y=“192″ width=“60″ height=“20″ rx=“10″ fill=“url(#gGold)“/> <rect x=“184″ y=“122″ width=“70″ height=“8″ rx=“4″ fill=“#eadfcb“/> <rect x=“184″ y=“138″ width=“52″ height=“8″ rx=“4″ fill=“#eadfcb“/> <rect x=“184″ y=“186″ width=“70″ height=“8″ rx=“4″ fill=“#eadfcb“/> <rect x=“184″ y=“202″ width=“52″ height=“8″ rx=“4″ fill=“#eadfcb“/> </g> <g transform=“translate(120 236)“> <circle cx=“0″ cy=“0″ r=“26″ fill=“url(#gGold)“ filter=“url(#soft)“/> <path d=“M0 -11a11 11 0 100 22 11 11 0 000 -22M-8 -3h16M-8 3h16M-2 -10c-3 6-3 14 0 20M2 -10c3 6 3 14 0 20″ fill=“none“ stroke=“#141316″ stroke-width=“2.2″ stroke-linecap=“round“ stroke-linejoin=“round“/> </g> <g transform=“translate(392 300)“> <rect x=“0″ y=“0″ width=“96″ height=“52″ rx=“14″ fill=“#141316″ filter=“url(#soft)“/> <text x=“15″ y=“24″ font-family=“Sofia Sans,sans-serif“ font-size=“17″ font-weight=“800″ fill=“#e5caad“>~43 %</text> <text x=“15″ y=“41″ font-family=“Helvetica,sans-serif“ font-size=“10″ fill=“#c9c1b4″>aller Websites</text> </g> </svg> </div> </div> </section>

<!– ============ TWO-COLUMN LAYOUT ============ –> <div class=“layout“>

<!– ———- ARTICLE ———- –> <article class=“article“>

<div class=“takeaway“> <div class=“lbl“>Das Wichtigste in K&uuml;rze</div> <ul> <li><strong>Was es ist:</strong> WordPress ist ein kostenloses, quelloffenes Content-Management-System zum Erstellen von Websites.</li> <li><strong>Wie verbreitet:</strong> rund 43 % aller Websites weltweit laufen mit WordPress &ndash; klarer Marktf&uuml;hrer.</li> <li><strong>Ihr Nutzen:</strong> eine flexible Basis f&uuml;r Websites, Blogs und Onlineshops &ndash; ohne Programmierkenntnisse.</li> </ul> </div>

<p>Wenn Sie sich mit dem Thema Website besch&auml;ftigen, f&uuml;hrt an einem Begriff kein Weg vorbei: WordPress. Doch hinter dem Namen verbirgt sich f&uuml;r viele Einsteiger ein Fragezeichen. Dieser Guide erkl&auml;rt Ihnen in verst&auml;ndlicher Sprache, was WordPress ist, wie es funktioniert und f&uuml;r wen es sich lohnt.</p>

<h2>Was ist WordPress &uuml;berhaupt?</h2> <p>WordPress ist ein <strong>Content-Management-System</strong>, kurz CMS. Ein CMS ist eine Software, mit der Sie Inhalte einer Website &ndash; also Texte, Bilder, Videos oder ganze Seiten &ndash; erstellen, bearbeiten und verwalten k&ouml;nnen, ohne selbst programmieren zu m&uuml;ssen. Statt HTML-Code von Hand zu schreiben, pflegen Sie Ihre Inhalte bequem &uuml;ber eine grafische Oberfl&auml;che, &auml;hnlich wie in einem Textverarbeitungsprogramm.</p> <p>Urspr&uuml;nglich 2003 als reine Blog-Software gestartet, hat sich WordPress zu einem vollwertigen Baukasten f&uuml;r nahezu jede Art von Website entwickelt. Heute ist es das mit Abstand meistgenutzte CMS der Welt: Laut &ouml;ffentlich zug&auml;nglichen Erhebungen laufen <strong>rund 43 % aller Websites weltweit</strong> mit WordPress &ndash; unter den Websites, die &uuml;berhaupt ein CMS einsetzen, betr&auml;gt der Marktanteil sogar &uuml;ber 60 %.</p> <p>Der Grund f&uuml;r diese Dominanz liegt in einem einfachen Prinzip: WordPress ist <strong>Open Source</strong> und damit kostenlos. Jeder darf die Software frei nutzen, anpassen und weiterentwickeln. Dahinter steht keine gewinnorientierte Firma allein, sondern eine weltweite Gemeinschaft aus Entwicklern, die das System kontinuierlich verbessert.</p>

<div class=“areas“> <div class=“area“> <div class=“ico“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-width=“1.8″ stroke-linecap=“round“ stroke-linejoin=“round“><path d=“M5 4h14a1 1 0 011 1v14a1 1 0 01-1 1H5a1 1 0 01-1-1V5a1 1 0 011-1z“/><path d=“M8 9h8M8 13h8M8 17h5″/></svg></div> <div class=“card-title“>Inhalte verwalten</div> <p>Seiten und Beitr&auml;ge erstellen, bearbeiten und ver&ouml;ffentlichen &ndash; ganz ohne Code.</p> </div> <div class=“area“> <div class=“ico“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-width=“1.8″ stroke-linecap=“round“ stroke-linejoin=“round“><path d=“M12 19l7-7a5 5 0 00-7-7l-7 7″/><path d=“M9 3l-6 6a5 5 0 007 7″/><circle cx=“8.5″ cy=“15.5″ r=“1.5″/></svg></div> <div class=“card-title“>Design anpassen</div> <p>&Uuml;ber Themes bestimmen Sie das Aussehen Ihrer Website mit wenigen Klicks.</p> </div> <div class=“area“> <div class=“ico“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-width=“1.8″ stroke-linecap=“round“ stroke-linejoin=“round“><rect x=“3″ y=“3″ width=“7″ height=“7″ rx=“1.5″/><rect x=“14″ y=“3″ width=“7″ height=“7″ rx=“1.5″/><rect x=“3″ y=“14″ width=“7″ height=“7″ rx=“1.5″/><rect x=“14″ y=“14″ width=“7″ height=“7″ rx=“1.5″/></svg></div> <div class=“card-title“>Funktionen erweitern</div> <p>Plugins r&uuml;sten neue F&auml;higkeiten nach &ndash; von Kontaktformular bis Onlineshop.</p> </div> <div class=“area“> <div class=“ico“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-width=“1.8″ stroke-linecap=“round“ stroke-linejoin=“round“><circle cx=“12″ cy=“8″ r=“4″/><path d=“M4 20a8 8 0 0116 0″/></svg></div> <div class=“card-title“>Nutzer verwalten</div> <p>Mehrere Personen mit unterschiedlichen Rechten arbeiten gemeinsam an einer Seite.</p> </div> </div>

<h2>WordPress.org oder WordPress.com &ndash; wo ist der Unterschied?</h2> <p>Hier stolpern die meisten Einsteiger, denn WordPress gibt es in zwei Varianten mit fast identischem Namen. Der Unterschied ist aber entscheidend f&uuml;r Ihre Freiheit und Kontrolle:</p> <div class=“compare“> <div class=“cc redesign“> <span class=“tag“>WordPress.org</span> <p>Die kostenlose Software zum Selbst-Hosten. Sie laden WordPress herunter und installieren es bei einem Hoster Ihrer Wahl. Volle Kontrolle &uuml;ber Design, Plugins und Daten &ndash; die Standardwahl f&uuml;r professionelle Websites.</p> </div> <div class=“cc relaunch“> <span class=“tag“>WordPress.com</span> <p>Ein gehosteter Service der Firma Automattic. Hosting und Wartung sind inklusive, daf&uuml;r gibt es je nach Tarif Einschr&auml;nkungen bei Plugins, Themes und eigener Werbung. Bequem, aber weniger flexibel.</p> </div> </div> <p>Wenn in diesem Guide &ndash; und in der Praxis &ndash; von WordPress die Rede ist, ist fast immer die selbst gehostete Variante <strong>WordPress.org</strong> gemeint. Sie brauchen daf&uuml;r lediglich einen <a class=“inline“ href=“https://www.agentur-emilian.de/wordpress-hosting/“>passenden Hoster</a> und eine Domain, dann geh&ouml;rt Ihnen die Website vollst&auml;ndig.</p>

<h2>Wof&uuml;r eignet sich WordPress?</h2> <p>WordPress ist l&auml;ngst mehr als eine Blog-Plattform. Durch seine Flexibilit&auml;t deckt es heute nahezu jeden Website-Typ ab. Die h&auml;ufigsten Einsatzgebiete:</p> <ul> <li><strong>Unternehmenswebsites:</strong> Von der Handwerker-Homepage bis zum mittelst&auml;ndischen Auftritt &ndash; die klassische Visitenkarte im Netz.</li> <li><strong>Blogs &amp; Magazine:</strong> Der urspr&uuml;ngliche Zweck von WordPress und bis heute eine seiner gr&ouml;&szlig;ten St&auml;rken.</li> <li><strong>Onlineshops:</strong> Mit dem kostenlosen Plugin <strong>WooCommerce</strong> wird aus WordPress ein vollwertiger Shop mit Warenkorb, Zahlungsarten und Versand.</li> <li><strong>Portfolios &amp; Landingpages:</strong> Ob Fotograf, Designerin oder Kampagnenseite &ndash; auch f&uuml;r kompakte Auftritte geeignet.</li> <li><strong>Mitglieder- &amp; Buchungsseiten:</strong> Vereine, Kurse oder Terminbuchungen lassen sich per Plugin abbilden.</li> </ul> <p>Diese Vielseitigkeit macht WordPress zur ersten Wahl, wenn eine Website mit dem eigenen Vorhaben mitwachsen soll.</p>

<h2>Wie funktioniert WordPress technisch?</h2> <p>Um WordPress zu verstehen, hilft ein Blick auf die drei Bausteine, aus denen jede WordPress-Website besteht. Zusammen ergeben sie ein flexibles System aus einem Kern, einem Design und beliebig vielen Zusatzfunktionen.</p>

<div class=“timeline“> <div class=“tl-step“><div class=“tl-node“>1</div><div class=“tl-body“><div class=“tl-title“>Der WordPress-Kern</div><p>Die eigentliche Software, die Sie installieren. Sie verwaltet Inhalte, Nutzer und Datenbank und liefert den Editor, mit dem Sie arbeiten. Der Kern wird regelm&auml;&szlig;ig aktualisiert.</p></div></div> <div class=“tl-step“><div class=“tl-node“>2</div><div class=“tl-body“><div class=“tl-title“>Themes (Design)</div><p>Ein Theme bestimmt das Aussehen und Layout Ihrer Website. Es gibt tausende kostenlose und kostenpflichtige Themes &ndash; ausgetauscht ist das Design mit wenigen Klicks, ohne die Inhalte zu verlieren.</p></div></div> <div class=“tl-step“><div class=“tl-node“>3</div><div class=“tl-body“><div class=“tl-title“>Plugins (Funktionen)</div><p>Plugins sind Erweiterungen, die neue F&auml;higkeiten nachr&uuml;sten: Kontaktformulare, SEO-Werkzeuge, Sicherheits-Tools oder eben ein kompletter Onlineshop. &Uuml;ber 60.000 kostenlose Plugins stehen bereit.</p></div></div> <div class=“tl-step“><div class=“tl-node“>4</div><div class=“tl-body“><div class=“tl-title“>Der Gutenberg-Editor</div><p>Seit einigen Jahren arbeiten Sie mit dem Block-Editor &bdquo;Gutenberg&ldquo;: Inhalte entstehen aus einzelnen Bl&ouml;cken f&uuml;r Text, Bild, Button oder Spalten, die Sie frei zusammenstellen &ndash; wie mit Bausteinen.</p></div></div> </div>

<p>Wer tiefer in die Gestaltung einsteigen m&ouml;chte, greift oft zu einem Page-Builder wie <a class=“inline“ href=“https://www.agentur-emilian.de/elementor/“>Elementor</a>, der das Bauen komplexer Layouts per Drag-and-drop noch komfortabler macht. Zwingend notwendig ist das aber nicht &ndash; der eingebaute Gutenberg-Editor reicht f&uuml;r die meisten Websites v&ouml;llig aus.</p>

<h2>Welche Vor- und Nachteile hat WordPress?</h2> <p>Kein System ist perfekt f&uuml;r jeden Zweck. Damit Sie eine fundierte Entscheidung treffen k&ouml;nnen, hier die wichtigsten St&auml;rken und Schw&auml;chen ehrlich gegen&uuml;bergestellt.</p>

<div class=“protect“> <div class=“ph“> <svg viewBox=“0 0 24 24″ fill=“none“ stroke-width=“1.8″ stroke-linecap=“round“ stroke-linejoin=“round“><path d=“M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z“/><path d=“M9 12l2 2 4-4″/></svg> <h3>Das spricht f&uuml;r WordPress</h3> </div> <p>Die St&auml;rken, die WordPress zum meistgenutzten CMS der Welt gemacht haben.</p> <ul> <li><strong>Kostenlos &amp; Open Source:</strong> Die Software selbst kostet nichts, Sie zahlen nur f&uuml;r Hosting, Domain und optionale Erweiterungen.</li> <li><strong>Riesige Auswahl:</strong> Zehntausende Themes und Plugins decken nahezu jeden Bedarf ab &ndash; oft ohne einen Cent Zusatzkosten.</li> <li><strong>Keine Programmierkenntnisse n&ouml;tig:</strong> Inhalte pflegen Sie selbst&auml;ndig &uuml;ber eine verst&auml;ndliche Oberfl&auml;che.</li> <li><strong>SEO-freundlich:</strong> WordPress ist von Haus aus suchmaschinenfreundlich und l&auml;sst sich mit Plugins gezielt f&uuml;rs Ranking optimieren.</li> <li><strong>Gro&szlig;e Community:</strong> Zu fast jeder Frage gibt es Antworten, Anleitungen und Hilfe &ndash; und viele Fachleute, die WordPress beherrschen.</li> </ul> </div>

<p>Diesen St&auml;rken stehen einige Punkte gegen&uuml;ber, die Sie kennen sollten: WordPress braucht <strong>regelm&auml;&szlig;ige Pflege</strong>. Kern, Themes und Plugins m&uuml;ssen aktuell gehalten werden &ndash; nicht zuletzt aus Sicherheitsgr&uuml;nden, denn die weite Verbreitung macht WordPress zu einem beliebten Ziel f&uuml;r Angriffe. Auch kann eine schlecht gew&auml;hlte Kombination aus vielen Plugins die Ladezeit bremsen. Beides l&auml;sst sich mit der richtigen Konfiguration und einer soliden <a class=“inline“ href=“https://www.agentur-emilian.de/wordpress-seo/“>WordPress-SEO-Grundlage</a> gut in den Griff bekommen &ndash; es erfordert aber etwas Aufmerksamkeit.</p>

<h2>F&uuml;r wen lohnt sich WordPress?</h2> <p>WordPress ist eine hervorragende Wahl f&uuml;r fast jedes Website-Projekt &ndash; besonders in diesen F&auml;llen zahlt sich das System aus:</p>

<div class=“checklist“> <div class=“lbl“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-width=“1.8″ stroke-linecap=“round“ stroke-linejoin=“round“><path d=“M9 11l3 3L22 4″/><path d=“M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11″/></svg>WordPress passt zu Ihnen, wenn &hellip;</div> <div class=“check-grid“> <div class=“check-item“><span class=“check-box“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-linecap=“round“ stroke-linejoin=“round“><polyline points=“20 6 9 17 4 12″/></svg></span>Sie Inhalte sp&auml;ter selbst pflegen und aktualisieren m&ouml;chten, ohne von einer Agentur abh&auml;ngig zu sein.</div> <div class=“check-item“><span class=“check-box“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-linecap=“round“ stroke-linejoin=“round“><polyline points=“20 6 9 17 4 12″/></svg></span>Ihre Website mit dem Unternehmen mitwachsen soll &ndash; von der Visitenkarte bis zum Onlineshop.</div> <div class=“check-item“><span class=“check-box“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-linecap=“round“ stroke-linejoin=“round“><polyline points=“20 6 9 17 4 12″/></svg></span>Sie volle Kontrolle &uuml;ber Design, Daten und Funktionen behalten wollen.</div> <div class=“check-item“><span class=“check-box“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-linecap=“round“ stroke-linejoin=“round“><polyline points=“20 6 9 17 4 12″/></svg></span>Sie regelm&auml;&szlig;ig neue Inhalte wie Blogbeitr&auml;ge oder Ratgeber ver&ouml;ffentlichen m&ouml;chten.</div> <div class=“check-item“><span class=“check-box“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-linecap=“round“ stroke-linejoin=“round“><polyline points=“20 6 9 17 4 12″/></svg></span>Sie eine kosteneffiziente, zukunftssichere Basis suchen, f&uuml;r die es viele Fachleute gibt.</div> </div> </div> <p>F&uuml;r sehr einfache, statische Ein-Seiten-Auftritte kann ein schlanker Baukasten reichen, und f&uuml;r hochspezialisierte Anwendungen gibt es Alternativen wie <a class=“inline“ href=“https://www.agentur-emilian.de/wordpress-oder-typo3/“>TYPO3</a>. F&uuml;r die gro&szlig;e Mehrheit kleiner und mittlerer Unternehmen ist WordPress jedoch die flexibelste und wirtschaftlichste L&ouml;sung.</p>

<h2>Fazit</h2> <p>WordPress ist ein kostenloses, quelloffenes Content-Management-System, mit dem sich vom einfachen Blog bis zum Onlineshop nahezu jede Website realisieren l&auml;sst &ndash; ohne Programmierkenntnisse und mit voller Kontrolle &uuml;ber Design und Daten. Der Erfolg gibt dem System recht: Rund 43 % aller Websites weltweit setzen darauf. Die St&auml;rken &ndash; Flexibilit&auml;t, riesige Auswahl an Themes und Plugins, SEO-Freundlichkeit und eine gro&szlig;e Community &ndash; &uuml;berwiegen den Pflegeaufwand deutlich. Wer eine Website plant, die mitwachsen und selbst pflegbar sein soll, trifft mit WordPress eine sichere Entscheidung.</p>

<div class=“fazit-cta“ id=“kontakt“> <h3>Websites, die bei Google, ChatGPT &amp; Co. gefunden werden</h3> <p>Wir bauen und betreuen WordPress-Websites, die nicht nur gut aussehen, sondern gefunden werden &ndash; und aus Besuchern Anfragen machen. Von der Einrichtung &uuml;ber Design und SEO bis zur laufenden Pflege, alles aus einer Hand.</p> <a href=“https://www.agentur-emilian.de/kontakt/“ class=“btn btn-go“>Kostenloses Erstgespr&auml;ch <svg viewBox=“0 0 24 24″ fill=“none“ stroke=“currentColor“ stroke-width=“2.4″ stroke-linecap=“round“ stroke-linejoin=“round“><path d=“M5 12h14M13 6l6 6-6 6″/></svg> </a> </div>

<div class=“post-author“> <div class=“pa-avatar“><img src=“https://www.agentur-emilian.de/wp-content/uploads/2024/07/alexandra.png“ alt=“Alexandra Buckard“></div> <div class=“pa-body“> <span class=“pa-eyebrow“>Geschrieben von</span> <div class=“pa-name“>Alexandra Buckard</div> <div class=“pa-role“>Gesch&auml;ftsf&uuml;hrerin &middot; Agentur Emilian</div> <p class=“pa-bio“>Alexandra begeistert sich f&uuml;r Websites und Onlineshops, die nicht nur sch&ouml;n aussehen, sondern messbar Anfragen und Umsatz bringen. WordPress und SEO geh&ouml;ren zu ihren Steckenpferden.</p> </div> <div class=“pa-links“> <a href=“https://www.agentur-emilian.de/kontakt/“ aria-label=“LinkedIn“><svg viewBox=“0 0 24 24″><path d=“M4.98 3.5a2.5 2.5 0 11-.02 5 2.5 2.5 0 01.02-5zM3 9h4v12H3zM9 9h3.8v1.7h.05c.53-1 1.83-2.05 3.77-2.05C20.3 8.65 22 10.9 22 14.6V21h-4v-5.7c0-1.36-.02-3.1-1.9-3.1-1.9 0-2.2 1.48-2.2 3v5.8H9z“/></svg></a> <a href=“https://www.agentur-emilian.de/kontakt/“ aria-label=“E-Mail“><svg viewBox=“0 0 24 24″><path d=“M3 5h18a1 1 0 011 1v12a1 1 0 01-1 1H3a1 1 0 01-1-1V6a1 1 0 011-1zm9 7L4 7v1l8 5 8-5V7z“/></svg></a> </div> </div>

</article>

<!– ———- SIDEBAR ———- –> <aside class=“sidebar“>

<!– Author box –> <div class=“side-card author“> <div class=“a-avatar“><img src=“https://www.agentur-emilian.de/wp-content/uploads/2024/07/alexandra.png“ alt=“Alexandra Buckard“></div> <div class=“a-eyebrow“>Ihre Ansprechpartnerin</div> <div class=“author-name“>Alexandra Buckard</div> <div class=“a-role“>Gesch&auml;ftsf&uuml;hrerin &middot; Agentur Emilian</div> <p class=“a-bio“>Berät Unternehmen zu Website, SEO und Google Ads &ndash; damit aus Besuchern messbar Anfragen werden.</p> <div class=“a-links“> <a href=“https://www.agentur-emilian.de/kontakt/“ aria-label=“LinkedIn“><svg viewBox=“0 0 24 24″><path d=“M4.98 3.5a2.5 2.5 0 11-.02 5 2.5 2.5 0 01.02-5zM3 9h4v12H3zM9 9h3.8v1.7h.05c.53-1 1.83-2.05 3.77-2.05C20.3 8.65 22 10.9 22 14.6V21h-4v-5.7c0-1.36-.02-3.1-1.9-3.1-1.9 0-2.2 1.48-2.2 3v5.8H9z“/></svg></a> <a href=“https://www.agentur-emilian.de/kontakt/“ aria-label=“E-Mail“><svg viewBox=“0 0 24 24″><path d=“M3 5h18a1 1 0 011 1v12a1 1 0 01-1 1H3a1 1 0 01-1-1V6a1 1 0 011-1zm9 7L4 7v1l8 5 8-5V7z“/></svg></a> </div> </div>

<!– Sidebar CTA –> <div class=“side-cta“> <div class=“sc-ico“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-width=“1.8″ stroke-linecap=“round“ stroke-linejoin=“round“><path d=“M13 2L3 14h7l-1 8 10-12h-7z“/></svg></div> <h4>Websites, die bei Google, ChatGPT &amp; Co. gefunden werden</h4> <p>Wir bauen und betreuen WordPress-Websites, die gefunden werden &ndash; und aus Besuchern Anfragen machen.</p> <a href=“https://www.agentur-emilian.de/kontakt/“ class=“btn btn-go“>Kostenloses Erstgespr&auml;ch</a> </div>

<!– Related articles: Weitere Ratgeber –> <div class=“side-card“> <div class=“rel-head“>Weitere Ratgeber</div> <div class=“rel-list“>

<a class=“rel“ href=“https://www.agentur-emilian.de/wordpress-plugins/“> <div class=“rel-thumb“> <svg viewBox=“0 0 66 66″ xmlns=“http://www.w3.org/2000/svg“><rect width=“66″ height=“66″ fill=“#f8f3ec“/><rect x=“20″ y=“20″ width=“26″ height=“26″ rx=“4″ fill=“#fff“ stroke=“#c9a877″ stroke-width=“2″/><path d=“M28 20v-6M38 20v-6M28 46v6M38 46v6M20 28h-6M20 38h-6M46 28h6M46 38h6″ stroke=“#e5caad“ stroke-width=“2.4″ stroke-linecap=“round“/><path d=“M29 33h8M33 29v8″ stroke=“#141316″ stroke-width=“2.4″ stroke-linecap=“round“/></svg> </div> <div><div class=“rel-cat“>Plugins</div><div class=“rel-title“>WordPress-Plugins: Die wichtigsten f&uuml;r jede Website</div></div> </a>

<a class=“rel“ href=“https://www.agentur-emilian.de/wordpress-hosting/“> <div class=“rel-thumb“> <svg viewBox=“0 0 66 66″ xmlns=“http://www.w3.org/2000/svg“><rect width=“66″ height=“66″ fill=“#efe5d6″/><rect x=“16″ y=“18″ width=“34″ height=“12″ rx=“3″ fill=“#fff“ stroke=“#c9a877″ stroke-width=“2″/><rect x=“16″ y=“36″ width=“34″ height=“12″ rx=“3″ fill=“#fff“ stroke=“#e5caad“ stroke-width=“2″/><circle cx=“23″ cy=“24″ r=“2.4″ fill=“#c9a877″/><circle cx=“23″ cy=“42″ r=“2.4″ fill=“#e5caad“/><path d=“M31 24h13M31 42h13″ stroke=“#eadfcb“ stroke-width=“2.4″ stroke-linecap=“round“/></svg> </div> <div><div class=“rel-cat“>Technik</div><div class=“rel-title“>WordPress-Hosting: Worauf es ankommt</div></div> </a>

<a class=“rel“ href=“https://www.agentur-emilian.de/wix-oder-wordpress/“> <div class=“rel-thumb“> <svg viewBox=“0 0 66 66″ xmlns=“http://www.w3.org/2000/svg“><rect width=“66″ height=“66″ fill=“#f8f3ec“/><rect x=“12″ y=“22″ width=“18″ height=“22″ rx=“3″ fill=“#fff“ stroke=“#c9a877″ stroke-width=“2″/><rect x=“36″ y=“22″ width=“18″ height=“22″ rx=“3″ fill=“#fff“ stroke=“#e5caad“ stroke-width=“2″/><text x=“33″ y=“37″ font-family=“Sofia Sans,sans-serif“ font-size=“10″ font-weight=“800″ fill=“#876e55″ text-anchor=“middle“>vs</text></svg> </div> <div><div class=“rel-cat“>Vergleich</div><div class=“rel-title“>Wix oder WordPress? Der ehrliche Vergleich</div></div> </a>

<a class=“rel“ href=“https://www.agentur-emilian.de/wordpress-oder-typo3/“> <div class=“rel-thumb“> <svg viewBox=“0 0 66 66″ xmlns=“http://www.w3.org/2000/svg“><rect width=“66″ height=“66″ fill=“#efe5d6″/><path d=“M20 44V24a13 13 0 0126 0v20″ fill=“none“ stroke=“#c9a877″ stroke-width=“2.4″/><circle cx=“20″ cy=“44″ r=“4″ fill=“#fff“ stroke=“#e5caad“ stroke-width=“2.2″/><circle cx=“46″ cy=“44″ r=“4″ fill=“#fff“ stroke=“#c9a877″ stroke-width=“2.2″/></svg> </div> <div><div class=“rel-cat“>Vergleich</div><div class=“rel-title“>WordPress oder TYPO3: Welches CMS passt?</div></div> </a>

<a class=“rel“ href=“https://www.agentur-emilian.de/wordpress-seo/“> <div class=“rel-thumb“> <svg viewBox=“0 0 66 66″ xmlns=“http://www.w3.org/2000/svg“><rect width=“66″ height=“66″ fill=“#f8f3ec“/><circle cx=“29″ cy=“29″ r=“12″ fill=“#fff“ stroke=“#c9a877″ stroke-width=“2.6″/><path d=“M38 38l9 9″ stroke=“#141316″ stroke-width=“2.8″ stroke-linecap=“round“/><path d=“M24 30l4 4 8-9″ fill=“none“ stroke=“#e5caad“ stroke-width=“2.4″ stroke-linecap=“round“ stroke-linejoin=“round“/></svg> </div> <div><div class=“rel-cat“>SEO</div><div class=“rel-title“>WordPress-SEO: Grundlagen f&uuml;r bessere Rankings</div></div> </a>

</div> </div>

</aside> </div>

</div> <!– /wp:html –>