قالب بلاگ بیان،قالب و افزونه وردپرس|بلاگ تمز

برچسب: وبلاگ

  • آموزش ساخت قالب بلاگ بیان : بخش اول ساختار فایل ها

    آموزش ساخت قالب بلاگ بیان : بخش اول ساختار فایل ها

    آموزش ساخت قالب بلاگ بیان : بخش اول ساختار فایل ها

    قسمت قبلی : مقدمه

    آموزش ساخت قالب بلاگ بیان در این بخش ما از قسمت اصلی و چارچوب قالب مان شروع میکنیم که ساختار قالب نام دارد. همانطور که می دانید برای ساختن هر چیزی طرح و نقشه اولیه لازم هست ، قالب های سایت و وبلاگ هم از این قضیه مستثنی نیستند.

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

    دقت کنید این طرح فقط ساختار قالب رو نشون میده ، جزئیات زیباسازی و افزودن رنگ و… در قسمت های بعدی انجام می شود.

    برای شروع کار یک فولدر در دسکتاپ ویندوز خودتون با نام قالب بلاگ من (My Blog Theme) ایجاد کنید.سپس سه فولدر دیگر با نام های css – js– imgs   داخل آن ایجاد کنید. سه تا فایل با نام و فرمت های زیر ایجاد کنید.

    Index.html – post.html ، وارد پوشه سی اس اس شوید فایلی با نام و فرمت زیر ایجاد کنید style.css. یک اسکرین شات از طرح قالب را در فولدر imgs  اضافه کنید.اسکرین شات مورد نظر در لیست قالب های شخصی بیان نشان داده خواهد شد.

    ساختار فولدر و فایل های قالب باید مانند شکل زیر باشند :
    theme-folder-struture

    ساختار قالب وبلاگ (طرح و دیزاین اولیه ساختار قالبی که می خواهیم درست کنیم).

    آموزش ساخت قالب بلاگ بیان : بخش اول ساختار فایل ها
    همانطور که در شکل بالا مشاهده می کنید.ساختار قالب ما از ۳ بخش اصلی تشکیل شده است. هر کدام رو توضیح می دهم.

    بخش هدر یا سربرگ

    در این بخش ؛ عنوان ، شعار ، لوگو و منو سایت قرار داده می شود. ( به طور کلی می توان برای نمایش بخش های دیگری مانند : شماره تماس ، آدرس ما در شبکه های اجتماعی ، بنر تبلیغاتی  ، دکمه ورود و عضویت و اسلایدر استفاده کرد).

    بخش محتوای اصلی

    سایدبار

    از این بخش می توان برای نمایش امکانات سایت و وبلاگ ، اطلاعات تکلمیلی ، دسترسی سریع و لیستی از محتوا سایت استفاده کرد.بخش های که در این قسمت معمولا نمایش داده می شوند عبارتند از : پروفایل مدیر سایت یا وبلاگ  و لیست موضوعات ، لینک ها ، آخرین مطالب ، نظرات کاربران ، آرشیو مطالب و تبلیغات و ..

    محتوای اصلی سایت

    محتوای اصلی سایت شامل : لیست محتوای سایت که شامل متن ، فیلم ، موسیقی و … می شود به همراه اطلاعات منتشر کننده محتوا در این قسمت نمایش داده می شوند.بخش های مانند فرم نظرات کاربران ، نظرات ارسالی کاربران و مدیر سایت ، مطالب پیشنهادی ، امتیاز دادن به مطالب و امکان بازنشر (اشتراک گذاری) آن در شبکه های اجتماعی در این قسمت نشان داده می شوند.

    بخش پانویس سایت یا فوتر

    در این قسمت از سایت یا قالب مون ؛ متن کپی رایت ، لینک دسترسی سریع به صفحات و در برخی موارد لیست آخرین مطالب و نظرات ، لینک شبکه های اجتماعی ، فرم تماس با ما و …

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

  • چگونه از کلاس کاذب hover در سی اس اس استفاده کنم؟

    چگونه از کلاس کاذب hover در سی اس اس استفاده کنم؟

    چگونه از کلاس کاذب hover در سی اس اس استفاده کنم؟

    گام اول : کدنویسی اچ تی ام ال (html) ؛ ساختار بلاک مورد نظرمون رو ایجاد میکنیم. شامل عکس و عنوان عکس که می خواهیم افکت هاور را رویشان اعمال کنیم.

    <div class="block"> <img title="" alt="" src="/park.jpg"> <div class="block-caption"> عنوان عکس مورد نظر </div> </div>

    گام دوم : کدنویسی سی اس اس (css) ؛

    .block{
    display:block;
    transition:0.3s ease-in all;
    }    گام سوم : افزودن کلاس کاذب هاور یا افکت آمدن ماوس روی المنت های مورد نظرمون.توی این قسمت میخواهیم افکت آمدن ماوس رو بلاک اصلی یا همون نحوه ی استفاده از کلاس کاذب hover در سی اس اس رو بگم.

    .block:hover{
    opacity:0.8;
    }    وقتی ماوس رو بلاک مورد نظرمون اومد ؛ بلاک مورد نظرمون یه کم شفاف میشه.

  • فیلم آموزشی چگونه لینک بالای نظرات را در وبلاگ بیان حذف کنیم

    فیلم آموزشی چگونه لینک بالای نظرات را در وبلاگ بیان حذف کنیم

    پنهان کردن لینک بخش نظرات بلاگ بیان
    • پنهان کردن لینک بخش نظرات بلاگ بیان
    • فیلم آموزشی چگونه لینک بالای نظرات را در وبلاگ بیان حذف کنیم
    • 8.37 مگابایت
    • 5 دقیقه 57 ثانیه

    کدهای مربوطه

    کدهای بخش استایل
