پیغام مدیر :
با سلام خدمت شما بازديدكننده گرامي ، خوش آمدید به سایت من . لطفا براي هرچه بهتر شدن مطالب اين وب سایت ، ما را از نظرات و پيشنهادات خود آگاه سازيد و به ما را در بهتر شدن كيفيت مطالب ياري کنید.
 
آمار
امروز : 1
ديروز : 0
افراد آنلاين : 1
همه : 7
 
توضيحات مربوط به ساختار اصلي فايل CSS
نوشته شده در ۸ مهر ۱۳۹۷
ساعت : ۱۲:۰۱:۳۸
نویسنده : وردپرس وب
نظرات (0)

توضيحات مربوط به ساختار اصلي فايل css

درود بي پايان بر همراهان دوست داشتني ميهن وردپرس. اميدوارم حالتان خوب باشد و با انرژي يادگيري اين قسمت را شروع كنيد!

خب تا كجا گفتيم؟ در جلسه قبل به صورت كامل نحوه استفاده از css در html را با هم يادگرفتيم. يادتان كه هست؟! سه روش داشت : روش اكسترنال – روش مستقيم – روش درون تگي.

 

در اين جلسه ساختار كلي فايل هاي css را با هم بررسي ميكنيم به عبارتي الفباي كد نويسي css را با هم ياد ميگيريم.

ساختار اصلي فايل CSS

همانطور كه تصوير زير مشاهده مي كنيد ، براي كد نويسي css بايد از سلكتور استفاده كنيم. سلكتور چيست؟ سلكتور به معني انتخاب كننده است به عبارتي به كمك سلكتور ها مي تواينم انتخاب كنيم استايل هاي كه نوشتيم به كدام بخش اعمال شود. براي مثال : اين استايل به منو اعمال شود ، اين استايل به فوتر اعمال شود و… به همين ترتيب. پس ابتدا نام سلكتور مورد نظرمان را مي نويسيم ،  سپس آكولاد باز و بسته و در آخر در بين اين دو آكولاد دستورات و استايلي هايي كه مورد نظرمان است را مي نويسم. راستي تا يادم نرفته است بگويم : در پايان هر استايل و دستور هم سميكالن ميگذاريم (shift + حرف ك). تصوير زير به درك بهتر شما كمك ميكند.

ساختار كد css

انواع سلكتورها در css :

به صورت كلي در css سه نوع سلكتور داريم :

  1.  
     نام تگ
  2.  
     كلاس
  3.  
     آيدي

 

1- نام تگ :

با استفاده از نام تگ ، مي توانيم انتخاب كنيم چه استايل هايي بر آن اعمال بشود مثلا : p – h1 – body – img و…

نكته : با استفاده از اين روش ، استايل هايي كه نوشتيم به تمام تگ هايمان اعمال ميشود. بهتر بگويم : به عنوان مثال اگر ما 10 پاراگراف داشته باشيم ، با سلكتور نام تگ ، استايل هايي كه نوشتيم به تمام 10 پاراگراف اعمال ميشود. خب شايد ما نخواهيم تمام 10 پاراگرفي كه نوشتيم مثل هم باشند! چه كار كنيم؟ چاره كار استفاده از سلكتور كلاس است كه در ادامه برايتان توضيح ميدهم.

كد نويسي css

2- كلاس :

شما مي توانيد براي هر تگي كه استفاده ميكنيد يك كلاس در نظر بگيريد. به بيان بهتر تگتان را اختصاصي كنيد و نام مخصوصي هم برايش در نظر بگيريد. مثلا 10 پاراگراف داريد و اسم پاراگراف اول را مي گذاريد tozihat ، اسم پاراگراف دوم را مي گذاريد text و…

نكته : دقت كنيد هر كلاس با . شروع ميشود.

كد نويسي css

3- آيدي :

آيدي ها كمي اختصاصي هستند و بيشتر براي مواردي در سايت استفاده ميشوند كه يكتا هستند. مثلا ما در سايتمان يك اسلايدر داريم ، يك منو داريم و… ضمن اينكه آيدي ها براي كدنويسي javascript به كمك ما مي آيند.

نكته : هر آيدي با # شروع ميشود.

كد نويسي css

خب به همين سادگي و به همين خوشمزگي! سلكتورها هم تمام شد. راستي تا يادم نرفته است نحوه كامنت كرد كدها در css را هم برايتان بگويم :

