AI Text Reading
تُعدّ تقنية قراءة النصوص بالذكاء الاصطناعي أداة متطورة تم تصميمها لتمكين المستخدمين من الاستماع إلى المقالات بصوت طبيعي يحاكي أسلوب البشر. تتميز هذه الأداة بذكائها وسهولة استخدامها، حيث تتيح للمستخدم إمكانية سماع أي جزء من المحتوى بمجرد النقر عليه.
كيفية الاستخدام:- اختيار اللغة والصوت، ثم النقر على زر القراءة.
- او قم بتشغيل زر الوضع المتقدم والنقر بزر الماوس على اى نص ليتم قراءته.
سنتعرف اليوم علي شرح اضافة أرشيف الموقع حسب تاريخ المشاركة (Sitemap) علي شكل تسلسل تاريخي بشكل مميز، يساعد فهرس الموقع على سهولة تنقل الزائر بين المقالات بمرونة وسرعة.
إضافة أرشيف الموقع
ما هو أرشيف الموقع؟ فهرس الموقع أو أرشيف الموقع من الأشياء التي يجب توفرها في موقعك أو مدونتك، فهو يساعدك بشكل كبير علي ترتيب وتنظيم محتوى المدونة مما يسهل بحث الزائر عن موضوع معين وهو بمثابة تنقل سريع بين الصفحات.
كود فهرس الموقع المستخدم في الشرح خفيف ويعطي تجربة أفضل للمستخدم وأيضاً لمحركات البحث، وهناك طريقتان لإضافة أرشيف الموقع أو صفحة الفهرس علي مدونتك أو موقعك.
ميزات اضافة أرشيف الموقع او فهرس المدونة (sitemap)
- تنقل الزائر بسهولة بين المقالات.
- سهولة اطلع الزوار على محتوى كامل بشكل سريع.
- أرشيف الموقع يعطي تجربة افضل للمستخدم.
- يوفر أرشيف الموقع المقالات حسب تاريخ رفعها.
- أيضا وجود فهرس الموقع يقلل من نسبة الارتداد.
- كود أرشيف الموقع كود نظيف وخفيف بشكل فهرس مميز.
- يساعد أرشيف الموقع على تنظيم المحتوى بسهولة.
- يساعد فهرس الموقع على تنقل الزائر بشكل سريع لأي مقال.
- وجود أرشيف الموقع يساعد علي تحسين محركات البحث.
شرح اضافة أرشيف الموقع حسب تاريخ المشاركة
في هذا المقال سنتعلم كيفية اضافة أرشيف الموقع حسب تاريخ المشاركة، لتسهيل تجربة مستخدم أفضل والوصول لجميع المشاركات بتسلسل زمني عن طريق خريطة الموقع "Sitemap" أو ما يطلق علية فهرس أو أرشيف المدونة.
تابع الخطوات التالية لـ اضافة أرشيف الموقع في بلوجر "Blogger" وركز جيداً.
ملحوظة: يوصى بعمل نسخة احتياطية من القالب الحالي قبل تخصيص القالب أو إجراء تغييرات لتجنب حدوث أي أخطاء، حتى يمكنك استعادة القالب الأصلي.
الطريقة الأولى اضافة أرشيف الموقع
- قم بتسجيل الدخول إلى بلوجر - Blogger.
- التوجه للوحة تحكم مدونتك ثم المظهر وتعديل HTML.
- اضغط في الكيبورد على Ctrl + F ثم البحث </head> والصق البرنامج النصي أدناه أعلى علامة </head> مباشرةً قبله.
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.itheric-sitemap{position:relative;margin:30px auto;text-align:right;}
.itheric-toc-wrap{display:inline-block;width:100%}
.itheric-toc-wrap .itheric-cat{background:#fff;border-radius:2px;color:#333;font-size:15px;font-weight:700;padding:10px 20px;border:4px solid #333;text-transform:capitalize}
.itheric-toc::before{background:#333;bottom:0;content:'';left:20%;margin-left:-10px;position:absolute;top:0;width:4px}
.itheric-toc{margin:0;padding:30px 20px;position:relative}
.itheric-sitemap ul.itheric-toc{margin:0;padding:30px 0;list-style-type:none}
.itheric-toc li{list-style:none;margin:0;padding:0;position:relative}
.itheric-toc > li .toc-date{color:#999;display:block;font-size:14px;font-weight:bold;position:absolute;text-transform:uppercase;top:25px;width:15%}
.itheric-toc > li .itheric-icon{background:#fff;border-radius:50%;box-shadow:0 0 0 4px #333;color:#fff;font-size:1.4em;font-style:normal;font-variant:normal;font-weight:normal;height:10px;left:21.8%;line-height:10px;margin:0 0 0 -25px;position:absolute;text-align:center;text-transform:none;top:30px;width:10px}
.itheric-toc > li .itheric-post::after{border-color:transparent #f5f5f5 transparent transparent;border-style:solid;border-width:10px;content:'';height:0;pointer-events:none;position:absolute;right:100%;top:auto;width:0}
.itheric-toc > li .itheric-post{background:#f5f5f5;border-radius:5px;display:block;font-size:15px;margin:0 0 15px 23%;padding:25px 30px;position:relative}
.itheric-toc > li .itheric-post a{color:#333;font-weight:700}
.itheric-toc > li:last-child .itheric-post{margin:0 0 0 23%}
.itheric-toc > li .itheric-post a:hover{color:#999}
</style>
<script type='text/javascript'>
/*<![CDATA[*/
$(document).ready(function(){var static_page_text=$.trim($(".post-body").text());var text_month=[," / 1 / "," / 2 / "," / 3 / "," / 4 / "," / 5 / "," / 6 / "," / 7 / "," / 8 / "," / 9 / "," / 10 / "," / 11 / "," / 12 / "];if(static_page_text==="[sitemap]"){var postbody=$(".post-body");$.ajax({url:"/feeds/posts/default?alt=json-in-script",type:"get",dataType:"jsonp",success:function(e){var t=[];for(var n=0;n<e.feed.category.length;n++){t.push(e.feed.category[n].term)}var t=t.join("/");postbody.html('<div class="itheric-sitemap"></div>');$(".post-body .itheric-sitemap").text(t);var r=$(".itheric-sitemap").text().split("/");var i="";for(get=0;get<r.length;++get){i+="<span>"+r[get]+"</span>"}$(".itheric-sitemap").html(i);$(".itheric-sitemap span").each(function(){var e=$(this);var t=$(this).text();$.ajax({url:"/feeds/posts/default/-/"+t+"?alt=json-in-script",type:"get",dataType:"jsonp",success:function(n){var r="";var i='<ul class="itheric-toc">';for(var s=0;s<n.feed.entry.length;s++){for(var o=0;o<n.feed.entry[s].link.length;o++){if(n.feed.entry[s].link[o].rel=="alternate"){r=n.feed.entry[s].link[o].href;break}}var u=n.feed.entry[s].title.$t;var a=n.feed.entry[s].published.$t,f=a.substring(0,4),l=a.substring(5,7),c=a.substring(8,10),h='<span class="day">'+c.replace(/^0+/,"")+'</span><span class="month">'+text_month[parseInt(l,10)]+' </span><span class="year">'+f+"</span>";i+='<li><div class="toc-date">'+h+'</div><div class="itheric-icon"></div><span class="itheric-post"><a href="'+r+'">'+u+"</a></span></li>"}i+="</ul>";e.replaceWith('<div class="itheric-toc-wrap"><div class="itheric-cat">'+t+'</div>'+i+"</div>")}})})}})}});
/*]]>*/
</script>
</b:if>
3. بعد ذلك قم بإنشاء صفحة جديدة ثم اختار عرض HTML، قم بمسح جميع الأكواد الموجودة في الصفحة وقم بإضافة هذا الوسم فقط [sitemap].
الأن قم بمعاينة الصفحة لتري إضافة أرشيف الموقع، وإذا واجهت أي مشكلة ولم تعمل الإضافة قم بمتابعة الطريقة الثانية لـ اضافة فهرس الموقع.
الطريقة الثانية "اضافة أرشيف الموقع حسب تاريخ المشاركة"
كما فعلنا بالطريقة الأولي في إضافة فهرس المواضيع للمدونة.
- التوجه للوحة تحكم مدونتك ثم المظهر وتعديل HTML.
- اضغط في الكيبورد على Ctrl + F ثم ابحث عن </head> والصق البرنامج النصي أدناه أعلى علامة </head> مباشرةً قبله.
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.itheric-sitemap{position:relative;margin:30px auto;}
.itheric-toc-wrap{display:inline-block;width:100%}
.itheric-toc-wrap .itheric-cat{background:#fff;border-radius:2px;color:#333;font-size:15px;font-weight:700;padding:10px 20px;border:4px solid #333;text-transform:capitalize}
.itheric-toc::before{background:#333;bottom:0;content:'';left:20%;margin-left:-10px;position:absolute;top:0;width:4px}
.itheric-toc{margin:0;padding:30px 20px;position:relative}
.itheric-sitemap ul.itheric-toc{margin:0;padding:30px 0;list-style-type:none}
.itheric-toc li{list-style:none;margin:0;padding:0;position:relative}
.itheric-toc > li .toc-date{color:#999;display:-webkit-box;font-size:14px;font-weight:bold;position:absolute;text-transform:uppercase;top:25px;width:15%;left: .01em;}
.itheric-toc > li .itheric-icon{background:#fff;border-radius:50%;box-shadow:0 0 0 4px #333;color:#fff;font-size:1.4em;font-style:normal;font-variant:normal;font-weight:normal;height:10px;left:21.8%;line-height:10px;margin:0 0 0 -25px;position:absolute;text-align:center;text-transform:none;top:30px;width:10px}
.itheric-toc > li .itheric-post::after{border-color:transparent #f5f5f5 transparent transparent;border-style:solid;border-width:10px;content:'';height:0;pointer-events:none;position:absolute;right:100%;top:auto;width:0}
.itheric-toc > li .itheric-post{background:#f5f5f5;border-radius:5px;display:block;font-size:15px;margin:0 0 15px 23%;padding:25px 30px;position:relative}
.itheric-toc > li .itheric-post a{color:#333;font-weight:700}
.itheric-toc > li:last-child .itheric-post{margin:0 0 0 23%}
.itheric-toc > li .itheric-post a:hover{color:#999}
</style>
</b:if>
3. بعد ذلك قم بإنشاء صفحة جديدة ثم اختار عرض HTML، قم بمسح جميع الأكواد الموجودة في الصفحة وقم بإضافة هذا الكود التالي.
<script type='text/javascript'>
/*<![CDATA[*/
$(document).ready(function(){var static_page_text=$.trim($(".post-body").text());var text_month=[," / 1 / "," / 2 / "," / 3 / "," / 4 / "," / 5 / "," / 6 / "," / 7 / "," / 8 / "," / 9 / "," / 10 / "," / 11 / "," / 12 / "];if(static_page_text==="[sitemap]"){var postbody=$(".post-body");$.ajax({url:"/feeds/posts/default?alt=json-in-script",type:"get",dataType:"jsonp",success:function(e){var t=[];for(var n=0;n<e.feed.category.length;n++){t.push(e.feed.category[n].term)}var t=t.join("/");postbody.html('<div class="itheric-sitemap"></div>');$(".post-body .itheric-sitemap").text(t);var r=$(".itheric-sitemap").text().split("/");var i="";for(get=0;get<r.length;++get){i+="<span>"+r[get]+"</span>"}$(".itheric-sitemap").html(i);$(".itheric-sitemap span").each(function(){var e=$(this);var t=$(this).text();$.ajax({url:"/feeds/posts/default/-/"+t+"?alt=json-in-script",type:"get",dataType:"jsonp",success:function(n){var r="";var i='<ul class="itheric-toc">';for(var s=0;s<n.feed.entry.length;s++){for(var o=0;o<n.feed.entry[s].link.length;o++){if(n.feed.entry[s].link[o].rel=="alternate"){r=n.feed.entry[s].link[o].href;break}}var u=n.feed.entry[s].title.$t;var a=n.feed.entry[s].published.$t,f=a.substring(0,4),l=a.substring(5,7),c=a.substring(8,10),h='<span class="day">'+c.replace(/^0+/,"")+'</span><span class="month">'+text_month[parseInt(l,10)]+' </span><span class="year">'+f+"</span>";i+='<li><div class="toc-date">'+h+'</div><div class="itheric-icon"></div><span class="itheric-post"><a href="'+r+'">'+u+"</a></span></li>"}i+="</ul>";e.replaceWith('<div class="itheric-toc-wrap"><div class="itheric-cat">'+t+'</div>'+i+"</div>")}})})}})}});
/*]]>*/
</script>
الأن قم بمعاينة الصفحة لترى "أرشيف الموقع حسب تاريخ المشاركة".
سعدنا بوجودك 😍 شكراً لك اترك تعليقك بمدى أستفادتك من المحتوى دعمنا لنا وسيتم الرد عليك في أقرب وقت. يسعدنا دائماً اقتراحاتكم بخصوص المحتوى وأذا كان لديك أى أستفسار لاتترد بالتعليق أو المراسلة عبر صندوق البريد.