سلام 🙋‍♂️

در گروه وردپرس ادمین سایت فروش آجیل سوال کرد چگونه سایت رو تبلیغ کنیم و ورودی بگیریم و فلان

در این عکس از سایت فروشگاهی اسکرین شات گرفتم که چند نکته به صاحبان سایت های فروشگاهی که جنس فیزیکی می فروشد رو بگم.

این پیغام یک امتیاز منفی برای مشتری هست که هرگز خرید نمی کنه و چون مشتری نمیاد آجیل بیش از حد بخرد که براساس نیاز می خرد...

باید قبول کنیم نمی توانیم به زور مشتری به طرف خود جذب کنیم و چون حق انتخاب دارند.

بنابراین هر چیزی که به زور باشد, صد در صد مشتری از دست میدید و دیگر به سایتت مراجعه نمی کند.

این برای فروشگاه مجازی که جنس فیزیکی می فروشد, لحظه حساسی هست و این اشتباهات رفع نشود, برای همیشه حذف می شوید...

در کل اگر سایت فروشگاهی مخصوصا جنس فیزیکی می فروشید رو دارید مراقب گوگل دیسکاور باشید که اگر نرخ ورودی دیسکاور به حدی بالا باشید و میزان ورودی مشتری در حال بیشتر باشد ممکن است در ارائه خدمات به مشتریان دچار مشکل شوید که نتوانید از پس مدیریت این همه مشتریان داشته باشید.

@TheRaymondDev

افزایش فروش محصولات فروشگاهی آرزوی هر صاحب فروشگاهی است اما ممکنه به تنهایی از پس آن بر نیایید و مجبور به استخدام افرادی برای مدیریت آن باشید.

@TheRaymondDev

🔥 استایل پنل کاربری ووکامرس

.woocommerce .button br {
    display: none;
}

.cart_totals h2 {
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px #f7f7f7 solid;
    padding-bottom: 20px;
}

.woocommerce table tbody>tr:nth-child(odd)>td,.woocommerce table tbody>tr:nth-child(odd)>th {
    background-color: transparent;
}

.woocommerce-info {
    border-top-color: transparent;
    background-color: #F7F7F7;
    font-size: 13px;
    border-radius: 5px;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 100%;
    border: 1px #edeef5 solid;
    padding: 20px;
    border-radius: 5px;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: right;
    width: 0%;
    display: none;
}
div#customer_details {
    float: left;
    width: 60%;
    padding: 20px;
}

div#order_review {
    float: left;
    width: 40%;
    padding: 0 20px;
}

h3#order_review_heading {
    float: left;
    padding: 10px 20px 0px 20px;
    display: block;
    width: 40%;
    font-size: 20px;
}

.woocommerce table.shop_table td {
    border-top: 1px solid rgba(0,0,0,.1);
    padding: 15px 13px;
    vertical-align: middle;
    line-height: 1.5em;
}