#comments .item_success{ display:none;}
    کد اسکریپت

    setTimeout(function(){ var count = $(“#comment-add-form”).children().length; if(coutn==0){$(“.item_success”).show().text(“نظر با موفقیت ارسال شد”).css( {“position”:”fixed”, “top”:”12%”,”right”:”0%”, “left”:”0%”,”padding”:”25px”, “z-index”:”1000″, “background-color”:”green”, “font-size”:”20px”, “font-family”:”inherit”, “color”:”#222″, “text-align”:”center”}); } },1000); setTimeout(function(){ $(“.item_success”).hide(); },10000);

    دریافت فایل پیوست ( کد سورس )

  • درگاه پرداخت و کیف پول الکترونیک برای وبلاگ و سایت

    درگاه پرداخت و کیف پول الکترونیک برای وبلاگ و سایت

    دریافت درگاه پرداخت و کیف پول الکترونیک برای وبلاگ و سایت در کمتر از یک روز! هر آنچه که شما از یک سرویس پرداخت آنلاین برای سایت یا وبلاگ خودتان نیاز دارید! امکاناتی نظیر درگاه اختصاصی رسمی با مجوز بانک مرکزی ، کیف پول الکترونیک ، فروشگاه شارژ و سرویس آسان پرداخت و …! همچنین ربات تلگرامی جذاب برای انتشار محصولات خود در گروه های تلگرامی و کسب درآمد بدون داشتن سایت و وبلاگ اختصاصی! در ادامه همین مطلب یک توضیح مختصر از هر امکانات معرفی شده براتون می نویسم.

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

    کیف پول الکترونیک : با استفاده از سرویس کیف پول قادر خواهید بود تا وجه کالا یا خدمات خود را به وسیله اعتبار کیف پول دریافت نمایید.

    فروشگاه شارژ : با استفاده از این سرویس می توانید بدون نیاز به سرمایه ، فروشگاه مجازی با قابلیت فروش انواع شارژ تاپ آپ،پین کد، پرداخت قبض و … داشته باشید و پورسانت دریافت نمایید.

    آسان پرداخت : این سرویس ساده ترین راه برای دریافت وجه کالا و محصولات شما بدون داشتن وب سایت است.فقط کافیست عضو شوید و بی نهایت فرم پرداخت برای محصولات خود ایجاد نمایید.

    چگونه کیف پول داشته باشم و درگاه پرداخت برای وب سایتم بگیرم ؟

    روال ثبت نام خیلی ساده است ، فقط کافیه یه شماره موبایل داشته باشید و با یک کد ساده ثبت نام کنید. فراموش نکنید که کلمه عبورتان را به صورت ترکیبی با عدد و حروف استفاده کنید. بعد از ثبت نام اگر قصد استفاده از درگاه پرداخت رو داشته باشید می بایست هویت تان را اعتبار سنجی کنیم که این کار با روش های مختلفی در زمان کوتاهی انجام می شود. شما می توانید یه عکس از یه مدرک (گواهینامه ، کارت معافیت ، کارت ملی و …)که روش اطلاعات هویتی شما ( شماره ملی و نام و…) باشه رو برای سایت ارسال کنید پس از اعتبارسنجی و تایید می توانید از امکانات پرداخت آنلاین برای سایت و وبلاگ خود استفاده کنید.

    درگاه پرداخت خود را در کمتر از یک روز دریافت نمایید.ارائه درگاه پرداخت اختصاصی با مجوز رسمی PSP  از بانک مرکزی.

    ثبت نام و دریافت درگاه

  • امکان پرداخت آنلاین برای بلاگ

    برای داشتن یک فروشگاه آنلاین و ارائه‌ی یک سرویس یا محصول حتماً نیاز نیست یک وبسایت داشته باشید.خرید دامنه و سرویس میزبانی و نصب یک سیستم مدیریت محتوا و…

    این همه دردسر فقط با ایجاد یک صفحه در هر یک از شبکه‌های اجتماعی و ارتباطی، تبلیغ محصول، گذاشتن لینک پرداخت آنلاین به سادگی اتفاق می‌اُفتد.

    آسان‌پرداختِ زرین‌پال پرداخت‌های مشتریان شما را ضمانت می‌کند، فروش شما را زیاد می‌کند و پرداخت‌ها را ساده‌تر. به همین آسانی

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

    همین امروز فروشگاه خود را با امکان پرداخت آسان در ۴ گام بسازید:
    ۱- وارد حساب کاربری زرین‌پال شوید.اگر حساب کاربری ندارید اول ثبت نام کنید.
    ۲- از منوی سمت راست وارد قسمت «آسان‌پرداخت» شوید و روی «+ ایجاد لینک آسان‌پرداخت» کلیک کنید.
    ۳- فرم اطلاعات محصول و پرداخت خود را پر کنید و روی ساخت آسان پرداخت کلیک کنید.
    ۴- لینک پرداخت را در زیر محصول خود به اشتراک بگذارید.

    امکان مشاهده فروش های انجام شده نیز وجود دارد.

    چنانچه در استفاده از این امکان مشکلی داشتید می توانید در قسمت نظرات همین مطلب بفرستید. موفق باشید.

  • نحوه ی ثبت مطلب در گوگل

    با استفاده از لینک زیر می توانید پس از انتشار مطلب به صورت دستی آدرس مطلب خود را به گوگل معرفی کنید تا سریعتر ایندکس بشه! کافیست روی لینک زیر کلیک کنید تا به صفحه مربوطه ارجاع داده بشید ، سپس لینک مطلب خود را در کادر مربوطه بنویسید (جایگذاری “Paste”) کنید بعد رو دکمه add url کلیک کنید. حتمن باید اکانت گوگل داشته باشید و لاگین هم باشید.

    لینک

  • باکس صفحات بلاگ وبلاگ من

    در خدمتون هستم با مطلب مربوط به باکس صفحات بلاگ ، در این مطلب ( باکس صفحات بلاگ با استایل ) چند نمونه باکس برای دوستان آماده کردم. در این پست میخام باکس صفحات بلاگ خودم را به درخواست یکی از کاربران عزیز در اختیارتون بگذارم که بتونید استفاده کنید. کد آماده شده به اچ تی ام ال هست که شما میتوانید با جایگزینی کدهای صفحه بندی مربوط به قالب بلاگ خود از این کدها استفاده کنید.

    کد مخصوص قالب های بلاگ

    <box:pagination>
     <nav id="pgnav">
       <ul class="clr">
    <check:if page_prev>
    <li class="button">
    <a class="(*page_prev*)" href="(*page_prev*)">
    <span>صفحه قبلی</span><span class="icon-arrow-right"></span>
    </a>
    </li>
    </check:if>
    <view:pages spec="5,2,4,2,3,2">
    <check:if page_num>
    <li><a href="(*page_link*)" class="(*page_current*)">(*page_num*)</a></li>
    </check:if>
    <check:if not page_num><li class="sep"><a href="/"> ...</a> </li></check:if>
    </view:pages>
    <check:if page_next>
    <li class="button">
    <a class="(*page_next*)" href="(*page_next*)">
    <span>صفحه بعدی</span><span class="icon-arrow-left"></span>
    </a>
    </li>
    </check:if>
    </ul>
    </nav>
    </box:pagination>

    اگر این مطلب برایتان مفید بود ؛ لطفا به دوستان خود نیز پیشنهاد کنید(http://goo.gl/PmYCHc). برای حمایت رو تبلیغات یه کلیک ناقابل! :). 

  • ابزار آنلاین و رایگان بهینه سازی تصاویر برای استفاده در وب

    تصاویر سرعت بیشتری در انتقال مفهوم و جذب کاربر در مقابل متن و تیترهای گنده را دارد.بسیاری از صفحات اینترنتی بیشتر به جای استفاده از متن های طولانی سعی می کنند کاربران را با یک تصویر جذاب به سوی اهداف خویش جذب کنند.استفاده پرکاربرد تصاویر در طراحی قالب سایت ها نیز یکی از عواملی هست که ما باید از ابزاری برای بهینه سازی تصاویر خودمان استفاده کنیم ؛ که بتوانیم مشکلاتی چون دیر بالا اومدن ( لود شدن سایت ) در اثر استفاده از تصاویر حجیم را براحتی حل کنیم.

    ابزار بهینه ساز تصاویر

    ابزارهای چون فتوشاپ  نیازمند دانش اولیه بوده و یک نویسنده وبلاگ شاید آنچنان از آن بهره نبرده باشد، بنابراین استفاده از یک ابزار آنلاین و رایگان برای بهینه سازی تصاویر برای استفاده در صفحات وبلاگ یا سایت مان خیلی هم با حال تر از فتوشاپ و دیگر برنامه ها هست.تا می تونید تصاویر مورد استفاده در وبلاگ تون رو بهینه کنید و سرعت لود صفحه مورد نظرتون رو افزایش بدهید.کافیه به وبسایت (کلیک کنید) برید و عکس مورد نظرتون رو آپلود کنید بقیه کارها رو بسپارید به پاندا توپوله تا یه تصویر بهینه براتون آماده کنه.با پاندا کلی کیف خواهید کرد.

  • نحوه ی نمایش تاریخ روز در قالب های بلاگ بیان بدون جاوا اسکریپت

    شاید برای شما پیش آمده که بخواهید تاریخ و زمان روز را مثل بعضی از سایت ها و وبلاگ در قالب تون به نمایش بگذارید ،شاید هم بخاطر هزینه بر بودن امکان جاوا اسکریپت در بلاگ از داشتن این امکان صرف نظر کرده اید!  می خواهم نحوه ی نمایش تاریخ روز در قالب های بلاگ  بدون جاوا اسکریپت را بهتون بگم که چه جوری هست.اگر دوست دارید این امکان را به وبلاگ خود اضافه کنید کافیه چند خط زیر رو بخوانید و یه تگ با حال از بلاگ هدیه بگیرید.یکی از تگ های پرکاربرد بلاگ رو  بهتون معرفی می کنم که از این پس بتوانید بدون درج کدهای اضافی و کد جاوا اسکریپت تاریخ و ساعت روز را در قالب های وبلاگ تان به نمایش بگذارید!شما می توانید با استفاده از تگ (*now*) از این امکان پرکاربرد در قالب های بلاگ تان استفاده بکنید و لذت ببرید! خب یک کم حرفه ای یا بیشتر رو تگ کار کنیم این تگ مشابه تگ تاریخ و زمان ارسال مطلب هست ! یعنی شما می توانید به آن فرمت بدهید به این صورت که  فقط زمان رو نشون بده یا ساعت رو هم نشون بده ، که نحوه ی کاربردش هم اینجوری هست  (*now format=”XXXX”*) .برای دریافت اطلاعات بیشتر در مورد نخوه ی نمایش تاریخ و ساعت در بلاگ به این صفحه مراجعه کنید.امیدوارم براتون مفید بوده باشه ، از داشتن بلاگ لذت ببرید.

  • طراحی قالب ریسپانسیو مجله فناوری (جامو مگ) برای بلاگ

    قالب جامو مگ قالب حرفه ای و کاملا ریسپانسیو مناسب برای وبسایت خبری و وبلاگ های شخصی هست. یکی از ویژگی های برتر قالب جامو مگ شخصی سازی آسان و استفاده از چندین حالت مطالب وبلاگ در صفحات، اگر وبسایت شما به صورت گروهی مدیریت میشه می توانید برای هر نویسنده خود قالب مشخصی برگزینید و یا برای آنها صفحات جداگانه با استایل متفاوت ایجاد کنید. نسخه ی اولیه این قالب به صورت شخصی و خصوصی به درخواست یکی از مشتریان در حال کدنویسی هست. شما هم میتوانید قالب ایده آل خودتان را داشته باشید تا کاربران شما از خواندن مطالب سایت تان لدت کافی رو ببرند و عاشق سایت تان شوند. با موفقیت یکدیگر حال کنید! من با موفقیت شما حال خواهم کرد! موفق باشید.

    طراحی قالب ریسپانسیو مجله فناوری

  • اینفوگرافیک دنیای برنامه نویسی

    در این اینفوگرافیک با تاریخچه، شخصیت‌های مهم دنیای برنامه‌نویسی، نکات و الگوریتم‌ها و آما‌رهای مربوط به محبوبیت زبان‌های مختلف برنامه‌نویسی آشنا می‌شوید.

    programming-world-infographic

    دانلود اینفوگرافی دنیای برنامه نویسی          دانلود

    منبع : فرانش

  • نحوه ی فعال و غیر فعالسازی آپدیت خودکار ویندوز ۱۰

    اگر شما هم از کاربران جدید ویندوز ۱۰ هستید و نسخه نهایی(Build 10586) این ویندوز رو نصب کرده باشید ، میدانید که آپدیت ها به صورت خودکار دانلود و نصب می شوند. در این مطلب میخواهیم دو روش  غیر فعال سازی آپدیت خودکار ویندوز ۱۰ را بررسی کنیم هر کدوم که شما دوست داشتی رو انتخاب کنید.

    * برای نمایش تصاویر در سایز بزرگ تر روی عکس کلیک کنید.

    روش اول : با استفاده از Local Group Ploicy Editor 

    ۱ : قسمت Local Group Ploicy Editor را باز کنید (استارت منو رو باز کنید سپس عبارت رو تایپ کنید پس از مشاهده روش کلیک کنید تا بخش مورد نظر نمایان بشه)
    ۲: از سمت چپ مسیر زیر رو پیدا کنید( اسکرین شات رو ببینید)
    Computer Configuration/Administrative Templates/Windows Componets/Windows Update

    widows10-automatic-update

    ۳: از گزینه های سمت راست ، گزینه windows Update رو انتخاب کنید ( دابل کلیک کنید)
    تا صفحه مربوط به ویرایش براتون باز بشه .(اسکرین شات رو ببینید)

    widows10-automatic-update-disable
    ۴ : برای فعال سازی آپدیت خودکار (شماره یک اسکرین شات بالا)
    سمت چپ بالا پنجره باز شده گزینه Enable را کلیک کنید ( انتخاب کنید)
    ۵: برای فعال سازی هشدار قبل از دانلود و نصب آپدید ها ( غیر فعال سازی آپدیت خودکار)
    دقت کنید که مرحله قبل رو حتمن انجام داده باشید ، سپس به قسمت پایین تر همین پنجره برید و از بخش Configure automatic updating گزینه ۲. Notify for download and notify for install رو انتخاب کنید.(شماره دو اسکرین شات بالا)

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

    روش دوم با استفاده از Windows Update service در بخش Service

    widows10-automatic-update-disable-service

    با کلیک رو گزینه Windows Update  پنجره جدیدی براتون باز می شود که گزینه های مورد نیاز رو مشخص کرده ام ؛ با دوگرینه Start -Stop  می توانید بروز رسانی خودکار در ویندوز ۱۰ خودتان را فعال و غیر فعال کنید. موفق باشید.