كامنت كردن كدها در css :

كامنت ها به شما اطلاعاتي راجب كد نويسي تان مي دهند. مثلا روزي كه يك طراح حرفه اي شديد و يك قالب حرفه اي طراحي كرديد ، حتما براي قسمت هاي مختلفش كامنت گذاري ميكنيد تا بعدا كه به قالب مراجعه كرديد يادتان باشد اين استايل مربوط به كدام قسمت است و براي چه چيزي نوشته شده است.

نكته : كامنت ها در مرورگر نمايش داده نميشوند.

تصوير زير مفهوم كامنت گذاري در css را به خوبي به شما آموزش مي دهد :

كامنت كردن كدها در css

نكته : اگر ميخواهيد طراح با كلاس تري به نظر برسيد و سري در سرها دربياوريد! به جاي “استايل هاي مربوط به فوتر سايت” ميتوانيد بنويسيد : footer style :دي

خب تا همين جا كافي است. باقي مباحث را در جلسات بعدي باهم ياد خواهيم گرفت. مخلص…

 

منبع : ميهن وردپرس

:: موضوعات مرتبط:
:: برچسب‌ها: توضيحات مربوط به ساختار اصلي فايل CSS،
 



ساعت : ۱۲:۰۱:۰۱
نویسنده : وردپرس وب
نظرات (0)

ثبت سايت در Yandex

ثبت سايت در Yandex – موتور جستجوي ملي روسيه

آيا مي خواهيد وب سايت خود را به ابزار وب مستر يندكس وصل كنيد؟ ابزار وب مستر مانند كنسول موتور جستجو از گوگل و مدير وب سايت بينگ به شما در بهينه سازي سايت خود، نظارت بر ترافيك، مديريت robots.txt، بررسي سايت ها و موارد ديگر كمك مي كند. در اين آموزش، ما نحوه اضافه كردن سايت وردپرسي خود را در ابزارهاي وب مستر Yandex براي نظارت بر ترافيك موتور جستجوي خود توضيح ميدهيم.

ياندكس چيست؟

Yandex يك موتور جستجوي محبوب مانند Google و Bing در روسيه است. شما مي توانيد سايت خود را براي جستجوگرها در ياندكس بهينه سازي كنيد تا بازديد كنندگان بيشتر از روسيه دريافت كنيد.

Yandex داراي طيف وسيعي از ابزارهايي مانند موتور جستجوي عمومي، جستجوي تصوير، ايميل، فيلم ها، نقشه ها و موارد ديگر است. همچنين داراي ابزار وب مستر براي كمك به رتبه بندي سايت شما، نظارت بر آمار ترافيك، جستجوگرها، كلمات كليدي و موارد ديگر است.

شما مي توانيد سايت وردپرس خود را با Yandex با استفاده از افزونه Yoast SEO پيوند دهيد. اين كار شبيه به كنسول جستجوي گوگل و ابزار Bing Webmaster است كه در پكيج آموزش سئو توضيح داده شد.

اضافه كردن سايت وردپرس در ابزارهاي وب مستر Yandex

قبل از شروع، به يك حساب ابزار ابزار وب سايت Yandex نياز داريد تا سايت خود را تاييد كنيد. هنگامي كه حساب خود را ايجاد كرده ايد، مي توانيد به سايت وردپرس خود وارد شويد تا ابزارهاي وب مسترينگ Yandex را با پلاگين Yoast SEO جستجو كنيد. در دو مرحله ميتوان اين عمل را انجام داد.

 

مرحله 1. ايجاد يك حساب كاربري در Yandex

در اولين مرحله يك حساب كاربري در يندكس ايجاد نماييد. روي آدرس https://passport.yandex.com/registration كليك كنيد. پس از ايجاد حساب كاربري، حالا به ادرس https://webmaster.yandex.com/site/dashboard/ وارد شويد. در اين صفحه، شما بايد بر روي دكمه add new site كليك كنيد تا سايت شما در Yandex اضافه شود.

در بخش “site address”، نام دامنه سايت خود را به صورت كامل اضافه و روي دكمه Add كليك كنيد. سپس مانند تصوير زير كد محتوا داده شده را كپي كنيد. اين كد براي احراز هويت شما و سايتتان است. با اين كار يندكس متوجه خواهد شد شما صاحب واقعي سايت هستيد.

