قالب فتوبلاگ ساده بلاگفا

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

برای انتخاب عکس به عنوان نمایشگر هر پست باید موقع ارسال پست روی حالت منبع بگذارید ویرایشگر بلاگفا رو ، و داخل تگ عکسی که میخواید به عنوان نمایشگر انتخاب بشه صفت زیر رو قرار بدین

id="select"

به نمونه زیر توجه کنید :

<img src="example.jpg">
تغییر به 
<img id="select" src="example.jpg">

عکس زیر اموزش ارسال پست در بخش مدیریت بلاگفا هستش

آموزش ارسال پست در قالب فتوبولاگ ساده بلاگفا

کپی کد قالب

<!DOCTYPE html>
<html>
<!-- theme designed by https://blacktheme.ir  | Weblog Themes & code for Weblog -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><-BlogAndPostTitle-></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="content-language" content="fa">
<meta name="description" content="<-BlogMetaDescription->">
<meta name="generator" content="blogfa.com">
<meta property="og:title" content="<-AutoPageTitle->">
<meta property="og:site_name" content="<-BlogTitle->">
<meta property="og:description" content="<-BlogMetaDescription->">
<meta name="twitter:title" content="<-AutoPageTitle->">
<meta name="twitter:description" content="<-BlogMetaDescription->">
<link rel="alternate" type="application/rss+xml" title="<-BlogTitle->" href="<-BlogXmlLink->" />
<link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/gh/rastikerdar/shabnam-font@v5.0.1/dist/font-face.css">
<style>html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}img{max-width:100%}*{box-sizing:border-box}body{background-color:#f8f8f8;line-height:1.7;padding:0;margin:0;direction:rtl;font-size:10pt;color:#3e3a3e}body,button,input,textarea{font-family:'shabnam',sans-serif,tahoma,arial}a{text-decoration:none;color:inherit}a:hover{color:#c09e6b}.blackthemeBox{margin:50px auto;padding:0 50px;border-radius:5px;min-height:400px;box-shadow:0 0 30px hsla(0,0%,77%,.2);background-color:#fff;overflow:hidden;position:relative}header{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;flex-wrap:wrap}header h1{margin:0;padding:0;font-size:18pt}nav ul{margin:0;padding:0;list-style-type:none;list-style:none;display:flex;flex-direction:row}nav ul li a svg{display:block}nav ul li a{display:block;padding:20px;padding-top:25px;margin-left:20px;position:relative;font-weight:600;padding-bottom:0;margin-bottom:25px;font-size:11pt}nav ul li a::before{content:'';position:absolute;top:0;height:6px;width:0;left:0;right:0;margin:auto;background-color:transparent;border-radius:0 0 4px 4px;transition:.2s ease-in-out}nav ul li a:hover::before{background-color:#c09e6b;width:100%}nav ul li a:last-of-type{margin-left:0}.blackthemeForm{padding-top:40px}.blackthemeForm form{position:relative}.blackthemeForm form input{width:100%;border:none;outline:0;height:40px;line-height:40px;padding-right:40px;border-bottom:1px solid #f3f3f3}.blackthemeForm form button{line-height:40px;height:40px;border:0;outline:0;position:absolute;right:0;top:0;cursor:pointer;background:0 0}.blackthemeForm form button:hover{color:#c09e6b}.blackthemeForm form button svg{display:block}.blackthemePostList{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;padding:10px 0;margin:0 -10px}.blackthemePostBoxWrap{width:33.333333%;padding:10px}.blackthemePostContent img{display:none;position:relative}.blackthemePostUrl .blackthemePostContent img {display: unset!important;}.blackthemePostImg{margin-bottom:10px;position:relative;height:150px;background-position:center;background-color:#f3f3f3;background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='lightgrey' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'%3E%3C/circle%3E%3Cpolyline points='21 15 16 10 5 21'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat}.blackthemePostImg::before{content:'';width:100%;height:100%;top:0;z-index:1;left:0;position:absolute;background-color:hsla(36,40%,59%,.9);background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-link'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'%3E%3C/path%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;opacity:0;transition:.25s ease-in-out}.blackthemePostLinkImg{display:block}.blackthemePostBox:hover .blackthemePostImg::before{opacity:1}.blackthemePostText h2{padding:0;margin:0;font-size:12pt;margin-bottom:5px}.blackthemePostText{height:100px;position:relative;overflow:hidden}.blackthemePostText>a{color:#c09e6b;font-weight:700}.blackthemePostText>blockquote{border-right:6px solid #c09e6b;padding:10px 20px;font-size:12pt;background-color:#f6f6f6}.blackthemePostBoxSetHead{width:100%!important}.blackthemePostBoxSetHead .blackthemePostBox{display:flex;flex-direction:row;align-items:stretch}.blackthemePostBoxSetHead .blackthemePostLinkImg{min-width:66.666666%;padding-left:7px}.blackthemePostBoxSetHead .blackthemePostImg{height:250px;margin-bottom:0}.blackthemePostBoxSetHead .blackthemePostText{height:250px;padding-right:13px}.blackthemePagination{padding:20px 0;font-size:11pt;font-weight:600;margin:auto}.blackthemePagination .blackthemePrevious{float:right}.blackthemePagination .blackthemeNext{float:left}.blackthemeClear{clear:both}footer{border-top:2px solid #f6f6f6;padding:15px 50px;margin:0 -50px;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}footer a{font-weight:600}.blackthemeCustom{padding:20px 0}.blackthemeSidebar{position:absolute;left:-355px;top:0;height:100%;overflow:auto;background-color:#fff;z-index:4;max-width:300px;width:100%;padding:20px;box-shadow:0 0 15px hsla(0,0%,57%,.3);transition:.3s cubic-bezier(.165,.84,.44,1);user-select:none}.blackthemeSidebarSet{left:0;user-select:unset}.blackthemeSidebarOverlay{position:absolute;top:0;left:0;height:100%;width:100%;background-color:hsla(36,40%,59%,.2);z-index:3;cursor:pointer;transition:.25s ease-in-out;opacity:0;pointer-events:none}.blackthemeSidebarOverlaySet{opacity:1;pointer-events:all}.blackthemeSidebarBox{margin-bottom:20px;border-radius:5px;padding:20px 0;padding-top:5px;border-bottom:1px solid #f3f3f3}.blackthemeSidebarBox h6{font-size:11pt;margin:10px 0;padding:0}.closeSidebar{margin-bottom:0;background:0 0;border:none;padding-left:20px}.closeSidebar h6{margin:0}.blackthemeSidebarBox ul{margin:0;padding:0;list-style:none}.blackthemeBox{max-width:992px}@media screen and (max-width:992px){.blackthemeBox{margin:20px}}@media screen and (max-width:768px){.blackthemePostBoxWrap{width:50%}.blackthemePostBoxSetHead .blackthemePostLinkImg{min-width:50%}.blackthemePostBoxSetHead .blackthemePostLinkImg{padding-left:10px}.blackthemeRemoveItem{display:none}}@media screen and (max-width:576px){.blackthemePostBoxWrap{width:100%}.blackthemePostBoxSetHead .blackthemePostBox{display:unset;flex-direction:unset;align-items:unset}.blackthemePostBoxSetHead .blackthemePostLinkImg{min-width:unset;padding-left:unset}.blackthemePostBoxSetHead .blackthemePostImg{height:150px;margin:unset;margin-bottom:10px}.blackthemePostBoxSetHead .blackthemePostText{height:100px;padding-right:unset}.blackthemeBox{margin:0;padding:20px}footer{margin:-20px;margin-top:20px;padding:20px}header h1{font-size:14pt}}.blackthemePostUrl .blackthemePostBoxWrap{width:100%!important}.blackthemePostUrl .blackthemePostBoxWrap .blackthemePostBox{display:block!important}.blackthemePostUrl .blackthemePostImg{height:250px!important}.blackthemePostUrl .blackthemePostText{height:unset}.blackthemePostInfo{display:none;padding-top:40px}.blackthemePostTag{padding-bottom:20px}.blackthemePostData{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-between}.blackthemeGetData{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.blackthemeComment{margin-right:40px}.blackthemeComment a{background-color:#c09e6b;color:#fff;padding:5px 10px;border-radius:2px;text-align:center;min-width:70px;display:block}.blackthemeComment a:hover{background-color:#3e3a3e}.blackthemePostAuthorIcon{width:45px;height:45px;border-radius:50%;border:2px solid #f3f3f3;display:flex;flex-direction:row;align-items:center;justify-content:center}.blackthemePostAuthorIcon svg{display:block}.blackthemePostDetails{display:flex;flex-direction:column;padding-right:10px}.blackthemePostUrl .blackthemePostImg::before{display:none}.blackthemePostUrl .blackthemePostLinkImg{user-select:none;pointer-events:none}.blackthemePostUrl .blackthemePostInfo{display:block}.blackthemePostUrl .blackthemePostBoxSetHead .blackthemePostBox{display:unset;flex-direction:unset;align-items:unset}.blackthemePostUrl .blackthemePostBoxSetHead .blackthemePostLinkImg{min-width:unset;padding-left:unset}.blackthemePostUrl .blackthemePostBoxSetHead .blackthemePostImg{height:unset;margin:unset;margin-bottom:10px}.blackthemePostUrl .blackthemePostBoxSetHead .blackthemePostText{height:auto;padding-right:unset}.blackthemePostUrl .blackthemePostLinkImg{display: none!important;}.blackthemePostText p{margin-top: 0;padding: 0;margin-block-start: 0;margin-block-end: 0;}.blackthemePostUrl .blackthemePostText p{margin:unset;padding: unset;margin-block-start: 1em;margin-block-end: 1em;}</style>
<script src="http://theme.blogfa.com/public/theme.1.2.js"  type="text/javascript" ></script>
<script type="text/javascript">
 try {
  cmt_caption[0]="نظرات";
  cmt_caption[1]="نظر بدهید";
  cmt_caption[2]="یک نظر";
  cmt_caption[3]="نظر";
  cmt_blogid="<-BlogId->";
  }
  catch(e) {}
 
</script>
</head>
<body>
<div class="blackthemeBox">
  <header>
    <nav>
      <ul>
        <li class="blackthemeRemoveItem"><a href="/">خانه</a></li>
        <BlogProfileLinkBlock><li class="blackthemeRemoveItem"><a href="<-BlogProfileLink->">پروفایل</a></li></BlogProfileLinkBlock>
        <BlogEmailBlock><li class="blackthemeRemoveItem"><a href="mailto:<-BlogEmail->">ایمیل</a></li></BlogEmailBlock>
        <li class="blackthemeRemoveItem"><a href="<-BlogArchiveLink->">آرشیو</a></li>
        <li class="blackthemeRemoveItem"><a href="/posts/">نوشته‌ها</a></li>
        <li><a class="blackthemeMenuFunction" href="javascript:void(0);">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
        </a></li>
      </ul>
    </nav>
    <div class="blackthemeBlogInfo">
      <h1><a href="<-BlogUrl->"><-BlogTitle-></a></h1>
    </div>
  </header>
  <div class="blackthemeSidebarOverlay"></div>
  <div class="blackthemeSidebar">
    <div class="blackthemeSidebarBox closeSidebar">
      <h6><a href="javascript:void(0)">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
      </a></h6>
    </div>
    <BlogProfile>
      <div class="blackthemeSidebarBox">
        <h6>بیوگرافی</h6>
        <BlogPhoto><img src="<-BlogPhotoLink->"><br></BlogPhoto>
        <-BlogAbout->
      </div>
    </BlogProfile>
    <BlogLinkDumpBlock>
      <div class="blackthemeSidebarBox">
        <h6>پیوندهای روزانه</h6>
        <ul>
          <BlogLinkDump>
            <li><a href="<-LinkUrl->" target="_blank" title="<-LinkDescription->">
                <-LinkTitle->
              </a></li>
          </BlogLinkDump>
          <li><a href="/links" onclick="return openlinks();">آرشیو پیوندهای روزانه</a></li>
        </ul>
      </div>
    </BlogLinkDumpBlock>
  
  
  
    <BlogArchiveBlock>
      <div class="blackthemeSidebarBox">
        <h6>نوشته‌های پیشین</h6>
        <ul>
          <BlogArchive>
            <li><a href="<-ArchiveLink->">
                <-ArchiveTitle->
              </a></li>
          </BlogArchive>
        </ul>
      </div>
    </BlogArchiveBlock>
  
  
  
    <BlogCategoriesBlock>
      <div class="blackthemeSidebarBox">
        <h6>آرشیو موضوعی</h6>
        <ul>
          <BlogCategories>
            <li><a href="<-CategoryLink->">
                <-CategoryName->
              </a></li>
          </BlogCategories>
        </ul>
      </div>
    </BlogCategoriesBlock>
  
  
    <BlogTagsBlock>
      <div class="blackthemeSidebarBox">
        <h6>برچسب‌ها</h6>
        <ul>
          <BlogTags>
            <li><a href="<-TagLink->">
                <-TagName->
              </a> <span> <-TagCount-></span></li>
          </BlogTags>
        </ul>
      </div>
    </BlogTagsBlock>
  
  
  
    <BlogAuthorsBlock>
      <div class="blackthemeSidebarBox">
        <h6>نویسندگان</h6>
        <ul>
          <BlogAuthors>
            <li><a href="<-AuthorLink->">
                <-AuthorName->
              </a></li>
          </BlogAuthors>
        </ul>
      </div>
    </BlogAuthorsBlock>
  
  
  
    <BlogLinksBlock>
      <div class="blackthemeSidebarBox">
        <h6>پیوندها</h6>
        <ul>
          <BlogLinks>
            <li><a href="<-LinkUrl->" target="_blank">
                <-LinkTitle->
              </a></li>
          </BlogLinks>
        </ul>
      </div>
    </BlogLinksBlock>

  </div>
  <div class="blackthemeForm">
    <form target="_new" method="get" action="http://www.google.com/search">
      <input name="q" placeholder="جستجو کنید ..." dir="rtl">
      <input value="<-BlogUrl->" type="radio" name="sitesearch" style="display: none" checked="">
      <button title="جستجو کن" type="submit" name="btnG">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
          stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="11" cy="11" r="8"></circle>
          <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
        </svg>
      </button>
    </form>
  </div>
  <div class="blackthemePostList">
    <BLOGFA>
    <div class="blackthemePostBoxWrap">
      <div class="blackthemePostBox">
        <a class="blackthemePostLinkImg" href="<-PostLink->">
          <div class="blackthemePostImg"></div>
        </a>
        <div class="blackthemePostContent">
          <div class="blackthemePostText">
            <h2><a href="<-PostLink->"><-PostTitle-></a></h2>
            <-PostContent->
            <div class="blackthemeClear"></div>
          </div>
          <div class="blackthemePostInfo">
            <BlogPostTagsBlock>
              <div class="blackthemePostTag">
                  <span>برچسب‌ها: </span><BlogPostTags separator=", "><a href="<-TagLink->"><-TagName-></a></BlogPostTags>
              </div>
            </BlogPostTagsBlock> 
            <div class="blackthemePostData">
              <div class="blackthemeGetData">
                <div class="blackthemePostAuthorIcon">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                    <circle cx="12" cy="7" r="4"></circle>
                  </svg>
                </div>
                <div class="blackthemePostDetails">
                  <span><-PostAuthor-></span>
                  <span><-PostDate-> ، <-PostTime-></span>
                </div>
              </div>
                
              <div class="blackthemeComment">
                <BlogComment><span dir="rtl" comment-for="<-PostId->"></span></BlogComment>
              </div>

            </div>
          </div>
        </div>
      </div>
    </div>
    </BLOGFA>
  </div>
  <BlogNextAndPreviousBlock>
    <div class="blackthemePagination">
      <BlogPreviousPageBlock>
        <a href="<-BlogPreviousPageLink->" class="blackthemePrevious"> صفحه ‌قبل</a>
      </BlogPreviousPageBlock>
      <BlogNextPageBlock>
        <a href="<-BlogNextPageLink->" class="blackthemeNext">صفحه ‌بعد</a>
      </BlogNextPageBlock>
      <div class="blackthemeClear"></div>
    </div>
  </BlogNextAndPreviousBlock>
  <div class="blackthemeCustom">
    <-BlogCustomHtml->
    <div class="blackthemeClear"></div>
  </div>
  <footer>
    <div>
      وبلاگ ساخته شده توسط <a href="<-BlogUrl->" title="<-BlogDescription->"><-BlogTitle-></a>
    </div>
    <div class="copyrightDesigner">
      قالب طراحی شده توسط <a href="https://blacktheme.ir/" title="قالب وبلاگ و کد وبلاگ" target="_blank">بلک تم</a>
    </div>
    
  </footer>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>$(".blackthemePostText").each((function(){if($(this).find("#select").length){var imgPostAttrSelect=$(this).find("#select").attr("src");$(this).parent().prevAll(".blackthemePostLinkImg").children(".blackthemePostImg").css({"background-image":"url("+imgPostAttrSelect+")","background-size":"cover","background-position":"bottom center"})}})),$(".blackthemePostList").each((function(){$(this).children(".blackthemePostBoxWrap:first-of-type").addClass("blackthemePostBoxSetHead")})),$(".blackthemeMenuFunction").click((function(){$(".blackthemeSidebar").addClass("blackthemeSidebarSet"),$(".blackthemeSidebarOverlay").addClass("blackthemeSidebarOverlaySet")})),$(".closeSidebar a,.blackthemeSidebarOverlay").click((function(){$(".blackthemeSidebar").removeClass("blackthemeSidebarSet"),$(".blackthemeSidebarOverlay").removeClass("blackthemeSidebarOverlaySet")}));var windowURL=window.location.href;windowURL.indexOf("post")>-1&&($(".blackthemePostList").addClass("blackthemePostUrl"),$("#select").prependTo(".blackthemePostText"));</script>
</body>
</html>

 

قالب بلاگفا

قالب بلاگری بلاگفاقالب خاص عکاسیقالب ساده بلاگفاقالب سایت برای وبلاگقالب عکاسی بلاگفاقالب عکاسی وبلاگقالب عکس بلاگفاقالب عکس نوشته بلاگفاقالب فوتوبلاگ ساده بلاگفا

۱۴ دیدگاه

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

    اگه میشه کمک کن

    • سلام ، بعضی قالب‌ها برای حفظ حق کپی رایت اینطوری طراحی شدن که لینک رو عوض نکنن ، اگر میخوای عوض کنی و حذف کنی باید جاوا اسکریپت رو از دوباره بازنویسی کنی تا قالب بهم نریزه

      + قالب‌های جدید که اضافه میشن این بخش رو ندارن

  • سلام داداش خیلی ممنون از قالب های عالی که طراحی کردی
    چطوری میتونم حالت شب یا تغییر تم بزارم روی قالب
    لطفا راهنمایی کنید
    خیلی ممنون

    • سلام دوست عزیز ، خواهش میکنم نظر لطفتونه
      برای اینکه حالت شب روی قالبتون قرار بدین اول باید یک دکمه طراحی کنید(برای کلیک کردن، شب/روز) ، سپس css قالبتون رو چک کنید که کدام بخش‌ها باید تغییر کنند در حالت شب ، سپس با استفاده از جاوا اسکریپت این تغییرات رو اعمال کنید . این حالت روان انجام اینکار بود حالا بخش کدنویسیش

      <style>
        .darkTheme {
          background-color: black;
          color: gray;
        }
      </style>
      <a href="javascript:void(0);" id="theme">تغییر تم</a>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
      <script>
        $('#theme').click(function(){
          $('body').toggleClass('darkTheme');
        });
      </script>

      همین تکه کد را در آخر وبلاگتان قرار بدهد سپس ذخیره کنید ، میبیند با کلیک کردن روی تغییر تم پس زمینه وبلاگ به مشکی تغییر خواهد کرد، سایر بخش‌ها هم به همین صورت است ، امیدوارم بدردتان خورده باشد.
      این هم یک نمونه:

      See the Pen
      KKgZKpQ
      by blacktheme (@blackthemeir)
      on CodePen.

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

    با تشکر فراوان

  • سلام مجدد داداش یکی از پست هایی که داخل وبلاگ قرار دادم متنش خیلی طولانی شده و میخوام یک فهرست مطالب یا همون table of contents قرار بدم. اگه میشه لطفا راهنمایی کنید

    با تشکر فراوان

    • دوست عزیز برای این کار شما یک لیست درست کنید مثل کد زیر

      پریدن به پارت ۱

      در قسمت لینک یک هشتگ بنویسید سپس بنویسید part1 یا هرچیز دیگه ای
      ، بعدش میریم به قسمت پارت یک قسمتی که میخوایم با کلیک کردن روی لینک بالا کاربر به اون قسمت بیاد و روی بدنه تگ مینویسم

      عنوان پارت که میخواهیم به روی آن بیایم

      حالا با کلیک کردن روی لینک بالا به این قسمت میایم، این مثال کلی بود حالا هرچنتا که میخواید میتونید ازین بسازید

      See the Pen
      KKNZbbq
      by blacktheme (@blackthemeir)
      on CodePen.

      • داداش دستت درد نکنه خیلی عالیه فقط ی مشکلی هست اونم فک کنم از خود بلاگفا باشه
        هر وقت که بخوام برای ویرایش پست برم از کد اول rel=”nofollow ugc” و از کد دوم id=”part1″ این پاک میشن
        دقیقا همین اتفاق برای انتخاب عکس به عنوان نمایشگر هر پست که باید این کد id=”select” برای هر ویرایش وارد کنم. که در بالاهم توضیح دادین.
        اگه روشی بلدین که از پاک شدن اینا جلوگیری کنه خیلی ممنون میشم راهنمایی کنید.

        • ببینید قسمت rel لازم نیست بزارید این بخش رو وبسایت خودش گذاشته .. مهم اون بخش href هست و اینکه بلاگفا هر سری که پست رو ویرایش میکنید باید در حالت منبع بزارید و کد هارو از دوباره اضافه کنید و در همون حالت ارسال کنید ، راه جایگزینی نداره مگه اینکه بلاگفا آپدیت کنه ..

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *