GeneratePress అనేది WordPress కోసం ప్రీమియం థీమ్, ఇది వేగం మరియు మొబైల్ అనుకూలమైన థీమ్‌లపై దృష్టి పెడుతుంది, తద్వారా వెబ్‌సైట్ వేగంగా లోడ్ అవుతుంది. లోడింగ్ స్పీడ్ తక్కువగా ఉంటే, గూగుల్ సెర్చ్‌లో వెబ్‌సైట్‌కి ర్యాంక్ ఇచ్చే అవకాశం ఎక్కువగా ఉంటుంది. ఉచిత థీమ్‌లు అందుబాటులో ఉన్నాయి కానీ బ్లాగింగ్ సైట్ యొక్క వేగాన్ని పరిగణనలోకి తీసుకుంటే, వెబ్‌సైట్‌ను సులభంగా సృష్టించడానికి మరియు అనుకూలీకరించడానికి ప్రీమియం థీమ్‌లు మాకు సహాయపడతాయి. ఉచిత & ప్రీమియం మధ్య వ్యత్యాసాన్ని తెలుసుకోండి.
ప్లగిన్‌లు & థీమ్‌లను ఎలా జోడించాలి
ప్లగిన్‌
మీ WordPress అడ్మిన్ సైట్‌కి లాగిన్ చేయండి. కొత్త ప్లగ్‌ఇన్‌ని జోడించడానికి ప్లగిన్‌లకు వెళ్లి జోడించు కొత్తపై క్లిక్ చేయండి. మీ కొనుగోలు తర్వాత మీరు పొందిన GeneratePress ప్లగ్ఇన్ .zip ఫైల్‌ను ఎంచుకోండి. ఇన్‌స్టాలేషన్ పూర్తయిన తర్వాత దాన్ని యాక్టివేట్ చేయండి. ప్లగిన్‌ని యాక్టివేట్ చేసిన తర్వాత, భవిష్యత్తులో వాటిని యాక్సెస్ చేయడానికి GeneratePressలో అన్ని సెట్టింగ్‌లను కాన్ఫిగర్ చేసి యాక్టివేట్ చేయండి.
WordPress > Plugins > Add New > Select GeneratePress(.zip) > Click on “Install Now” > Activate after Installation done.
Go to Plugins > Select GeneratePress > Click on “Configure” > Activate all options (as shown).
థీమ్‌ను ఎలా ఇన్‌స్టాల్ చేయాలి
ఉచిత GeneratePress థీమ్‌ను ఇన్‌స్టాల్ చేయడానికి, Appearence వెళ్లి, థీమ్‌ల ఎంపికను ఎంచుకోండి (మీరు Appearence విభాగంలో మీ కర్సర్‌ను ఉంచినప్పుడు ఇది చూపబడుతుంది), మరియు కొత్త థీమ్‌ను జోడించడానికి New బటన్‌ను క్లిక్ చేసి, థీమ్ పేరును “GeneratePress”గా శోధించండి ” శోధన పట్టీలో. థీమ్‌ను డౌన్‌లోడ్ చేసి, Activate చేయండి.
WordPress > Appearance > Theme > Add New > Search “GeneratePress” > Download > Activate
మార్కెట్ థీమ్ డిజైన్ కోడ్ CSS
/* ------------_Lets Explore Tech_---------- */
/*GeneratePress Customization by Lets Explore Tech*/
.page-header-image-single .attachment-full{
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
border-radius:25px;
}
.entry-content h2{
font-weight:600;
padding: 10px 10px 10px 25px;
background-image: linear-gradient(to right, #000000 0%, #0D3A71 75%, #1A0CF2 100%);
border-radius:10px;
color:white!important;
box-shadow: rgba(23,43,99,.3) 5px 8px 9px;
}
.entry-content h3{
font-weight:600;
padding: 10px 10px 10px 25px;
background-image: linear-gradient(to left, #3DFFF0 0%, #5FFFF3 15%, #CEFFFB 45%, #EFFFFE 100%);
border-radius:10px;
color:black!important;
box-shadow: #000000 -6px 6px 6px;
}
.entry-content h4,h5{
font-weight:600;
padding: 10px 10px 10px 25px;
border-radius:10px;
color:black!important;
box-shadow: rgba(00,00,99,.9) -5px 7px;
}
.entry-content h6{
font-weight:600;
padding: 10px 10px 10px 25px;
border-radius:10px;
color:black!important;
box-shadow: rgba(23,43,99,.3) 5px 8px;
}
.entry-content h2{
font-size:24px!important;
}
.entry-content h3{
font-size:20px!important;
}
.entry-content h4{
font-size:16px!important;
}
.entry-content h5{
font-size:14px!important;
}
.entry-content h6{
font-size:12px!important;
}
.comment-respond .comment-reply-title{
padding: 10px 10px 10px 25px;
background-image: linear-gradient(to right, #0000ff 0%, #000055 50%, #000011 100%);
border-radius:15px;
font-weight:600;
color:white!important;
font-size:22px!important;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
}
/*End of Article Page Design*/
/* Read More button Style */
a.read-more.button {background-image: linear-gradient(to right, #0000ff 0%, #000088 51%, #0000ff 100%)}
a.read-more.button {
font-size:14px;
padding: 10px 25px;
text-align: center;
transition: 0.5s;
background-size: 200% auto;
color: white;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
border-radius: 50px;
}
/* Read More button Style Hover Effect */
a.read-more.button:hover {
background-position: right center; /* change the direction of the change here */
color: #fff;
text-decoration: none;
transition: 1.5s;
font-weight: bold;
}
/* Read More button Style & Hover Effect End */
/* -----------_Lets Explore Tech_-------------*/ముగింపు
పై కోడ్ హెడింగ్ స్టైల్‌కి మార్చడానికి మరియు మరిన్ని బటన్ స్టైల్‌లను చదవడానికి మీకు సహాయం చేస్తుంది, మీరు ప్యాడింగ్, కలర్, ఫాంట్ స్టైల్స్, షాడోస్ మొదలైన లక్షణాలను మార్చవచ్చు, ఈ కోడ్ ఉపయోగించడానికి ఉచితం మరియు మీరు ఈ కోడ్‌ని అదనపు CSSలో అతికించవచ్చు థీమ్ అనుకూలీకరణ విభాగంలో.
మీరు ఈ మార్కెట్ థీమ్ డిజైన్ కోడ్‌ని ఇష్టపడతారని ఆశిస్తున్నాము, దయచేసి మీ అనుభవం మరియు సమస్యలు ఏవైనా ఉంటే వాటిపై వ్యాఖ్యానించండి. నేను మీ వెబ్‌సైట్ డిజైన్‌ను కూల్ చేయడం ద్వారా సరిదిద్దడానికి ప్రయత్నిస్తాను. వెబ్‌సైట్ డిజైన్ ఆకర్షణీయంగా కనిపించేలా చేయడానికి నేను మీ కోసం మరికొన్ని కోడ్‌లను చేస్తాను, ఇలాంటి మరిన్ని విషయాలను అన్వేషించడానికి అనుసరించండి మరియు మాతో కనెక్ట్ అవ్వండి.