افزودن وبسايت

مرحله 2. ورود به پنل مديريت وردپرس و افزودن كد

اكنون وارد بخش پيشخوان وردپرس خود شويد و كد احراز هويت كه در بالا دريافت كرديد را در بخش تنظيمات وب مستر Yoast SEO اضافه نماييد.

روي منو سئو> عمومي>ابزارهاي وب مستر كليك كنيد و در بخش Yandex verification كد را جايگذاري و ذخيره نماييد. و به صفحه ابزار وب سايت ياندكس كه در آنجا كد را كپي كرديد، بازگرديد و  روي دكمه Check كليك كنيد تا جستجوگر يندكس كد در سايت شما را بررسي كند.

پس از تأييد پيغام موفقيت آميز، نام كاربري شما كه مشخص ميكند سايت وردپرسي شما به سرويس يندكس اضافه شده است را خواهيد ديد. همچنين مي توانيد نام هاي كاربري ديگري را در اين قسمت اضافه و  روي دكمه Delegate rights كليك كنيد و اين اجازه را به كاربران سايت خود دهيد تا اين صفحه را تحت نظارت خود داشته باشند.

در حال حاضر سايت شما تأييد شده و در ابزارهاي وب سايت يندكس اضافه شده است. شما مي توانيد آمار ترافيك سايت، خطاهاي سايت، نمايش هاي جستجو، لينك هاي داخلي و خارجي، اطلاعات سايت، تجزيه و تحليل robots.txt، صفحات حسابرسي براي تلفن همراه و غيره را در داشبورد Yandex مشاهده كنيد. شما مي توانيد از منوي سمت چپ صفحه براي پيدا كردن هر گونه اطلاعاتي كه ممكن است نياز داريد استفاده كنيد.

موفق و پيروز باشيد. 🙂

 

منبع : ميهن وردپرس

:: موضوعات مرتبط:
:: برچسب‌ها: ثبت سايت در Yandex – موتور جستجوي ملي روسيه،
 



معرفي تگ هاي كاربردي HTML
نوشته شده در ۸ مهر ۱۳۹۷
ساعت : ۱۲:۰۰:۱۷
نویسنده : وردپرس وب
نظرات (0)

معرفي تگ هاي كاربردي html

سلام و درود به شما همراهان دوست داشتني ميهن وردپرس

در جلسات قبلي بيشتر مفاهيم ابتدايي را با هم كار كرديم. اميدوارم به صورت كامل بر آن ها تسلط داشته باشيد. از اين جلسه به بعد شروع به آموزش قابليت هاي مهم و كاربردي ميكنيم. با من همراه باشيد:

تگ
:

اين تگ يكي از مهم ترين و كاربردي ترين تگ هاي HTML است. به وسليه اين تگ مي توانيم صفحه ي سايتمان را قسمت بندي كنيم و در هر كدام از اين قسمت ها ، محتوايي را كه دوست داريم قرار بدهيم. اين تگ به دو صورت خوانده ميشود.

1- ديو

2- دي آي وي

به خودتان بستگي دارد كه چه مدلي بخوانيدش! من مدل دوم را ترجيح ميدهم!

تگ div

نكته : تگ

از نوع block است و inline نيست. يعني هر وقت از آن استفاده كنيم كل عرض مرورگر را ميگيرد. به عبارتي اگر شما سه تگ
را پشت سر هم بنويسيد ، محتوايشان زير هم نمايش داده ميشود نه كنار هم. راجب مفهوم inline و block بعدا با هم صحبت خواهيم كرد.

نكته : تگ دي آي وي يك تگ بسته است.

 

تگ هاي عنوان :

اين يك عنوان است

اين يك عنوان است

اين يك عنوان است

اين يك عنوان است

اين يك عنوان است

اين يك عنوان است

تگ هاي هدينگ

همانطور كه از اسمشان معلوم است براي عنوان ها از اين تگ ها استفاده ميشود. اهميت عنوان ها از h1 تا h6 به ترتيب كاهش مي يابد. اين موضوع درباره سئو هم صدق مي كند و تگ h1 نسبت به h2 اهميت بيشتري دارد. تگ h2 نسب به h3 و… به همين ترتيب.

