کدهای کاربردی وردپرس | بخش اول | وب یار
سیستم مدیریت وردپرس یکی از محبوبترین سیستم هاست که در حاضر بسیاری از وب سایت استفاده می کنند. در این مقاله قصد داریم تعدادی از کدهای کاربردی برای وردپرس را معرفی کنیم که می توان با مقدار کمی تغییرات و ویرایش در قالب ها و افزونه ها، خروجی های متفاوتی ازش گرفت.
کدهای کاربردی وردپرس
در ادامه شما را با چند کد کاربردی و پرطرفدار آشنا می کنیم.
کد اضافه کردن صفحه به علاقه مندیها
رایج ترین کدی که برای Favorites وجود داره با توجه به اینکه شورت کاتی را به آدرسی مشخص در Documents and Settings ارسال می کند بر روی اغلب مرورگرها فعال نمی شود و کارایی ندارد کد زیر در اغلب مرورگرها کار می کند و در معدودی غیر فعال است که در آنها کلید میانبر CTRL+D این کار را انجام می دهد :
بخش اول در Head و بخش دوم در محل مناسب کپی شود:
[code lang=”js”]
<script type=”text/javascript”>
function bookmarksite(title,url){
if (window.sidebar) // firefox
window.sidebar.addPanel(title, url, “”);
else if(window.opera && window.print){ // opera
var elem = document.createElement(‘a’);
elem.setAttribute(‘href’,url);
elem.setAttribute(‘title’,title);
elem.setAttribute(‘rel’,’sidebar’);
elem.click();
}
else if(document.all)// ie
window.external.AddFavorite(url, title);
}
</script>
[/code]
[code lang=”html”]
<a href=”javascript:bookmarksite(‘عنوان سایت شما’, ‘آدرس سایت شما’)”>Bookmark this site!</a>
[/code]
کدهای کاربردی برای وردپرس
——————————————————————————————————————————–
یکی دیگر از امکانات CSS3 در استایل بندی تعریف کد سایه برای متون [Text-shadow] می باشد این کد به ما اجازه می دهد افکتهای در خور توجهی به کلمات معمولی تایپ شده خود اضافه کنیم و در واقع کاربران را از این لحاظ از توسل به Photoshop یا رشته های پیچیده Javascript بی نیاز می سازد نمونه یک کد سده سایه برای متن:
< style type=” text/css”>
.text{text-shadow:1px 1px 2px #00f;color:#ff0;}
</style>
۱. اولین عدد فاصله سایه ما نسبت به محور xهاست هرچه به سمت پائین بیاییم عدد از صفر بالا می رود و هرچه بخواهیم بالا برویم از صفر کم می شود
۲.عددد دوم فاصله تا محور Y هاست که به سمت راست زیاد و چپ کم می شود
۳.عدد سوم قطر محوی سایه است
۴.گزینه رنگ که به ازای مقدار داده شده رنگ سایه را معین می کند
در ادامه مطلب نمونه ها و کدها را ببینید
چند نمونه از تاثیر سایه را بر روی نوشته برای شما آماده کردم با کلیک نمودن روی هر گزینه کد استایل بندی آن نمایش داده می شود.
برای مشاهده نمونه ها کلیک نمایید
————————————————————————————————————————————–
کدهای کاربردی وردپرس (کد رنگ ها برای استایل سی اس اس وردپرس style.css wordpress)
ما در CSS سه حالت برای درج رنگها داریم کد HTML که با (#) آغاز می شه و شامل شش حرفه که این حروف رو اعداد ۰ تا ۹ و حروف الفبای انگلیسی از A تا F تشکیل می دهند رنگ سفید #FFFFFF و رنگ مشکی#۰۰۰۰۰۰ می باشد و باقی رنگها بین اینم دو پارامتر می باشند.
روش دوم استفاده از کدهای RGB است این کدها هم از اسمشون معلومه که از ترکیبات قرمز و سبز و آبی بدست می آیند.
روش آخر استفاده از نام انگلیسی صحیح هر رنگه در ادامه من جدولی از هر سه گزینه تهیه کردم که امیدوارم روزی بدرد بخوره پیشنهاد می کنم با فشردن کلیدهای CTRL و D این صفحه را در بوکمارک های خود نگه دارید تا در صورت نیاز دسترسی به آن راحت تر باشد.
R G B HTML
Color Name
۲۴۰ ۲۴۸ ۲۵۵ aliceblue
۲۵۰ ۲۳۵ ۲۱۵ antiquewhite
۰ ۲۵۵ ۲۵۵ aqua
۱۲۷ ۲۵۵ ۲۱۲ aquamarine
۲۴۰ ۲۵۵ ۲۵۵ azure
۲۴۵ ۲۴۵ ۲۲۰ beige
۲۵۵ ۲۲۸ ۱۹۶ bisque
۰ ۰ ۰ black
۲۵۵ ۲۳۵ ۲۰۵ blanchedalmond
۰ ۰ ۲۵۵ blue
۱۳۸ ۴۳ ۲۲۶ blueviolet
۱۶۵ ۴۲ ۴۲ brown
۲۲۲ ۱۸۴ ۱۳۵ burlywood
۹۵ ۱۵۸ ۱۶۰ cadetblue
۱۲۷ ۲۵۵ ۰ chartreuse
۲۱۰ ۱۰۵ ۳۰ chocolate
۲۵۵ ۱۲۷ ۸۰ coral
۱۰۰ ۱۴۹ ۲۳۷ cornflowerblue
۲۵۵ ۲۴۸ ۲۲۰ cornsilk
۲۲۰ ۲۰ ۶۰ crimson
۰ ۲۵۵ ۲۵۵ cyan
۰ ۰ ۱۳۹ darkblue
۰ ۱۳۹ ۱۳۹ darkcyan
۱۸۴ ۱۳۴ ۱۱ darkgoldenrod
۱۶۹ ۱۶۹ ۱۶۹ darkgray
۰ ۱۰۰ ۰ darkgreen
۱۸۹ ۱۸۳ ۱۰۷ darkkhaki
۱۳۹ ۰ ۱۳۹ darkmagenta
۸۵ ۱۰۷ ۴۷ darkolivegreen
۲۵۵ ۱۴۰ ۰ darkorange
۱۵۳ ۵۰ ۲۰۴ darkorchid
۱۳۹ ۰ ۰ darkred
۲۳۳ ۱۵۰ ۱۲۲ darksalmon
۱۴۳ ۱۸۸ ۱۴۳ darkseagreen
۷۲ ۶۱ ۱۳۹ darkslateblue
۴۷ ۷۹ ۷۹ darkslategray
۰ ۲۰۶ ۲۰۹ darkturquoise
۱۴۸ ۰ ۲۱۱ darkviolet
۲۵۵ ۲۰ ۱۴۷ deeppink
۰ ۱۹۱ ۲۵۵ deepskyblue
۱۰۵ ۱۰۵ ۱۰۵ dimgray
۳۰ ۱۴۴ ۲۵۵ dodgerblue
۱۷۸ ۳۴ ۳۴ firebrick
۲۵۵ ۲۵۰ ۲۴۰ floralwhite
۳۴ ۱۳۹ ۳۴ forestgreen
۲۵۵ ۰ ۲۵۵ fuchsia
۲۲۰ ۲۲۰ ۲۲۰ gainsboro
۲۴۸ ۲۴۸ ۲۵۵ ghostwhite
۲۵۵ ۲۱۵ ۰ gold
۲۱۸ ۱۶۵ ۳۲ goldenrod
۱۲۸ ۱۲۸ ۱۲۸ gray
۰ ۱۲۸ ۰ green
۱۷۳ ۲۵۵ ۴۷ greenyellow
۲۴۰ ۲۵۵ ۲۴۰ honeydew
۲۵۵ ۱۰۵ ۱۸۰ hotpink
۲۰۵ ۹۲ ۹۲ indianred
۷۵ ۰ ۱۳۰ indigo
۲۵۵ ۲۵۵ ۲۴۰ ivory
۲۴۰ ۲۳۰ ۱۴۰ khaki
۲۳۰ ۲۳۰ ۲۵۰ lavender
۲۵۵ ۲۴۰ ۲۴۵ lavenderblush
۱۲۴ ۲۵۲ ۰ lawngreen
۲۵۵ ۲۵۰ ۲۰۵ lemonchiffon
۱۷۳ ۲۱۶ ۲۳۰ lightblue
۲۴۰ ۱۲۸ ۱۲۸ lightcoral
۲۲۴ ۲۵۵ ۲۵۵ lightcyan
۲۵۰ ۲۵۰ ۲۱۰ lightgoldenrodyellow
۱۴۴ ۲۳۸ ۱۴۴ lightgreen
۲۱۱ ۲۱۱ ۲۱۱ lightgrey
۲۵۵ ۱۸۲ ۱۹۳ lightpink
۲۵۵ ۱۶۰ ۱۲۲ lightsalmon
۳۲ ۱۷۸ ۱۷۰ lightseagreen
۱۳۵ ۲۰۶ ۲۵۰ lightskyblue
۱۱۹ ۱۳۶ ۱۵۳ lightslategray
۱۷۶ ۱۹۶ ۲۲۲ lightsteelblue
۲۵۵ ۲۵۵ ۲۲۴ lightyellow
۰ ۲۵۵ ۰ lime
۵۰ ۲۰۵ ۵۰ limegreen
۲۵۰ ۲۴۰ ۲۳۰ linen
۲۵۵ ۰ ۲۵۵ magenta
۱۲۸ ۰ ۰ maroon
۱۰۲ ۲۰۵ ۱۷۰ mediumaquamarine
۰ ۰ ۲۰۵ mediumblue
۱۸۶ ۸۵ ۲۱۱ mediumorchid
۱۴۷ ۱۱۲ ۲۱۹ mediumpurple
۶۰ ۱۷۹ ۱۱۳ mediumseagreen
۱۲۳ ۱۰۴ ۲۳۸ mediumslateblue
۰ ۲۵۰ ۱۵۴ mediumspringgreen
۷۲ ۲۰۹ ۲۰۴ mediumturquoise
۱۹۹ ۲۱ ۱۳۳ mediumvioletred
۲۵ ۲۵ ۱۱۲ midnightblue
۲۴۵ ۲۵۵ ۲۵۰ mintcream
۲۵۵ ۲۲۸ ۲۲۵ mistyrose
۲۵۵ ۲۲۸ ۱۸۱ moccasin
۲۵۵ ۲۲۲ ۱۷۳ navajowhite
۰ ۰ ۱۲۸ navy
۲۵۳ ۲۴۵ ۲۳۰ oldlace
۱۲۸ ۱۲۸ ۰ olive
۱۰۷ ۱۴۲ ۳۵ olivedrab
۲۵۵ ۱۶۵ ۰ orange
۲۵۵ ۶۹ ۰ orangered
۲۱۸ ۱۱۲ ۲۱۴ orchid
۲۳۸ ۲۳۲ ۱۷۰ palegoldenrod
۱۵۲ ۲۵۱ ۱۵۲ palegreen
۱۷۵ ۲۳۸ ۲۳۸ paleturquoise
۲۱۹ ۱۱۲ ۱۴۷ palevioletred
۲۵۵ ۲۳۹ ۲۱۳ papayawhip
۲۵۵ ۲۱۸ ۱۸۵ peachpuff
۲۰۵ ۱۳۳ ۶۳ peru
۲۵۵ ۱۹۲ ۲۰۳ pink
۲۲۱ ۱۶۰ ۲۲۱ plum
۱۷۶ ۲۲۴ ۲۳۰ powderblue
۱۲۸ ۰ ۱۲۸ purple
۲۵۵ ۰ ۰ red
۱۸۸ ۱۴۳ ۱۴۳ rosybrown
۶۵ ۱۰۵ ۲۲۵ royalblue
۱۳۹ ۶۹ ۱۹ saddlebrown
۲۵۰ ۱۲۸ ۱۱۴ salmon
۲۴۴ ۱۶۴ ۹۶ sandybrown
۴۶ ۱۳۹ ۸۷ seagreen
۲۵۵ ۲۴۵ ۲۳۸ seashell
۱۶۰ ۸۲ ۴۵ sienna
۱۹۲ ۱۹۲ ۱۹۲ silver
۱۳۵ ۲۰۶ ۲۳۵ skyblue
۱۰۶ ۹۰ ۲۰۵ slateblue
۱۱۲ ۱۲۸ ۱۴۴ slategray
۲۵۵ ۲۵۰ ۲۵۰ snow
۰ ۲۵۵ ۱۲۷ springgreen
۷۰ ۱۳۰ ۱۸۰ steelblue
۲۱۰ ۱۸۰ ۱۴۰ tan
۰ ۱۲۸ ۱۲۸ teal
۲۱۶ ۱۹۱ ۲۱۶ thistle
۲۵۵ ۹۹ ۷۱ tomato
۶۴ ۲۲۴ ۲۰۸ turquoise
۲۳۸ ۱۳۰ ۲۳۸ violet
۲۴۵ ۲۲۲ ۱۷۹ wheat
۲۵۵ ۲۵۵ ۲۵۵ white
۲۴۵ ۲۴۵ ۲۴۵ whitesmoke
۲۵۵ ۲۵۵ ۰ yellow
۱۵۴ ۲۰۵ ۵۰ yellowgreen
ساخت سایت رایگان خارجی یکی از دغدغههای مهم افراد برای پیشبرد اهداف کاری است. در واقع ایجاد سایت توسط شرکتهای معتبر، هزینههای زیادی در بر دارد، به همین دلیل است که افراد تلاش میکنند از طریق یادگیری نحوه ایجاد سایت به صورت رایگان و یا کمک گرقفتن از شرکتهایی که اقدام به ساخت سایت رایگان میکنند، این هزینهها را برای خود به میزان قابل توجهی کاهش دهند. اما برای انجام این کار چه باید کرد؟ به طور کلی در فضای اینترنت آموزشهای مختلفی برای این منظور ارائه شده است که مشاهده آنها میتواند تا حد زیادی به شما برای این منظور کمک کند، اما راهنمایی گرفتن از شرکتهای فعال طراحی سایت در این امر نیز یک مسئله ضروری است. در وهله اول لازم است که شما نوع سایتی را که میخواهید ایجاد کنید، انتخاب کنید. پس از آن یک قالب را به صورت سفارشی تعیین کنید و کار را آغاز کنید. برای ساخت سایت رایگان به چه چیزهایی نیاز است؟ ابتدا باید به دنبال یک سازنده سایت باشید، در واقع چنین شرکتهایی این امکان را به شما میدهند که پس از ساخت سایت، در فضای اینترنت جایگاه مناسبی برای خود به دست آورید. البته در هنگام تلاش برای کمک گرفتن از یک شرکت معتبر و باتجربه در این زمینه، حتما به چند نکته از جمله داشتن نمونه کار معتبر، داشتن […]
طراحی وبسایت به ساخت، راهاندازی و دیزاین صفحات وب گفته میشود که در ادامه با مزیت ساخت سایت در اصفهان آشنا می شویم. وبسایتها با استفاده از زبان کدنویسی طراحی میشوند. اما امروزه با پیشرفت فناوری، تواناییها و ویژگیهای برنامههای ساخت وبسایتها افزایش یافته و کار را برای برنامهنویسان و طراحان وب آسانتر کرده است. با توسعه فناوری و استفاده روز افزون مردم از تکنولوژیهای پیشرفته و همینطور تاثیر شیوع کرونا، باعث شد تا مردم نیازهای خود را به صورت آنلاین و حضوری برطرف کنند. همینطور اکثر شرکتها و حتی فروشگاهها کلیه خدمات خود را به صورت اینترنتی در اختیار کاربران و مشتریان خود قرار میدهند. از این رو وبسایتها اهمیت بسیار زیادی دارند. وبسایتها انواع مختلفی از جمله وبسایتهای فروشگاهی، شرکتی، خدماتی و… دارند. طراحی یک وبسایت حرفهای میتواند شما را در جذب مشتری در اصفهان و شهرهای دیگر کمک کند، مشتریانی که هم میتوانند توریست باشند و هم از افراد خود اصفهان. طراحی یک وبسایت به خدماتی بستگی دارد که افراد میتوانند به مشتریان خود ارائه دهند. افراد با طراحی یک وبسایت میتواند محصولات و یا خدمات خود را به همه مردم ایران و یا حتی جهان معرفی کنند. این خدمات میتواند خدمات فروشگاهی و راهبردی باشند. از این رو انتخاب شرکتی که بهترین و به روزترین خدمات ساخته وبسایت در اصفهان برای طراحی انواع وبسایتهای تجاری را […]
دنیای امروزه دنیای ارتباطات می باشد واهمیت رسانه ها بیشتر از همیشه احساس می شود. شبکه های اجتماعی با هدف ارتباط گرفتن افراد به وجود آمد و امروزه برای تبلیغات کسب و کارها بسیار مهم تلقی می شود. درعصر ارتباطات اغلب کسب وکارها برای پیشرفت زمینه ی شغلی خود به سمت تبلیغات در شبکه های اجتماعی روی آورده اند.شبکه های اجتماعی محبوب در اطلاع رسانی برای خبرهای روزانه نقش بسیار مهمی را ایفا می کنند. با وب یار همراه باشید تا با بهترین شبکه های اجتماعی در ایران آشنا شویم. در جامعه ی امروزی شبکه های اجتماعی جزئی از زندگی مردم شده که برای تبلیغات ،اطلاع رسانی ها و آموزش و…از این شبکه ها بهره می برند.باتوجه به همگانی شدن شبکه های اجتماعی بین مردم لازم است که در مورد هر کدام از این شبکه ها اطلاعاتی کسب کنیم تا از جوامع امروز عقب نمانیم. تاریخچه مختصری در مورد شبکه های اجتماعی : ریشه شکل گرفتن مفهوم شبکه های اجتماعی در سال 1960در دانشگاه ایلی نویز در آمریکا بود.و بعد از روی کار آمدن مفهوم شبکه های اجتماعی در سال 1997سایتی تشکیل شد که اجازه ایجاد پروفایل به افرادمختلف را داد هدف این سایت جمع کردن لیستی از دوستان در کنار هم بود و بعد از آن هم شبکه های اجتماعی مختلفی با اهداف متنوع روی کار آمد. در سال […]
طراحی قالب وردپرس امروزه طرفداران زیادی پیدا کرده است. وردپرس یک سیستم مدیریت محتوای قوی است که می توان با آن قالب های زیبایی طراحی کرد. در مطلب امروز وب یار می خواهیم با نحوه طراحی قالب وردپرس آشنا شویم. بیشتر سایت های دنیای وب امروزی با این سیستم مدیریت طراحی می شودو بازار کار خوبی دارد به ویژه اگر این قالب مختص کسب وکار شما باشد و با توجه به نیاز ها و سلایق شما طراحی شده باشد در این صورت است که علاوه برتکراری نبودن پاسخگوی نیازهای مجموعه شما می باشد. بررسی انواع قالب سایت قالب سایت چیست؟ ابتدا بهتر است کمی به تاریخچه آن بپردازیم. در آغاز قرن جاری و در زمانی که اینترنت هنوز در ابتدای راه خود بود، صفحات سایتها به شکل سادهای طراحی میشدند که از چند متن ساده، چند باکس رنگارنگ و شاید یک یا دو تصویر تشکیل شده بودند. تنها افرادی که دارای صفحات وب بودند، کسانی بودند که تخصص فنی در اچتیامال برای ساختن یک صفحه سایت را داشتند یا میتوانستند هزینه انجام این کار را به افرادی که این کار را میکردند، پرداخت کنند. اما از آن زمان تاکنون تغییرات زیادی صورت گرفته است و اکنون پلتفرمهای آنلاین زیادی وجود دارند که به افرادی که تجربه طراحی یا برنامهنویسی نسبتا کمی دارند، توانایی اجرای یک وبسایت کاملاً کارآمد را میدهند. […]
ساخت نرم افزار بدون کد نویسی و با استفاده از کدنویسی انجام میشود. در این مقاله از وب یار قصد داریم تا به چگونگی ساخت نرم افزار تحت ویندوز بدون کد نویسی و مزایای آن نسبت به روشهای قدیمی بپردازیم. با پیشرفت تکنولوژی بستر استفاده از موبایلها و کامپیوترها گستردهتر شده است، زیرا روز به روز به تعداد کاربران آنها افزوده میشود. اگر شما نیز ایدهای برای تولید نرم افزار و سرویسدهی در این بستر را دارید، بهتر است هر چه سریعتر دست به کار شوید و از این فضا که پتانسیل بالایی دارد برای کسب درآمد استفاده کنید. ساخت نرم افزار بدون کد نویسی چگونه ممکن است؟ این روزها دیگر نیاز نیست تا پروسهی طولانی آموزش برنامه نویسی را طی کنید تا بتوانید به ساخت نرم افزارها بپردازید. در گذشته اگر قصد ساخت برنامهای را داشتید باید ساعتها زمان صرف میکردید تا با استفاده از کدها دستور العملهایی را برای برنامه تعریف کنید تا عملکرد درستی داشته باشد. همچنین پس از تعریف آن دستور العملها باید مراحل آزمون و خطا را طی میکردید تا به اصطلاح برنامهای که ساختهای را باگ گیری (اشکالگیری) کنید. اما دیگر ساخت نرم افزار بدون کد نویسی یک رویا نیست! متخصصان نرم افزارهای زیادی را به عنوان ابزارهای کمکی طراحی کردهاند تا کاربران بتوانند بدون نوشتن حتی یک خط کد، نرم افزار ایدهآل خود […]
در این لینک مقالات مرجع جاوا اسکریپت برای شما عزیزان فراهم شده تا دسترسی راحت تری به مطالب حوزه جاوااسکریپت داشته باشید. آموزش زبان جاوا اسکریپت javascript + جلسه اول زبان برنامه نویسی جاوا اسکریپت یک زبان سمت کلاینت (کاربر) است و روی اکثر مرورگر های امروزی کار می کند. این زبان به تمام خصوصیت های عناصر html و css دسترسی داشته و نسبت به رویدادهای کاربر واکنش نشان می دهد محل قرار گیری کدهای جاوا اسکریپت + جلسه دوم تگ های جاوا اسکریپت این توانایی را دارند که در هر جایی از صفحات html به کار روند. آموزش دستورات مهم جاوا اسکریپت + جلسه سوم دستور جاوا اسکریپت شامل مقادیر، عملگرها،کلمات کلیدی و توضیحات است.دستورات جاوا اسکریپت زیر همان کلمات کلیدی رزرو شده ای هستند که نمی توانند به عنوان نام متغیر به کار روند. آموزش توضیحات در جاوا اسکریپت + جلسه چهارم توضیحات در جاوا اسکریپت به دو صورت به کار می روند: 1- توضیحات تک خطی 2- توضیحات چند خطی تعریف متغیرها در جاوا اسکریپت + قسمت پنجم متغیرها در javaScript حافظ و حامل اطلاعات هستند. یعنی این متغیرها اطلاعاتی را در خود ذخیره نموده و در حین اجرای برنامه با شرایط مختلف تغییر می کنند. انواع داده ها در JavaScript + جلسه ششم زبان جاوا اسکریپت نیز همانند سایر زبان های برنامه نویسی از انواع داده های عددی (Number) ، رشته ای (String) ، […]