.woocommerce-privacy-policy-text {
    font-size: 12px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li{
    list-style: none;
    width: 120px;
    display: inline-block;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {

    background-color: #F3F4F7;
    text-align: center;
    font-size: 16px;
    padding: 10px;
    border-radius: 22px;
    margin: 20px 0;
    color: #212529;
    display: block;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 100%;
    margin-top: 20px;
    padding: 30px;
    border: 1px #f0f0f3 solid;
    background-color: #f3f4f7;
    border-radius: 5px;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link:hover a{
    background-color: #db332d;
    color: #fff;
    border-radius: 22px;
}
.account-orders-table, .order_details {
    width: 100%;
}

.woocommerce-Button.button {
    border: 0;
    background-color: #db332d;
    color: #fff;
    padding: 10px;
    border-radius: 22px;
}

form.woocommerce-EditAccountForm label {
    font-weight: bold;
}

form.woocommerce-EditAccountForm input[type="text"],
form.woocommerce-EditAccountForm input[type="email"],
form.woocommerce-EditAccountForm input[type="password"] {
    width: 100%;
    padding: 10px;
    margin: 5px 0;
    border: 1px solid #ddd;
    border-radius: 22px;
}

form.woocommerce-EditAccountForm input[type="submit"] {
    background-color: #0073e6;
    color: #fff;
    padding: 10px 20px;
    border: none;
}

form.woocommerce-EditAccountForm input[type="submit"]:hover {
    background-color: #005bbd;
}

@TheRaymondDev

🔶 پیش نمایش پنل کاربری ووکامرس

@TheRaymondDev

🔥 کد تابع ایجاد فهرست محتوا بدون استفاده از افزونه :

function add_table_of_contents($content) {
    if (is_singular('post') && is_main_query()) {
        $pattern = '/<h([2-6]).*?>(.*?)<\/h[2-6]>/';
        if (preg_match_all($pattern, $content, $matches, PREG_SET_ORDER)) {
            $output = '<div class="card mt-4 mb-4 rounded-5"><details class="js-list">';
            $output .= '<summary class="noscript js-noscript"><i class="fa-light fa-list-dots"></i> <h3 class="fs-5 mt-1">فهرست محتوا</h3> <span class="icon"></span></summary>';
            $output .= '<div class="content js-content"><ul class="mt-3">';
            foreach ($matches as $match) {
                $level = $match[1];
                $noscript = $match[2];
                $slug = sanitize_noscript($noscript);
                $output .= '<li class="mb-2 toc-level-' . $level . '"><a href="#' . $slug . '">' . $noscript . '</a></li>';
                $content = str_replace($match[0], '<h' . $level . ' id="' . $slug . '">' . $noscript . '</h' . $level . '>', $content);
            }
            $output .= '</ul></div>';
            $output .= '</details></div>';
            $content = $output . $content;
        }
    }
    return $content;
}

add_filter('the_content', 'add_table_of_contents');

@TheRaymondDev

🔥 استایل فهرست محتوا :

summary {
    display: block;
}
summary::-webkit-details-marker{
    display: none;
}

.p-section-faq__item:nth-of-type(n+2) {
    margin-top: 32px;
}

.noscript {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    color: #212529;
    cursor: pointer;
}
.icon {
    display: block;
    flex-shrink: 0;
    position: relative;
    width: 16px;
    transform-origin: center;
}
.icon::after {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    transition: transform .3s;
    transform: translateY(-80%) rotate(45deg);
    border-right: 2px solid #212529;
    border-bottom: 2px solid #212529;
}

.is-opened .icon::after {
    transform: translateY(-25%) rotate(-135deg);
}

.content {
    overflow: hidden;
}

@TheRaymondDev

🔥 جاوا اسکریپت فهرست محتوا :

const js_list = ".js-list";
const js_noscript = ".js-noscript";
const js_content = ".js-content";

document.addEventListener("DOMContentLoaded", () => {
    setUpAccordion();
});

const setUpAccordion = () => {
    const lists = document.querySelectorAll(js_list);
    const RUNNING_VALUE = "running";
    const IS_OPENED_CLASS = "is-opened";

    lists.forEach((element) => {
        const noscript = element.querySelector(js_noscript);
        const content = element.querySelector(js_content);

        noscript.addEventListener("click", (event) => {
            event.preventDefault();
            if (element.dataset.animStatus === RUNNING_VALUE) {
                return;
            }

            if (element.open) {
                element.classList.toggle(IS_OPENED_CLASS);
                const closingAnim = content.animate(closingAnimKeyframes(content), animTiming);
                element.dataset.animStatus = RUNNING_VALUE;
                closingAnim.onfinish = () => {
                    element.removeAttribute("open");
                    element.dataset.animStatus = "";
                };
            } else {
                element.setAttribute("open", "true");
                element.classList.toggle(IS_OPENED_CLASS);
                const openingAnim = content.animate(openingAnimKeyframes(content), animTiming);
                element.dataset.animStatus = RUNNING_VALUE;
                openingAnim.onfinish = () => {
                    element.dataset.animStatus = "";
                };
            }
        });
    });
}
const animTiming = {
    duration: 200,
    easing: "ease-out"
};
const closingAnimKeyframes = (content) => [
    {
        height: content.offsetHeight + 'px',
        opacity: 1,
    }, {
        height: 0,
        opacity: 0,
    }
];

const openingAnimKeyframes = (content) => [
    {
        height: 0,
        opacity: 0,
    }, {
        height: content.offsetHeight + 'px',
        opacity: 1,
    }
];

@TheRaymondDev

🔶 پیش نمایش فهرست محتوا

@TheRaymondDev

🔶 کد استایل بلوک نمایش کدها :

pre {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
    overflow: auto;
}

pre code {
    display: block;
    padding: 0;
    margin: 0;
    font-family: 'Courier New', Courier, monospace;
}

pre code::before {
    content: attr(data-line);
    display: inline-block;
    width: 2em;
    padding-right: 1em;
    color: #777;
    text-align: right;
}

@TheRaymondDev

🔶 پس از نصب قالب راییوم در سایت
فروش این قالب آموزشی - وبلاگی ووکامرس آغاز می شود..
قیمت فروش : 250000 تومان

@TheRaymondDev

🔶 کار به جایی رسیده به خاطر بارگزاری کند قالب فونت آیکون Fontawsome رو حذف کنم و از آیکون های SVG استفاده کنم.
حجم فایل جاوا اسکریپت فونت آواسام به 15 مگ می رسه 😐

@TheRaymondDev

🔶 با کمک جناب مرادی @acc2alone مشکل فونت آیکون حل شد.

@TheRaymondDev

🔶 چند ساعت دیگه قالب جدید راییوم نصب خواهد شد 🔥

@TheRaymondDev

🔶 قالب راییوم نصب شد.

https://orchiddev.ir

@TheRaymondDev

🔶 دامنه جدید با همین قالب بالا آمد اما فونت های آن لود نمی شد.
و توی ریدایرکت کردن به دامنه اصلی مشکل داریم.
این مشکلات باید رفع بشه..

آدرس جدید : https://rayium.ir

@TheRaymondDev

🔶 باگ تایید بخش ریدایرکت کنسول گوگل

متاسفانه در بخش تغییر دامنه برای جایگزین آن بدون افت گوگل دچار باگ شده است و الان نمی تونیم چیزی رو تغییر بدیم.
باید چند روزی صبر کرد.

@TheRaymondDev

🔶 گزارش باگ به جان مولر (وکیل مدافع جستجو کنسول گوگل)

@TheRaymondDev

🔶 استایل تقویم وردپرس

.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
#calendar_wrap {
  margin-top: 20px;
}
#wp-calendar tbody td {
  border-radius: 15px;
}

@TheRaymondDev

🔶 تداخلی در بخش بارگزاری بیشتر و صفحات سایت پیش آمده است.
فعلا فروش قالب به تاخیر افتاده است.
تا زمان رفع تداخل به فروش می زاریم.

@TheRaymondDev

🔶 تداخل رفع شد . 🤗

@TheRaymondDev

🔥 فروش قالب آموزشی راییوم آغاز شد.

فروش قالب 250000 تومان با تخفیف 20 درصد

برای پیش نمایش قالب راییوم در دامنه کنونی نصب شده است.

پیوند خرید قالب :
https://orchiddev.ir/product/rayium/

@TheRaymondDev