RedPlus

ي سوالي واسه من پيش اومد !در قسمت category يا همون دسته بندي وردپرس ، ما از همون اول كه با وردپرس آشنا شديم توي قسمت نامك (نامک نسخه لاتین واژه است که در نشانی (URL)‌هااستفاده می‌شود.) اين متن رو خونديم ! الان با صبحت هاي شما دوستان و اساتيد ي جورايي فارسي بهتر هست !‌

الان يعني اين نامك رو هم برداريم فارسي كنيم ؟!‌

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

1-وارد گوگل وب مستر بشين

2-روي سايت كه ثبت كردين كليك كنيد .

3-بالا سمت راست ي ايكون چرخ دنده وجود داره كه مال تنظيمات هست بزنيد تا باز بشه !‌

4- از زير شاخه هاش گزينه verification datlls رو انتخاب كنيد .

5-حالا روي verify using different method رو بزنيد !‌

6-حالا html tag رو انتخاب كنيد !‌

ي كد متا به شما داده ميشه شما اون قسمت كد كه content="sasd46764756asdasd"s يه همچين چيزي هست به فرض !

شما فقط اون كد داخل و بين دو كوتيشن رو به افزونه بدين !‌

sasd46764756asdasd به فرض اين !‌

خب ي چند دقيقه پيش هم سال تحويل شد .... ! واسه همتون بهترين ها رو آرزو ميكنم دوستون دارم !

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

بله ميشه ديگه گفتم منم بالا !‌وردپرس شبكه رو كه راه اندازي كنيد از طريق سايت اصلي يا سوپر ادمين مديريت دارين رو همه سايت ها !‌

فايل هاي آپلودي زير شاخه ها هم در فولدر blog_dir كه در هنگام فعال سازي وردپرس شبكه ميسازين اونجا ذخيره ميشه .

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

سلام ! والا من دقيق نفهميدم چي گفتين ! فقط هدفتون فهمديم !

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

اين هدف كه در نظر دارين با وردپرس شبكه انجام پذير هست و همون چيزي هست كه نياز دارين ! براي دامنه ها هم يك افزونه هست كه به جاي استفاهده از ساب دامين ميتونيد از دامين كه دوست دارين استفاده كنيد نميدونم حالا همين 2 تا افزونه كه گفتين همينا هست يا نه ..... !‌ولي ميشه .....!

وردپرس شبكه مثل وبلاگدهي ها مي مونه ! ميتونيد محدودشون كنيد از نظر قالب افزونه يا تنظيمات ديگه ..... !‌

خب بكاپ رو برگردونيد من هم از خودم نگفتم منبع :كتاب وردپرس شبكه كه توسط تيم هميار وردپرس بيرون اومده . صفحه 36

يا اينجا اشتباه نوشتن يا شما اشتباه ..... !

سلام ! بله شدنش ميشه !‌

شما دو حالت دارين : 1- وردپرس شبكه 2-نصب چند وردپرس و ارتباط دادن آنها.

بستگي به تعداد زير سايت ها هم داره !‌ هركي ي نظري داره ي سري ميگن اگه تعداد زير سايت ها كمه شبكه استفاده نكنيد بهتره چند تا وردپرس نصب كنيد به هم ارتباط بديم، ي سري نه ... !

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

سلام من ي زره كامل تر كنم حرف دوستان رو :

هرچي كد اضافه كردي همه رو پاك كنيد در wp-config.php و .htaccess

پوشه wp-content/blogs.dir رو هم حذف كنيد اگه چيزه به خصوصي در اون نداريد

اين جداول هم در ديتابيس مربوط به شبكه هستن ميتونيد پاك كنيد :

wp_blogs

wp_blog_versions

wp_registration_log

wp_signups

wp_site

wp_sitemeta

ي بكاپ هم بگيرين گه ي وقت مشكلي پيش اومد .... !‌

از نظر ظاهري كه به نظر من افتضاح هست ! برنامه نويسي و امكاناتش رو خودتون بايد ديگه ببينيد چون با asp بود انگار ، وردپرس نبود !‌

سلام خواهش ميكنم !‌ من خودم هم ميخواستم ياد بگيريم در كنار آموزش هايي ميخوندم قالب هاي حرفه ايي رو هم كه در تم فارست يا سايت هاي معروفي كه قالبشون رو با بوت استرپ زدن نگاه ميكردم !

http://www.bsstc.com.au

https://www.engineyard.com

اين دو تا مثال كه خودتون هم برگردين شايد چيزهاي بهتري پيدا كنيد !‌ واگه دقت كنيد داخلش واسه تقسيم بندي صفحه يك container خيلي كم هست !‌ كم كمش همون 3 تا رو لازم داره براي 1-هدر 2-محتوا و سايدبار 3-فوتر! اين چيزي بود كه من توي اكثر قالب ها ديدم رعايت شده بود و من رعايت كردم و به شما دوستان گفتم ! مگر نه بله خود بوت استرپ چند تا قالب ساده داره كه با يك container نوشته !‌ اين مورد كه سايدبار ميوفته پايين فك كنم ي row اضافه گذاشتم ! اين مثال هم صرفا واسه يادگيري كلي تقسيم بندي بود كه چي به چي هست ....بفرماييد :

http://www.bootply.com/121159

سلام !‌ شما اگه كمي به زبان هاي html و css آشنا باشيد به راحتي ميتونيد اين كار انجام بديد !‌

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

http://www.w3schools.com/css/css_positioning.asp

براي اين كه ي وقت زير ديگر كلاس ها و المان ها هم نره به هميون كلاس ي z-index بالا هم بدين مثلا 999 !

سلام !‌ي زره جستجو كنيد فك كنم باشه ! ولي در كل نياز به تغييرات داره كه داخلش پياده سازي كنيد :

wordpress halloween themes

به فرض اين سرچ كنيد ! ي همچين موضوع هايي جستجو كنيد ... !

سلام !‌

http://androidcode.ir

اگه به زبان هاي C هم آشنايي داشته باشين ميشه نوشت و به اندرويد جاوا تبديل كرد ! البته واسه اندرويد سعي كنيد فقط جاوا رو دنبال كنيد ... !‌

سلام همين آدرس كه گذاشتين لينكش هست !

آدرس = لينك !

اين هم ي نگاه كنيد بد نيست!

http://stackoverflow.com/questions/10094479/prevent-menu-from-collapsing-in-768px-display-css-media-query

بله ! خاصيتش همين هست اندازه از ي حدي كوچكتر بشه منو به صورت يك دكمه زير منو دار تبديل ميشه !‌ اين اندازه هاي غالبا" فك كنم داخل فايل هاي less بوت استرپ باشن و مديا باشن كه بشه تغيير داد ! دقيق بگم نميدونم ! شما فايل هاي less ي نگاهي بندازين من هم ميبينم بازم شايد به نتيجه رسيدم !

اين هم ي نگاهي بندازين :

http://stackoverflow.com/questions/10094479/prevent-menu-from-collapsing-in-768px-display-css-media-query

سلام خدمت آقا ايمان عزيز !‌ نميدونم چطوري سوالم بپرسم چون ممكن ي برداشت ديگه داشته باشين !

---ي نفر از صبح تا شب ي جورايي وقتش كه مهمترين چيزش هست رو ميزاره واسه كمك و راهنمايي مردم و ما ، بدون هيچ مزدي !چه چي چيزي ديدن تو اين كار ؟!‌

(در راه رضاي خدا ، زكات علم آموختن اون به ديگران و ...... )به هر حال شما هم به خاطر ي هدفي اين كار انجام ميدين !‌

---و اين كه تا حالا شده جواب سوالي رو بدنيد و به هر دليلي از پاسخگويي سر باز زده باشيد ؟!‌(البته بعيد ميدونم )

سلامي دوباره به دوستان و دنبال كننده هاي آموزش بوت استرپ !

من ي نكته بايد همون اول آموزش ميگفتم ! كه براي استفاده از بوت استرپ شما بايد آشنايي با html - css داشته باشين ! كساني كه اين آموزش دنبال ميكنن اگه با اين دو زبان آشنا نيستن حتما ي مطالعه بكنن .....!

خب سريع بريم سراغ آموزش ! توي اين جلسه تا جايي كه بشه قصد دارم با كد هاي آماده بوت استرپ آشناتون كنم و نحوه استفاده از آن ها را با هم ببينيم !

