rinkerのイジるトコ

2022年10月25日wordpress

• 設定→Rinker設定→高度な設定→relの設定
  「sponsored」と入力して「高度な設定の変更を保存」を押下

• plugins/yyi-rinker/yyi_rinker_main.php
• リンクをクリックした時に新しいウィンドウで開くようにする
  45行目を「false」から「true」に変更

	//target blankにするかどうか
	public $is_target_blank = true;

• 「created by rinker」を非表示にする
  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;
}

できあがり