rinkerのイジるトコ
- plugins/yyi-rinker/yyi_rinker_main.php
- リンクをクリックした時に新しいウィンドウで開くようにする
45行目を「false」から「true」に変更
//target blankにするかどうか
public $is_target_blank = true;
3273行目をコメント化
// $meta_datas[ 'credit' ] = 'created by Rinker';
- plugins/yyi-rinker/css/style.css
タイトルの色指定を解除
98行目をコメント化
div.yyi-rinker-contents div.yyi-rinker-title a {
/* color: #333; */
text-decoration: none;
}
- css(デザイン)
色んなサイトを参考にお好みで
/* ------------------------------------- */
/* Rinker カスタマイズ */
/* ------------------------------------- */
div.yyi-rinker-contents {
box-shadow: none;
border-radius: 6px;
}
div.yyi-rinker-contents div.yyi-rinker-box {
align-items: center;
}
div.yyi-rinker-title {
font-weight: bold;
color: #bd5fff;
}
div.yyi-rinker-title a:hover {
color: #33f078;
}
@media (max-width: 767px) {
div.yyi-rinker-contents div.yyi-rinker-box {
flex-direction: column;
padding: 24px 12px;
}
}
@media (max-width: 767px) {
div.yyi-rinker-contents div.yyi-rinker-title {
text-align: center;
}
}
div.yyi-rinker-contents div.yyi-rinker-detail {
margin-top: 0;
padding-left: 0;
}
@media (max-width: 767px) {
div.yyi-rinker-contents div.yyi-rinker-detail {
text-align: center;
}
}
div.yyi-rinker-contents div.yyi-rinker-info {
margin-top: 0;
margin-left: 16px;
}
@media (max-width: 767px) {
div.yyi-rinker-contents div.yyi-rinker-info {
width: 100%;
max-width: 568px;
margin-top: 16px;
margin-left: 0;
}
}
div.yyi-rinker-box .brand {
margin-top: 0;
}
div.yyi-rinker-box .credit {
display: none;
}
div.yyi-rinker-box .price-box {
display: none;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
margin-bottom: 0;
margin-left: -10px;
}
@media (max-width: 767px) {
div.yyi-rinker-contents ul.yyi-rinker-links {
margin-left: -5px;
justify-content: center;
}
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
margin-top: 5px;
margin-left: 10px;
margin-right: 0;
box-shadow: none;
transition: .3s;
}
@media (max-width: 767px) {
div.yyi-rinker-contents ul.yyi-rinker-links li {
margin-left: 5px;
width: calc(33.3333% - 5px);
flex-grow: 0;
flex-shrink: 0;
}
}
@media (max-width: 568px) {
div.yyi-rinker-contents ul.yyi-rinker-links li {
width: 100%;
}
}
div.yyi-rinker-contents ul.yyi-rinker-links li:hover {
box-shadow: none;
opacity: 0.6;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a {
height: 40px;
border-radius: 6px;
display: flex;
justify-content: center;
align-items: center;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {
opacity: 1;
}
できあがり
ディスカッション
コメント一覧
まだ、コメントがありません