اين قسمت بيشتر به چيدمان فونت و نمايش متن ها ميپردازيم كه چيز خاصي نداره ! و اكثرا آشنا هستين ! بوت استرپ براي body صفحه ما به صورت اتوماتيك يك فونت و اندازه فونت و ارتفاع خط قرار داده ! كه پيش فرض هست كه شما ميتونيد اين ها در فايل هاي less تغيير بدين كه فك نكنم نيازي باشه اين كار ولي اگه خواستين بگين تا در ادامه توضيح بدم ....!‌

Headings :

بايد بيشتر دوستان با اين عنون آشنا باشن ! هدينگ ها همون طور كه ميدونيد از h1 شروع شده و تا h6 ادامه پيدا ميكنه كه هرچي عدد بزرگتر بشه فونت كوچكتر ميشه و از اهميت متن كم ميشه ! براي همين عنوان سايت و مطالب بيشتر از h1 - h2 استفاده ميشه ! واسه اطلاعات بيشتر هم خودتون متونيد جستجو كنيد ! اما بوت استرپ هم از اين تگ پشتيباني ميكنه و اندازه خاص يا استانداردي براي هر كدوم استفاده ميكنه به ترتيب : 36 - 30 - 24 - 18 - 14 - 12 پيكسل ادندازه فونت ها هستن ! نحوه استفاده :

<h1>h1. Bootstrap heading</h1>
<h4>h4. Bootstrap heading</h4>

Bold & Italics:

باز هم اكثر شما با اين دو اصطلاح آشنا هستين كه ايتاليك نوشته را كج و مورب ميكنه و bold نوشته رو تو پر نمايش ميده كه در بوت استرپ هم وجود داره نحوه استفاده :

<em>test text Italics</em>
<strong>test text Bold</strong>

اين نكته رو هم بگم شما داخل html5 ميتونيد به جاي استفاده از كد هاي بالا از <i> و <b> هم استفاده كنيد !‌

Alignment:

اين كلاس به ما در چيدمان متن ها كمك ميكنه كه متن هاي خودمون را در حالت هي وسط چين ، راست چين ، چپ چين و justify

براي استفاده كافيه ما به پاراگراف مورد نظرمون يكي از كلاس هاي زير رو بديم :

<p class="text-left">Left aligned text.</p>
<p class="text-center">Center aligned text.</p>
<p class="text-right">Right aligned text.</p>
<p class="text-justify">Justified text.</p>

Abbreviations :

به معناي مخفف هست ! هر گاه شما توي توضيحات سايتتون به يك كلمه بر ميخوريد كه مخفف يك كلمه بزرگتر هست و ميخواهيد خواننده بفهمه اين كلمه مخفف چه كلاماتي هست از اين تگ استفاده ميكنيد! كه براي كلمه يا جمله استفاده كنيد زير جمله مورد نظرمون نقطه چين ايجاد ميشه و با رفتن موس روي جمله شكل موس به علامت سوال تبديل ميشه و معناي اصلي جمله رو به نمايش ميده !‌ نحوه استفاده :

<abbr title="HyperText Markup Language">HTML</abbr>

كافيه متن مورد نظرتون بين 2 تگ <abbr> قرار بدين و يك كلاس يا تگ title به اون بدين و متن كه ميخواين معرفي كنيد داخلش بنويسيد ! به فرض در مثال بالا html داخل اين تگ قرار گرفته و داخل تايتل كلمات سازنده اين مخفف نوشته شده ! شما ميتونيد واسه كاراي ديگه هم استفاده كنيد به عنوان مثال معني و .... !

Addresses :

از عنوان هم معلوم هست براي آدرس دهي استفده ميشه ! فرض كنيد شما يك سايت براي يك شركت طراحي كرديد و ميخواين ادرس شركت رو هم در جايي از سايت نمايش بدين ! براي اين كار ادرس مورد نظر خودمون بين 2 تگ <address> قرار ميديم ! توجه كنيد در آخر هر خط يا توضيحتون از تگ <br> استفاده كنيد كه به خط بعدي بريد ! به اين مثال توجه كنيد :

اين نكته روهم بگم در آخر اين آموزشش همه مثال ها رو به صورت آنلاين گذاشتم !‌