نكته : تگ هاي عنوان يا همان heading ها مانند تگ div از نوع بلاك هستند. يعني به صورت زير همديگر قرار ميگيرند.

نكته : تگ هاي heading از نوع تگ هاي بسته هستند.

تگ

:

مي رسيم به تگ دوست داشتني p ! با استفاده از اين تگ مي توانيم پاراگراف ها را به سايتمان اضافه كنيم. بخش عمده اي از هر پست سايت از پاراگراف ها تشكيل شده است. اگر با مرورگرتان از همين متن inspect بگيريد ، متوجه اين موضوع ميشويد.

نكته : تگ p از نوع block است. حالا شما بگوييد : از نوع block است يعني…

نكته : تگ p از نوع تگ هاي بسته است.

 

تگ :

با استفاده از تگ img مي توانيم در سايتمان از تصاوير استفاده كنيم. اين تگ چند اتربيوت(ويژگي) مهم دارد كه آن ها را به شما معرفي ميكنم.

اتربيوت هاي تگ img :

src : در اين اتربيوت آدرس عكسمان قرار مي گيرد.

alt : اين اتربيوت يك متن جايگزين براي عكسمان در نظر ميگيرد تا اگر عكسمان به هر دليلي لود نشد ، آن متن نمايش داده شود. احتمالا يك بار اتفاق افتاده است كه با چنين سايتي مواجه شده باشيد. راستي حتما alt را قرار دهيد. حتي اگر شده به صورت خالي چون براي سئو مهم است.

title : اين اتربيوت عنوان عكس را نمايش ميدهد. به عبارتي وقتي موس را روي عكس ببريد title نمايش داده ميشود.

width : عرض تصوير را مشخص ميكند.

height : ارتفاع تصوير را مشخص ميكند.

در نهايت يك تگ img كامل به اين صورت در مي آيد :

تگ img

خب تا همين جا كافي است. حتما تگ هاي گفته شده را در فايل html ي كه ايجاد كرده ايد ، بنويسيد و تمرين كنيد تا به خوبي ملكه ذهنتان شود. تا جلسه بعدي خدانگهدارتان…

 

منبع : ميهن وردپرس

:: موضوعات مرتبط:
:: برچسب‌ها: معرفي تگ هاي كاربردي HTML،
 



ساعت : ۱۱:۵۹:۳۰
نویسنده : وردپرس وب
نظرات (0)

نرم افزار WordPress

سايت وردپرس خود را با نرم افزار WordPress مديريت كنيد!

آيا مي خواهيد از نرم افزار WordPress براي سايت شخصي خود استفاده كنيد؟ برنامه دسكتاپ وردپرس اجازه مي دهد تا به راحتي مطالب سايت خود را بدون نياز به ايجاد تب هاي مرورگر، ويرايش كرده و يا بنويسيد. با ما همراه باشيد با نحوه استفاده از برنامه دسكتاپ وردپرس

مزايا و معايب استفاده از دسكتاپ وردپرس

نرم افزار دسكتاپ وردپرس توسط Automattic ايجاد شده است، اين شركت تاسيس شده توسط مت مالنوگ، بنيانگذار وردپرس است. اين شركت همچنين پشت JetPack و WordPress.com است.

برنامه دسكتاپ وردپرس يك تجربه كاربري پيشرفته براي وب سايت هاي وردپرس ارائه مي دهد كه مخصوصا براي كاربراني كه به دنبال يك ويرايشگر رايگان براي ايجاد محتوا هستند، بسيار عالي و مناسب است. اما با اين حال، درست مانند هر چيز ديگري در جهان، جوانب مثبت و منفي خود را نيز دارد.

مزايا:
  •  
    ارائه رابط كاربري خوبي براي مديريت وب سايت شما
  •  
    همگام سازي سريع محتويات شما و ارائه تجربه نوشتن عالي
  •  
    به شما امكان مي دهد تا وظايف مديريت وب سايت را بدون باز كردن مرورگر خود مانند به روز رساني افزونه و پاسخ دادن به نظرات، انجام دهيد.
 معايب:
  •  
    اين برنامه در حالت آفلاين كار نمي كند، يعني اينكه شما نميتوانيد پست ارسال كنيد و فقط ميتوان مطالب را با استفاده از برنامه دسكتاپ در سيستم خود ذخيره كرد.
  •  
    فيلد هاي سفارشي ايجاد شده توسط افزونه ها را در ويرايشگر پست بارگذاري نمي كند. به عنوان مثال، اگر از Yoast SEO استفاده مي كنيد، نمي توانيد تنظيمات سئو پست تان را از بخش دسكتاپ وردپرس ويرايش كنيد.
  •  
    نياز به نصب افزونه JetPack و ثبت نام براي ايجاد حساب كاربري در WordPress.com داريد.

