{"id":56,"date":"2026-02-15T22:27:24","date_gmt":"2026-02-15T13:27:24","guid":{"rendered":"https:\/\/pixalia.me\/media\/?page_id=56"},"modified":"2026-02-17T11:40:07","modified_gmt":"2026-02-17T02:40:07","slug":"plugin-lp-ja","status":"publish","type":"page","link":"https:\/\/pixalia.me\/media\/plugin-lp-ja\/","title":{"rendered":"Pixalia\u516c\u5f0f\u30d7\u30e9\u30b0\u30a4\u30f3"},"content":{"rendered":"\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script>\n    tailwind.config = {\n        corePlugins: {\n            preflight: false,\n        }\n    }\n<\/script>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* ------------------------------------------------------- *\/\n    \/* \u3010\u8ffd\u52a0\u3011Lightning\u6a19\u6e96\u306e\u30d1\u30fc\u30c4\u3092\u5f37\u5236\u7684\u306b\u6d88\u3059CSS *\/\n    \/* ------------------------------------------------------- *\/\n\n    \/* 1. \u30b5\u30a4\u30c8\u5168\u4f53\u306e\u30d8\u30c3\u30c0\u30fc\uff08\u30ed\u30b4\u3084\u30e1\u30cb\u30e5\u30fc\uff09\u3092\u6d88\u3059 *\/\n    header.site-header,\n    .site-header,\n    .l-header {\n        display: none !important;\n    }\n\n    \/* 2. \u30da\u30fc\u30b8\u30bf\u30a4\u30c8\u30eb\u304c\u8868\u793a\u3055\u308c\u308b\u30b0\u30ec\u30fc\u306e\u5e2f\uff08\u30da\u30fc\u30b8\u30d8\u30c3\u30c0\u30fc\uff09\u3092\u6d88\u3059 *\/\n    .page-header,\n    .l-page-header {\n        display: none !important;\n    }\n\n    \/* 3. \u30d1\u30f3\u304f\u305a\u30ea\u30b9\u30c8\u3092\u6d88\u3059 *\/\n    .breadCrumb,\n    .l-breadCrumb {\n        display: none !important;\n    }\n\n    \/* 4. \u30b5\u30a4\u30c8\u5168\u4f53\u306e\u30d5\u30c3\u30bf\u30fc\uff08\u30b3\u30d4\u30fc\u30e9\u30a4\u30c8\u7b49\uff09\u3092\u6d88\u3059 *\/\n    \/* \u203bLP\u5185\u306b\u81ea\u524d\u306e\u30d5\u30c3\u30bf\u30fc\u304c\u3042\u308b\u305f\u3081\u3001\u4e8c\u91cd\u8868\u793a\u3092\u9632\u3050 *\/\n    footer.site-footer,\n    .site-footer,\n    .l-footer {\n        display: none !important;\n    }\n\n    \/* 5. \u4f59\u8a08\u306a\u4f59\u767d\u3092\u6d88\u3059\uff08\u30c6\u30fc\u30de\u306b\u3088\u3063\u3066\u5165\u308b\u4e0a\u4e0b\u306e\u9699\u9593\u5bfe\u7b56\uff09 *\/\n    .site-body, .l-main {\n        padding: 0 !important;\n        margin: 0 !important;\n    }\n\n    \/* 6. \u3010\u4fee\u6b63\u7248\u3011\u30b5\u30a4\u30c9\u30d0\u30fc\u3001\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3001\u30dc\u30c7\u30a3\u4e0b\u90e8\u3092\u5f37\u5236\u7684\u306b\u6d88\u3059 *\/\n    .l-sidebar,\n    .sidebar,\n    .widget-area,\n    .footer-widget,\n    .site-footer-sub,\n    #secondary,\n    .site-body-bottom \/* \u2190 \u3053\u308c\u3092\u8ffd\u52a0\uff01 *\/\n    {\n        display: none !important;\n    }\n\n    \/* ------------------------------------------------------- *\/\n    \/* \u4ee5\u4e0b\u3001LP\u672c\u4f53\u306e\u30b9\u30bf\u30a4\u30eb *\/\n    \/* ------------------------------------------------------- *\/\n\n    \/* \u5168\u4f53\u3092\u56f2\u3080\u30e9\u30c3\u30d1\u30fc\u5185\u306e\u307f\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528 *\/\n    #pixalia-lp-root {\n        font-family: 'Noto Sans JP', sans-serif;\n        color: #555A66;\n        line-height: 1.6;\n    }\n\n    \/* \u4ee5\u4e0b\u3001\u5168\u3066\u306e\u30bb\u30ec\u30af\u30bf\u306b #pixalia-lp-root \u3092\u4ed8\u4e0e\u3057\u3066\u8a73\u7d30\u5ea6\u3092\u4e0a\u3052\u3066\u3044\u307e\u3059 *\/\n    #pixalia-lp-root .bg-brand-main {\n        background-color: #5E8FFF;\n    }\n\n    #pixalia-lp-root .text-brand-main {\n        color: #5E8FFF;\n    }\n\n    #pixalia-lp-root .border-brand-main {\n        border-color: #5E8FFF;\n    }\n\n    #pixalia-lp-root .hover\\:bg-brand-main:hover {\n        background-color: #5E8FFF;\n    }\n\n    #pixalia-lp-root .bg-brand-sub {\n        background-color: #748FCC;\n    }\n\n    #pixalia-lp-root .text-brand-sub {\n        color: #748FCC;\n    }\n\n    #pixalia-lp-root .text-brand-dark {\n        color: #555A66;\n    }\n\n    #pixalia-lp-root .text-brand-light {\n        color: #768099;\n    }\n\n    #pixalia-lp-root .bg-brand-light {\n        background-color: #768099;\n    }\n\n    #pixalia-lp-root .bg-brand-accent {\n        background-color: #FF9F1C;\n    }\n\n    #pixalia-lp-root .text-brand-accent {\n        color: #FF9F1C;\n    }\n\n    #pixalia-lp-root .border-brand-accent {\n        border-color: #FF9F1C;\n    }\n\n    #pixalia-lp-root .btn-hover:hover {\n        opacity: 0.9;\n        transform: translateY(-1px);\n        transition: all 0.2s;\n    }\n\n    #pixalia-lp-root .bg-hero-gradient {\n        background: linear-gradient(135deg, #F0F4FF 0%, #E6EEFF 100%);\n    }\n\n    \/* Loading Animation *\/\n    #pixalia-lp-root .loader {\n        border: 3px solid #f3f3f3;\n        border-radius: 50%;\n        border-top: 3px solid #5E8FFF;\n        width: 24px;\n        height: 24px;\n        display: inline-block;\n        vertical-align: middle;\n        -webkit-animation: spin 1s linear infinite;\n        animation: spin 1s linear infinite;\n    }\n\n    @keyframes spin {\n        0% {\n            transform: rotate(0deg);\n        }\n        100% {\n            transform: rotate(360deg);\n        }\n    }\n\n    \/* \u30c6\u30fc\u30de\u306e\u30ea\u30bb\u30c3\u30c8\uff08\u898b\u51fa\u3057\u306e\u4f59\u8a08\u306a\u88c5\u98fe\u3092\u6d88\u3059\uff09 *\/\n    #pixalia-lp-root h1,\n    #pixalia-lp-root h2,\n    #pixalia-lp-root h3,\n    #pixalia-lp-root h4 {\n        border: none !important;\n        padding: 0 !important;\n        background: none !important;\n    }\n    \/* LP\u5185\u306eH3\u306eafter\u88c5\u98fe\u3092\u7121\u52b9\u5316 *\/\n    h3::after {\n        content: none !important;\n        display: none !important;\n    }\n    #pixalia-lp-root ul, #pixalia-lp-root li {\n        list-style: none !important;\n        padding: 0;\n        margin: 5px 0;\n    }\n<\/style>\n\n<div id=\"pixalia-lp-root\" class=\"bg-white relative\">\n    <section class=\"relative bg-hero-gradient py-20 lg:py-32 overflow-hidden\">\n        <div class=\"container mx-auto px-4 max-w-6xl relative z-10\">\n            <div class=\"flex flex-col lg:flex-row items-center gap-12\">\n                <div class=\"lg:w-1\/2 space-y-6\">\n                    <span class=\"inline-block bg-blue-50 text-brand-main text-xs font-bold px-3 py-2 rounded-full border border-blue-100\">WordPress\u516c\u5f0f\u30d7\u30e9\u30b0\u30a4\u30f3<\/span>\n                    <h2 class=\"leading-tight text-4xl text-5xl font-extrabold text-brand-dark pb-2\">\n                        \u30d6\u30ed\u30b0\u306e\u753b\u50cf\u9078\u5b9a\u3001<br>\n                        \u307e\u3060<span class=\"text-brand-main border-b-4 border-brand-accent\/50\">\u81ea\u5206\u3067\u3084\u3063\u3066\u308b\u306e\uff1f<\/span>\n                    <\/h2>\n                    <p class=\"text-lg text-brand-light font-medium\">\n                        \u8a18\u4e8b\u3092\u8aad\u3080AI\u304c\u3001\u6700\u9069\u306a\u30a2\u30a4\u30ad\u30e3\u30c3\u30c1\u30921\u30af\u30ea\u30c3\u30af\u3067\u751f\u6210\n                    <\/p>\n                    <div class=\"flex flex-col sm:flex-row gap-4 pt-4\">\n                        <a href=\"https:\/\/ja.wordpress.org\/plugins\/pixalia-image-assistant\/\" target=\"_blank\">\n                            <button class=\"bg-brand-accent text-white font-bold text-xl px-8 py-4 rounded shadow-lg btn-hover text-center border-0 cursor-pointer\">\n                                \u7121\u6599\u3067\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\n                                <span class=\"block text-xs font-normal opacity-90\">200pt\u30d7\u30ec\u30bc\u30f3\u30c8\u4e2d<\/span>\n                            <\/button>\n                        <\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"lg:w-1\/2 w-full\">\n                    <div class=\"bg-white rounded-xl shadow-2xl p-3 border border-blue-100 transform rotate-1 hover:rotate-0 transition duration-500 relative min-h-[300px] flex items-center justify-center bg-slate-50\">\n                        <img id=\"hero-image\" class=\"w-full h-full object-cover rounded shadow-inner hidden\" alt=\"Plugin Interface Mockup\">\n                        <div id=\"hero-placeholder\" class=\"w-full aspect-video flex items-center justify-center relative overflow-hidden bg-slate-50 rounded\">\n                            <div class=\"absolute inset-0 grid grid-cols-2 grid-rows-2 gap-1 p-1\">\n                                <div class=\"bg-blue-50 rounded flex items-center justify-center text-xs text-brand-sub\">Business<\/div>\n                                <div class=\"bg-orange-50 rounded flex items-center justify-center text-xs text-orange-400\">Anime<\/div>\n                                <div class=\"bg-green-50 rounded flex items-center justify-center text-xs text-green-600\">Tech<\/div>\n                                <div class=\"bg-purple-50 rounded flex items-center justify-center text-xs text-purple-400\">Abstract<\/div>\n                            <\/div>\n                            <div class=\"absolute bg-white\/90 backdrop-blur px-8 py-4 rounded-lg shadow-lg text-center border border-gray-100\">\n                                <p class=\"text-sm font-bold text-brand-dark mb-0\">Generating...<\/p>\n                                <div class=\"w-32 h-2 bg-gray-100 rounded-full mt-2 overflow-hidden\">\n                                    <div class=\"h-full bg-brand-main w-2\/3\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"absolute top-0 right-0 w-1\/3 h-full bg-blue-100\/40 skew-x-12 transform translate-x-20 -z-0\"><\/div>\n    <\/section>\n\n    <section id=\"pain\" class=\"py-20 bg-white\">\n        <div class=\"container mx-auto px-4 max-w-6xl\">\n            <div class=\"text-center mb-16\">\n                <h3 class=\"text-3xl lg:text-4xl font-bold text-brand-dark mb-4\">\u3053\u3093\u306a\u300c\u9762\u5012\u300d\u3092\u611f\u3058\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<\/h3>\n                <div class=\"w-16 h-1 bg-brand-main mx-auto rounded-full mt-10\"><\/div>\n            <\/div>\n            <div class=\"grid md:grid-cols-3 gap-8\">\n                <div class=\"p-8 border border-gray-100 rounded-xl shadow-sm hover:shadow-md transition text-center bg-gray-50\/50\">\n                    <div class=\"w-16 h-16 bg-red-50 rounded-full flex items-center justify-center mx-auto mb-6 text-2xl text-red-400\">\ud83d\udd0d<\/div>\n                    <h4 class=\"text-xl font-bold mb-3 text-brand-dark\">\u753b\u50cf\u63a2\u3057\u306730\u5206\u6d6a\u8cbb<\/h4>\n                    <p class=\"text-brand-light text-sm\">\u30d5\u30ea\u30fc\u7d20\u6750\u30b5\u30a4\u30c8\u3092\u5de1\u56de\u3057\u3066\u3082\u3001\u8a18\u4e8b\u306e\u5185\u5bb9\u306b\u30d4\u30c3\u30bf\u30ea\u5408\u3046\u753b\u50cf\u304c\u898b\u3064\u304b\u3089\u306a\u3044\u3002<\/p>\n                <\/div>\n                <div class=\"p-8 border border-gray-100 rounded-xl shadow-sm hover:shadow-md transition text-center bg-gray-50\/50\">\n                    <div class=\"w-16 h-16 bg-red-50 rounded-full flex items-center justify-center mx-auto mb-6 text-2xl text-red-400\">\ud83d\uddbc\ufe0f<\/div>\n                    <h4 class=\"text-xl font-bold mb-3 text-brand-dark\">\u8a2d\u5b9a\u6f0f\u308c\u30fb\u30b5\u30a4\u30ba\u8abf\u6574<\/h4>\n                    <p class=\"text-brand-light text-sm\">\u904e\u53bb\u8a18\u4e8b\u306e\u30a2\u30a4\u30ad\u30e3\u30c3\u30c1\u3092\u8a2d\u5b9a\u3057\u5fd8\u308c\u305f\u308a\u3001\u30ea\u30b5\u30a4\u30ba\u3084\u5727\u7e2e\u306e\u624b\u9593\u304c\u304b\u304b\u308b\u3002<\/p>\n                <\/div>\n                <div class=\"p-8 border border-gray-100 rounded-xl shadow-sm hover:shadow-md transition text-center bg-gray-50\/50\">\n                    <div class=\"w-16 h-16 bg-red-50 rounded-full flex items-center justify-center mx-auto mb-6 text-2xl text-red-400\">\ud83d\udcb0<\/div>\n                    <h4 class=\"text-xl font-bold mb-3 text-brand-dark\">\u6709\u6599\u7d20\u6750\u304c\u9ad8\u3044<\/h4>\n                    <p class=\"text-brand-light text-sm\">\u9ad8\u54c1\u8cea\u306a\u7d20\u6750\u30b5\u30a4\u30c8\u306f\u6708\u984d\u5951\u7d04\u304c\u5fc5\u8981\u3060\u3063\u305f\u308a\u30011\u679a\u3042\u305f\u308a\u306e\u5358\u4fa1\u304c\u9ad8\u3044\u3002<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"solution\" class=\"py-20 bg-slate-50\">\n        <div class=\"container mx-auto px-4 max-w-6xl\">\n            <div class=\"flex flex-col md:flex-row items-center gap-12 bg-white p-8 md:p-12 rounded-2xl shadow-xl border border-gray-100\/50\">\n                <!-- Plugin Mockup Area (New) -->\n                <div class=\"md:w-1\/2 w-full order-2 md:order-1 flex justify-center\">\n                    <div class=\"w-full max-w-xs sm:max-w-sm mx-auto relative group\">\n                        <!-- Shadow Effect -->\n                        <div class=\"absolute -inset-1 bg-gradient-to-r from-blue-200 to-indigo-200 rounded-lg blur opacity-25 group-hover:opacity-50 transition duration-1000 group-hover:duration-200\"><\/div>\n\n                        <!-- WP Metabox Style Container -->\n                        <div class=\"relative bg-white rounded border border-gray-300 shadow-sm overflow-hidden font-sans text-xs sm:text-sm\">\n                            <!-- Metabox Header -->\n                            <div class=\"flex justify-between items-center px-3 py-2 border-b border-gray-200 bg-white\">\n                                <h2 class=\"font-bold text-gray-800 text-sm\">Pixalia Assistant<\/h2>\n                                <button class=\"text-gray-400 hover:text-gray-600\">\n                                    <svg class=\"w-3 h-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                    <\/svg>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Inside Content -->\n                            <div class=\"p-0\">\n                                <!-- Settings Area -->\n                                <div class=\"bg-gray-50 p-3 border-b border-gray-200 space-y-3\">\n                                    <div>\n                                        <label class=\"block text-xs font-bold text-gray-500 uppercase mb-1\">\u753b\u98a8<\/label>\n                                        <div class=\"relative\">\n                                            <select class=\"w-full wp-admin-input wp-admin-select cursor-pointer\">\n                                                <optgroup label=\"Business\">\n                                                    <option>Isometric 3D<\/option>\n                                                    <option>Minimalist Flat<\/option>\n                                                <\/optgroup>\n                                                <optgroup label=\"Creative\">\n                                                    <option>Hand Drawn<\/option>\n                                                    <option>Anime Vibrant<\/option>\n                                                <\/optgroup>\n                                            <\/select>\n                                        <\/div>\n                                    <\/div>\n                                    <div>\n                                        <label class=\"block text-xs font-bold text-gray-500 uppercase mb-1\">\u7e26\u6a2a\u6bd4<\/label>\n                                        <select class=\"w-full wp-admin-input wp-admin-select cursor-pointer\">\n                                            <option>16:9 (\u63a8\u5968)<\/option>\n                                            <option>1:1<\/option>\n                                        <\/select>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- Tabs -->\n                                <div class=\"flex border-b border-gray-200 bg-white mt-1\">\n                                    <button class=\"flex-1 py-2 text-xs sm:text-sm font-medium text-blue-600 border-b-2 border-blue-600 bg-blue-50\/50\">\u30a2\u30a4\u30ad\u30e3\u30c3\u30c1\u753b\u50cf<\/button>\n                                    <button class=\"flex-1 py-2 text-xs sm:text-sm font-medium text-gray-500 hover:text-gray-700 hover:bg-gray-50 transition-colors\">\u30bb\u30af\u30b7\u30e7\u30f3\u753b\u50cf<\/button>\n                                <\/div>\n\n                                <!-- Action Area -->\n                                <div class=\"p-4 min-h-[180px] flex flex-col justify-center items-center text-center space-y-4 bg-white\">\n                                    <div class=\"w-16 h-16 bg-gray-100 rounded flex items-center justify-center mb-1\">\n                                        <span class=\"text-2xl\">\ud83d\uddbc\ufe0f<\/span>\n                                    <\/div>\n                                    <div class=\"text-xs text-gray-500 px-2 leading-relaxed\">\n                                        \u6295\u7a3f\u306e\u5185\u5bb9\u3092\u89e3\u6790\u3057\u3001<br>\u6700\u9069\u306a\u30a2\u30a4\u30ad\u30e3\u30c3\u30c1\u753b\u50cf\u3092\u751f\u6210\u3057\u307e\u3059\n                                    <\/div>\n                                    <button class=\"w-full inline-flex items-center justify-center rounded px-4 py-2 text-sm font-bold text-white shadow-sm bg-blue-600 hover:bg-blue-700 transition focus:outline-none ring-offset-2 focus:ring-2 ring-blue-500\">\n                                        \u2728 \u753b\u50cf\u3092\u751f\u6210\u3059\u308b\n                                    <\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Decorative Context (Editor Background hint) -->\n                        <div class=\"absolute top-10 -right-12 -z-10 w-24 h-full bg-gray-100 border-l border-gray-200 hidden md:block\"><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"md:w-1\/2 w-full order-1 md:order-2 space-y-6\">\n                    <h3 class=\"leading-tight text-3xl font-bold text-brand-dark\">\u8a18\u4e8b\u3092\u66f8\u304f\u3060\u3051<br>\u3042\u3068\u306fAI\u306b\u304a\u4efb\u305b<\/h3>\n                    <p class=\"text-brand-light leading-relaxed pb-5\">\n                        Pixalia\u306f\u30a8\u30c7\u30a3\u30bf\u306e\u30b5\u30a4\u30c9\u30d0\u30fc\u306b\u5e38\u99d0\u3057\u307e\u3059\u3002\u8a18\u4e8b\u3092\u66f8\u304d\u7d42\u3048\u305f\u3089\u300c\u751f\u6210\u300d\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3060\u3051\u3002<br>\n                        AI\uff08Claude\uff09\u304c\u8a18\u4e8b\u306e\u6587\u8108\u3092\u7406\u89e3\u3057\u3001Flux 1.1\u304c\u9ad8\u54c1\u8cea\u306a\u753b\u50cf\u3092\u751f\u6210\u30fb\u633f\u5165\u3057\u307e\u3059\u3002\n                    <\/p>\n                    <ul class=\"space-y-3 text-lg\">\n                        <li class=\"flex items-center gap-3\">\n                            <span class=\"w-6 h-6 bg-brand-main rounded-full flex items-center justify-center text-white text-xs\">\u2713<\/span>\n                            <span class=\"font-bold text-brand-dark\">H2\u898b\u51fa\u3057\u3054\u3068\u306e\u633f\u7d75\u3082\u81ea\u52d5\u751f\u6210<\/span>\n                        <\/li>\n                        <li class=\"flex items-center gap-3\">\n                            <span class=\"w-6 h-6 bg-brand-main rounded-full flex items-center justify-center text-white text-xs\">\u2713<\/span>\n                            <span class=\"font-bold text-brand-dark\">\u30b9\u30bf\u30a4\u30eb\u6307\u5b9a\uff08\u30a2\u30cb\u30e1\/\u5b9f\u5199\uff09\u3082\u53ef\u80fd<\/span>\n                        <\/li>\n                        <li class=\"flex items-center gap-3\">\n                            <span class=\"w-6 h-6 bg-brand-main rounded-full flex items-center justify-center text-white text-xs\">\u2713<\/span>\n                            <span class=\"font-bold text-brand-dark\">WordPress\u30e1\u30c7\u30a3\u30a2\u30e9\u30a4\u30d6\u30e9\u30ea\u306b\u76f4\u4fdd\u5b58<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"py-20 bg-white\">\n        <div class=\"container mx-auto px-4 max-w-4xl\">\n            <div class=\"text-center mb-16\">\n                <span class=\"text-brand-main font-bold tracking-widest text-sm uppercase bg-blue-50 px-3 py-1 rounded\">Easy Step<\/span>\n                <h3 class=\"text-3xl font-bold text-brand-dark mt-4\" style=\"margin-top:30px;\">\u4f7f\u3044\u65b9\u306f\u9a5a\u304f\u307b\u3069\u7c21\u5358<\/h3>\n            <\/div>\n\n            <div class=\"space-y-8\">\n                <div class=\"flex gap-6\">\n                    <div class=\"flex flex-col items-center\">\n                        <div class=\"w-12 h-12 bg-brand-main text-white rounded-full flex items-center justify-center font-bold text-xl shadow-lg shadow-blue-200 z-10\">1<\/div>\n                        <div class=\"flex-1 w-0.5 bg-gray-100 my-2\"><\/div>\n                    <\/div>\n                    <div class=\"pb-8\">\n                        <h4 class=\"text-xl font-bold text-brand-dark mb-2\">\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/h4>\n                        <p class=\"text-brand-light\">WordPress\u516c\u5f0f\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u304b\u3089\u300cPixalia\u300d\u3092\u691c\u7d22\u3057\u3066\u6709\u52b9\u5316\u3057\u307e\u3059\u3002\u8a2d\u5b9a\u6e08\u307f\u306e\u30a2\u30a4\u30ad\u30e3\u30c3\u30c1\u30c1\u30a7\u30c3\u30ab\u30fc\u6a5f\u80fd\u306f\u3059\u3050\u306b\u5229\u7528\u53ef\u80fd\u3067\u3059\u3002<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"flex gap-6\">\n                    <div class=\"flex flex-col items-center\">\n                        <div class=\"w-12 h-12 bg-brand-main text-white rounded-full flex items-center justify-center font-bold text-xl shadow-lg shadow-blue-200 z-10\">2<\/div>\n                        <div class=\"flex-1 w-0.5 bg-gray-100 my-2\"><\/div>\n                    <\/div>\n                    <div class=\"pb-8\">\n                        <h4 class=\"text-xl font-bold text-brand-dark mb-2\">\u7121\u6599\u767b\u9332\u3067API\u30ad\u30fc\u3092\u53d6\u5f97<\/h4>\n                        <p class=\"text-brand-light\">Pixalia\u3067\u7121\u6599\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u767b\u9332\u5b8c\u4e86\u3068\u540c\u6642\u306b<span class=\"font-bold text-brand-accent\">200\u30dd\u30a4\u30f3\u30c8\uff08\u753b\u50cf\u7d046\u679a\u5206\uff09<\/span>\u304c\u4ed8\u4e0e\u3055\u308c\u307e\u3059\u3002<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"flex gap-6\">\n                    <div class=\"flex flex-col items-center\">\n                        <div class=\"w-12 h-12 bg-brand-accent text-white rounded-full flex items-center justify-center font-bold text-xl shadow-lg shadow-orange-200 z-10\">3<\/div>\n                    <\/div>\n                    <div>\n                        <h4 class=\"text-xl font-bold text-brand-dark mb-2\">\u8a18\u4e8b\u7de8\u96c6\u753b\u9762\u3067\u300c\u751f\u6210\u300d\u3092\u30af\u30ea\u30c3\u30af<\/h4>\n                        <p class=\"text-brand-light\">\u3042\u3068\u306f\u8a18\u4e8b\u3092\u66f8\u304f\u3060\u3051\u3002\u30b5\u30a4\u30c9\u30d0\u30fc\u306e\u30d1\u30cd\u30eb\u304b\u3089\u3001AI\u304c\u6587\u8108\u306b\u6cbf\u3063\u305f\u6700\u9069\u306a\u753b\u50cf\u3092\u751f\u6210\u3057\u307e\u3059\u3002<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"py-20 bg-slate-50\">\n        <div class=\"container mx-auto px-4 max-w-6xl\">\n            <div class=\"text-center mb-12\">\n                <h3 class=\"text-3xl font-bold text-brand-dark\">\u3069\u3093\u306a\u30b8\u30e3\u30f3\u30eb\u306b\u3082\u5bfe\u5fdc<\/h3>\n                <p class=\"text-brand-light mt-6\">\u30d3\u30b8\u30cd\u30b9\u3001\u30d6\u30ed\u30b0\u3001\u30c6\u30c3\u30af\u3001\u30a2\u30fc\u30c8\u3002\u8a18\u4e8b\u306e\u30c8\u30fc\u30f3\u306b\u5408\u308f\u305b\u3066\u30b9\u30bf\u30a4\u30eb\u3092\u9078\u3079\u307e\u3059\u3002<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n                <div class=\"aspect-square bg-gray-200 rounded-lg overflow-hidden relative group\">\n                    <img decoding=\"async\" id=\"img-gallery-1\" src=\"https:\/\/pixalia.me\/media\/wp-content\/uploads\/2026\/01\/56335.png\" alt=\"Business\" class=\"w-full h-full object-cover bg-gray-300\">\n                    <div class=\"absolute inset-0 bg-brand-dark\/60 flex items-end p-4 opacity-0 group-hover:opacity-100 transition\">\n                        <span class=\"text-white font-bold text-sm\">Business Style<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"aspect-square bg-gray-200 rounded-lg overflow-hidden relative group\">\n                    <img decoding=\"async\" id=\"img-gallery-2\" src=\"https:\/\/pixalia.me\/media\/wp-content\/uploads\/2026\/01\/56331.png\" alt=\"Anime\" class=\"w-full h-full object-cover bg-gray-300\">\n                    <div class=\"absolute inset-0 bg-brand-dark\/60 flex items-end p-4 opacity-0 group-hover:opacity-100 transition\">\n                        <span class=\"text-white font-bold text-sm\">Anime Style<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"aspect-square bg-gray-200 rounded-lg overflow-hidden relative group\">\n                    <img decoding=\"async\" id=\"img-gallery-3\" src=\"https:\/\/pixalia.me\/media\/wp-content\/uploads\/2026\/01\/56332.png\" alt=\"3D\" class=\"w-full h-full object-cover bg-gray-300\">\n                    <div class=\"absolute inset-0 bg-brand-dark\/60 flex items-end p-4 opacity-0 group-hover:opacity-100 transition\">\n                        <span class=\"text-white font-bold text-sm\">3D Icon<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"aspect-square bg-gray-200 rounded-lg overflow-hidden relative group\">\n                    <img decoding=\"async\" id=\"img-gallery-4\" src=\"https:\/\/pixalia.me\/media\/wp-content\/uploads\/2026\/01\/56333.png\" alt=\"Flat\" class=\"w-full h-full object-cover bg-gray-300\">\n                    <div class=\"absolute inset-0 bg-brand-dark\/60 flex items-end p-4 opacity-0 group-hover:opacity-100 transition\">\n                        <span class=\"text-white font-bold text-sm\">Flat Design<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"pricing\" class=\"py-20 bg-white\">\n        <div class=\"container mx-auto px-4 max-w-5xl\">\n            <div class=\"bg-brand-main rounded-3xl p-10 md:p-16 text-center text-white relative overflow-hidden shadow-2xl shadow-blue-200\">\n                <div class=\"relative z-10\">\n                    <h3 class=\"text-3xl md:text-4xl font-bold mb-6\">\u57fa\u672c\u6599\u91d1\u306f\u7121\u6599<br>\u4f7f\u3063\u305f\u5206\u3060\u3051\u306e\u30dd\u30a4\u30f3\u30c8\u5236\u3002<\/h3>\n\n                    <div class=\"flex flex-col md:flex-row justify-center gap-6 mt-10 text-brand-dark\">\n                        <div class=\"bg-white p-8 rounded-xl shadow-lg w-full md:w-1\/3 flex flex-col justify-between\">\n                            <div>\n                                <h4 class=\"font-bold text-brand-light mb-2 text-base\">\u521d\u671f\u8cbb\u7528\u30fb\u6708\u984d<\/h4>\n                                <div class=\"text-5xl font-extrabold text-brand-dark\">0<span class=\"text-xl\">\u5186<\/span><\/div>\n                                <p class=\"text-sm text-brand-light mt-4\">\u7dad\u6301\u8cbb\u306f\u305a\u3063\u3068\u7121\u6599<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"bg-yellow-50 border-2 border-brand-accent p-8 rounded-xl shadow-lg w-full md:w-1\/3 flex flex-col justify-between relative transform md:scale-110\">\n                            <div class=\"absolute top-0 left-1\/2 transform -translate-x-1\/2 -translate-y-1\/2 bg-brand-accent text-white text-xs font-bold px-3 py-1 rounded-full whitespace-nowrap shadow-sm\">\n                                \u5727\u5012\u7684\u30b3\u30b9\u30d1\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-bold text-brand-light mb-2 text-base\">1\u753b\u50cf\u3042\u305f\u308a<\/h4>\n                                <div class=\"text-5xl font-extrabold text-brand-main\">30<span class=\"text-lg\">\u5186\u301c<\/span><\/div>\n                                <p class=\"text-sm text-brand-light mt-4\">\u4ed6\u793e\u5e73\u5747\u306e1\/5\u4ee5\u4e0b<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"bg-white p-8 rounded-xl shadow-lg w-full md:w-1\/3 flex flex-col justify-between\">\n                            <div>\n                                <h4 class=\"font-bold text-brand-light mb-2 text-base\">\u7121\u6599\u30d7\u30ec\u30bc\u30f3\u30c8<\/h4>\n                                <div class=\"text-5xl font-extrabold text-brand-dark\">200<span class=\"text-lg\">pt<\/span><\/div>\n                                <p class=\"text-sm text-brand-light mt-4\">\u7d046\u679a\u5206\u304c\u30bf\u30c0<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"mt-12\">\n                        <p class=\"text-blue-100 text-sm mb-4 opacity-90\">\u203b \u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u767b\u9332\u306a\u3057\u3067\u59cb\u3081\u3089\u308c\u307e\u3059<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <footer id=\"download\" class=\" bg-gray-500 text-white pt-20 pb-10\">\n        <div class=\"container mx-auto px-4 text-center max-w-3xl\">\n            <h2 class=\"leading-normal text-3xl md:text-4xl font-bold mb-8\">\u753b\u50cf\u63a2\u3057\u3067\u6642\u9593\u3092\u7121\u99c4\u306b\u3059\u308b\u306e\u306f<br>\u7d42\u308f\u308a\u306b\u3057\u307e\u305b\u3093\u304b\uff1f<\/h2>\n            <p class=\"text-brand-light\/80 mb-10\">Pixalia\u306a\u3089\u3001\u3042\u306a\u305f\u306e\u8a18\u4e8b\u306b\u6700\u9069\u306a\u753b\u50cf\u3092\u3001\u6570\u79d2\u3067\u63d0\u6848\u3057\u307e\u3059\u3002<br>\u307e\u305a\u306f\u7121\u6599\u30dd\u30a4\u30f3\u30c8\u3092\u4f7f\u3063\u3066\u3001\u305d\u306e\u54c1\u8cea\u3092\u78ba\u304b\u3081\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n            <a href=\"https:\/\/ja.wordpress.org\/plugins\/pixalia-image-assistant\/\" target=\"_blank\"\n               class=\"inline-block bg-brand-accent text-white font-bold text-xl px-12 py-4 rounded shadow-lg btn-hover w-full md:w-auto mb-6 no-underline\">\n                \u7121\u6599\u3067\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\n            <\/a>\n            <p class=\"text-xs text-white mb-12\">WordPress 6.0\u4ee5\u4e0a\u5bfe\u5fdc \/ \u65e5\u672c\u8a9e\u30b5\u30dd\u30fc\u30c8<\/p>\n\n            <div class=\"border-t border-brand-light\/20 pt-8 flex flex-col justify-between items-center text-sm text-brand-light\/70\">\n                <p>&copy; 2026 Pixalia Image Assistant.<\/p>\n                <div class=\"flex gap-4 mt-4 md:mt-0\">\n                    <a href=\"https:\/\/pixalia.me\/terms\" target=\"_blank\" class=\"text-white hover:text-white transition no-underline\">\u5229\u7528\u898f\u7d04<\/a>\n                    <a href=\"https:\/\/pixalia.me\/policy\" target=\"_blank\" class=\"text-white hover:text-white transition no-underline\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a>\n                    <a href=\"https:\/\/pixalia.me\/trade-law\" target=\"_blank\" class=\"text-white hover:text-white transition no-underline\">\u7279\u5b9a\u5546\u53d6\u5f15\u6cd5\u306b\u57fa\u3065\u304f\u8868\u8a18<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n<\/div> \n\n\n\n","protected":false},"excerpt":{"rendered":"<p>WordPress\u516c\u5f0f\u30d7\u30e9\u30b0\u30a4\u30f3 \u30d6\u30ed\u30b0\u306e\u753b\u50cf\u9078\u5b9a\u3001 \u307e\u3060\u81ea\u5206\u3067\u3084\u3063\u3066\u308b\u306e\uff1f \u8a18\u4e8b\u3092\u8aad\u3080AI\u304c\u3001\u6700\u9069\u306a\u30a2\u30a4\u30ad\u30e3\u30c3\u30c1\u30921\u30af\u30ea\u30c3\u30af\u3067\u751f\u6210 \u7121\u6599\u3067\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9 200pt\u30d7\u30ec\u30bc\u30f3\u30c8\u4e2d Business Anime Tech A [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":64,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"vkexunit_cta_each_option":"","footnotes":""},"class_list":["post-56","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/pixalia.me\/media\/wp-json\/wp\/v2\/pages\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pixalia.me\/media\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pixalia.me\/media\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pixalia.me\/media\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pixalia.me\/media\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":15,"href":"https:\/\/pixalia.me\/media\/wp-json\/wp\/v2\/pages\/56\/revisions"}],"predecessor-version":[{"id":88,"href":"https:\/\/pixalia.me\/media\/wp-json\/wp\/v2\/pages\/56\/revisions\/88"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pixalia.me\/media\/wp-json\/wp\/v2\/media\/64"}],"wp:attachment":[{"href":"https:\/\/pixalia.me\/media\/wp-json\/wp\/v2\/media?parent=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}