<address>
<strong>Twitter, Inc.</strong><br>
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br>
<abbr title="Phone">P:</abbr> (123) 456-7890
</address>
<address>
<strong>Full Name</strong><br>
<a href="mailto:#">first.last@example.com</a>
</address>

Blockquotes

به معني نقل قول هست ! شما گاهي نياز توي مطالب ي نقل قولي از جايي استفاده كنيد يا ي توضيح خاصي به خواننده ارائه كنيد كه از اين تگ كمك ميگيريد

براي استفاده متن مورد نظر رو بين 2 تگ <blockquote> قرار ميديم !‌ اين تگ شامل يك كلاس هستبه نام blockquote-reverse كه جهت متن را مشخص ميكنه چپ چين يا راست چين بودن ! كه بستگي به بوت استرپي كه استفاده ميكنيد داره ! اگه فارسي شده باشه چپ چين ميكنه اگه نسخه اصلي باشه راست چين ميكنه !‌ به نحوه استفاده دقت كند :

<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
</blockquote>

<blockquote class="blockquote-reverse">
...
</blockquote>

Lists :

اين تگ هم كه معلوم هست ديگه براي درست كردن ليست ها به كار ميره ! كه فك نكنم نيازي به تعريف داشته باشه !‌ ترجيح ميدم توضيحي ندم و خودتون به سايت بوت استرپ مراجعه كنيد و قسمت مربوط به ليست ها رو مشاهده كنيد ! مثال ها هم به خوبي نمايش داده شده براي هر كدام ...!

اين هم مثال هاي بالا به صورت آنلاين :http://bootply.com/112456

من اين جلسه سر فصل http://getbootstrap.com/css/#type رو توضيح دادم !‌ مثال ها هم از همين جا هست كه ميتونيد مثال ها رو در همين صفحه هم ببنيد !

اگه دقت كرده باشين به سر فصل هاي خود سايت بوت استرپ ، من آموزش رو از روي سرفصل هاي خود سايت پيش مي برم و توضيح ميدم ! كه يك سري از مطالب بسيار ساده و پيش پا افتاده هست و بي كاربرد هست و وقتمون رو ميگيره!! بيشتر سر فصل هاي اين جلسه هم حتما شما باهاش آشنا بودين و نيازي به توضيحي نبوده !‌ اگه شما هم ترجيح ميدين اين مطالب رو نگم به جاش به مطالب مهم تر بوت استرپ بپردازيم من پيشنهادم اينه شما خودوتن سر فصل هايي كه ميگم ي نگاهي بكنيد كه بسيار ساده هست و اگه مشكلي بود بگيد تا رفع كنيم و زود تر به مباحث پيشرفته تر بپردازيم !

شما اين چند سر فصل مطالعه كنيد كه بسيار ساده هست !‌

http://getbootstrap.com/css/#code

http://getbootstrap.com/css/#tables

http://getbootstrap.com/css/#forms

http://getbootstrap.com/css/#buttons

http://getbootstrap.com/css/#images

http://getbootstrap....#helper-classes

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

پيشا پيش معذرت ميخوام اگه آموزش اين طوري شد ! چون ديدم اگه بخوام همه موارد توضيح بدم خيلي زمان بر هست ! منتظر نظراتون هستم !‌خودم زياد راضي نبودم از نحوه توضيح اين جلسه ! ببخشيد !

تاپيك سوالات و نظرات آموزش بوت استرپ

ادامه كه ميديم ! ما هم خب ي سري مشكلات و مسائلي داريم براي خودمون !‌ ي زره سرم خلوت بشه آموزش بعدي ميزارم ..... !

سعي ميكنم زود به زود بزارم !

سلام ! ي جورايي اسپم رو دادي تو كار

اين تست كنيد :

http://wordpress.org...enu/screenshots

سلام ! در هر صورت نميشه آخرش دسترسي دارن !‌ ولي من اين راه بهتون پيشنهاد ميكنم !‌

يك سري از قالب ها هستن داخل خود مديريت قالبشون ي بخش css دارن كه متونيد كد هاي css اونجا وارد كنيد

اگه قالبتون توي مديريت همچين جايي داره كد هاي فارسي سازي رو پيشنهاد ميدم اونجا قرار بدين