استفاده كردن از برنامه دسكتاپ براي سايت وردپرس

ابتدا نرم افزار وردپرس را از اين صفحه دانلود كنيد.

در اولين گام افزونه JetPack را نصب و فعال كنيد. پس از فعال سازي افزونه، بايد افزونه JetPack را به حساب كاربري WordPress.com متصل كنيد. روي دكمه Setup Jetpack كليك كنيد.

شما به وب سايت WordPress.com هدايت ميشويد. اگر قبلا يك حساب كاربري در WordPress.com ايجاد كرديد با آن وارد شويد، اگر نه، براي ايجاد يك حساب كاربري، بر روي دكمه ثبت نام كليك كنيد.

اكنون حساب كاربري رايگان شما ايجاد شده است و به وب سايت خود هدايت مي شويد. سپس، شما برنامه دسكتاپ وردپرس در سيستم خود دانلود و نصب كنيد. بعد از نصب برنامه را راه اندازي و اجرا كنيد. حال در اين صفحه نام كاربري و رمز عبور حساب كاربري WordPress.com خود را وارد كنيد.

پس از ورود به سيستم، صفحه نمايش WordPress.com را مشاهده خواهيد كرد كه در آن شما مي توانيد مطالب را بيابيد و مطالب را دنبال كنيد. براي مديريت وبسايت خود به تب My Sites برويد.

كار با نرم افزار WordPress

شما در حال حاضر عنوان وب سايت خود را در منوي سمت چپ همراه با ساير بخش هاي مديريت وب سايت مشاهده مي كنيد. در ستون سمت راست گزارشات ترافيكي JetPack نمايش داده مي شود. با استفاده از نوار مديريت در ستون سمت چپ، شما مي توانيد پست ها، صفحات و انواع پست تايپ سفارشي را ويرايش و ايجاد كنيد. همچنين ميتوانيد با كليك روي دكمه “write” در بالاي صفحه، يك پست جديد اضافه كنيد.

اكنون در ستون سمت راست، تنظيمات پست مانند وضعيت، برنامه زماني ارسال، دسته ها و برچسب ها، تصوير برجسته و غيره را مي بينيد. در سمت چپ، يك ناحيه نوشتاري با يك ويرايشگر متن پيشرفته وجود دارد. با كليك بر روي دكمه add ميتوانيد تصاوير دلخواه خود را در اين قسمت اضافه كنيد.

برنامه دسكتاپ وردپرس اجازه مي دهد تا به راحتي نظرات كاربران وب سايت خود را مديريت كنيد. شما مي توانيد نظرات كاربران را پاسخ و تأييد يا حذف كنيد. همچنين در بخش قالب ميتوانيد قالب هاي نصب شده در وب سايت خود را مديريت كنيد.  و حتي ميتوان يك قالب جديد بدون ترك برنامه نصب كرد. اما در دسكتاپ وردپرس نميتوان قالب را سفارش سازي كرد.

و در بخش افزونه ميتوانيد افزونه هاي مورد نياز خود را آپلود، نصب و فعال كنيد. و از به روز رساني هاي افزونه مطلع شويد به طور مستقيم در برنامه آنها را به روز رساني كنيد. به علاوه در بخش اشتراك گذاري ميتوانيد افزونه JetPack را به رسانه هاي اجتماعي محبوب خود متصل كرده و به طور خودكار پست هاي جديد در رسانه هاي اجتماعي به اشتراك بگذاريد.

اگر از اين برنامه خوشتون اومد ساير گزينه هاي برنامه را تست كرده و كار با آن را به خوبي فرا گيريد.

موفق و پيروز باشيد.

 

منبع : ميهن وردپرس

:: موضوعات مرتبط:
:: برچسب‌ها: مديريت سايت وردپرسي با نرم افزار WordPress،
 



[ ۱ ]