سلام دوباره به دوستان عزيز ! خوب مث اين كه توي اين چند وقت كه نبوديم بوت استرپ ي سري تغييرات داده به سايت خودش و دوباره به Github برگشته ي ورژن جديد هم اضافه شده فك كنم ولي تغييراتي من نديدم !‌

خوب از جلسه پيش گريد بندي يا همون تقسيم بندي ي چند تا مورد ديگه مونده كه امروز ميگيم بعد ميريم سراغ قطعه كد هاي آماده بوت استرپ .

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

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

http://bootply.com

http://www.layoutit.com

https://jetstrap.com

Offsetting:

خوب شايد شما بخواين صفحه رو به 3 قسمت تقسيم كنيد كه به هر col يا ستون 4 قسمت ميخوره ! اما شما ميخواين ستون وسطي وجود نداشته باشه و بين ستون 1 و 3 خالي باشه ! براي اين كار ما از دستور offset استفاده ميكنيم كه نحوه اسنفاده اون به صورت زير هست :

<div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div>

داخل كد بالا شما ي ي ستون 4 تايي اول كار تعريف كردين بعد هم از دستور col-md-offset-4 استفاده كردين . اين دستور باعث ميشه ستون فعلي شما 4 تا فاصله از جايي كه الان هست بگيره .

نكته : من بيشتر مثال ها رو با md ميزنم ولي شما ميتونيد xs - sm - lg اين گزينه هارو هم استفاده كنيد به عنوان مثال در همين قطعه كد بالا ميتونيد به جاي md از يكي از xs - sm - lg هم استفاده كنيد ......! اين نكته رو گفتم كه ي وقت شما فك نكنيد اين دستورات فقط با md جواب ميده و براي md هست .

براي درك بهتر اين مثال نگاه كنيد :

http://bootply.com/110688

من ي توضيح كوچيك بدم ! همينطور كه ميبينيد در صفحه بالا 3 تا قسمت وجود داره براي html - css - javascript پايين صفحه هم پيش نمايش كد هامون هست كه نوشته شده ! اون وسط كار هم ، سمت راست ي عكس موبايل و صفحه نمايش هست روي هر كدوم بزنيم در پيش نمايش رو در اون نوع صفحه نمايش نشان ميدهد!

همون طور كه توي مثال بالا ميبينيد ي ستون 4 تايي سمت راست و يكي سمت چب قرار داره و بين اين 2 تا ستون هم خالي هست .

Nesting columns

به معناي ستون هاي تو در تو هست ! گاهي نياز ميشه شما بخواين يك ستوني رو كه ساخته ايد بازم به چندين قسمت ديگه تبديل كنيد كه براي اين كار از همين ستون هاي تو در تو استفاده ميكنيم .

براي اين كار شما همون طور كه گفتم در جلسات پيش جند تا ستون مرتبط به هم رو داخل ي row قرار ميدين اين جا هم همين طور هست ستون هاي داخلي رو داخل يك row ميزاريد و داخل ستون بزرگ تر ميزاريد به اين كد ها نگاه كنيد :

<div class="row">
<div class="col-md-9">
Level 1: .col-md-9
<div class="row">
	 <div class="col-md-6">
	 Level 2: .col-md-6
	 </div>
	 <div class="col-md-6">
	 Level 2: .col-md-6
	 </div>
</div>
</div>
</div>

اين هم مثال به صورت انلاين كه بهتر درك كنيد :

http://bootply.com/110698

همون طور كه ميبينيد ما يك ستون 9 تايي داريم كه خواستيم داخل اون رو به 2 قسمت مساوي تقسيم كنيد كهبراي اين كار يك row داخل اون قرار داديم و 2 ستون 6 تايي داخل اون قرار داديم !

اميدوارم تا اينجا خوب توضيح داده باشم .....

تاپيك سوالات و نظرات آموزش بوت استرپ

سلام شما الان دارين روي لوكال تست ميكنيد ؟‌

اگه اره فك كنم ازهمين باشه بعضي از اسكريپت ها رو لوكال اجرا نميشه ! رو ي هاست تست كنيد !‌

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

به كلاس مورد نظرتون اين كلاس رو هم اضافه كنيد :

.hidden-xs
.hidden-md
...
...
...

به فرض گزينه اول داخل صفحه هاي موبايل نمايش داده نميشه .... !