欅坂 乃木坂 LOVEです。

芸能ニュース 欅坂 乃木坂 LOVE

欅坂46・乃木坂46ラブです

THE WORLD をちょっと改造して見た目を変える

  • このエントリーをはてなブックマークに追加

目安時間 約 4分


-- 広告 -- -- 広告 --

とりさん です。
 
WordPressの有料テンプレート「THE WORLD」には
便利なショートコードがいつくも用意されています。
 
ショートコードの例

ここに文章を書く

 
上記のように書くだけで
簡単に下のようなボックスが記事中に表示されます。
 

ここに文章を書く

 

 
THE WORLDのショートコードを
改造しよう!!

 

「THE WORLD」のソースに少し変更するだけで
「THE WORLD」の便利なショートコードを
自分の好きなスタイルで簡単に記事中に使えます。
 

ここに文章を書く

ここに文章を書く

 

星印を削除してBOXを使う

星印を削除してBOXを使う

 
今回の場合は
「THE WORD」の
functions-code.php
shortcode.css
少しだけ改変しました。
 
functions-code.php

// ブックマークボックス(角丸)
 case 'mypiyo': $color='my_orange'; break;

 

shortcode.css

/* ブックマーク */
.my_orange{
        padding:10px 10px 10px 10px;
        margin:0px 0px 0px 0px;
        background:#ffe7c1;
        border:2px #ffc770 solid;}

 

こちらのページのオレンジ色の box部分が
改変したソースを使っています。
   ↓
http://fujiyama.pw/ls/4smtn
 

ショートコードを改造する時に注意すること

テンプレートをバージョンアップすると、
あなたが改造したソースが全て消えてしまいます。
 
あなたの改造したソースは
バックアップをとっておきましょう。
 

WordPressのショートコードとは?
様々な動作やデザイン化されたHTML & CSS を
短いコードで表現、実行させる機能のことです。

 
最近の有料テンプレートには
ユーザーの利便性を高めるために
ショートコードが含まれることが
多く有ります。
 
商品ごとにショートコードが異なるので
テーマを入れ替えるとショートコードが
機能しません。
 
アフィリエイトで複数のWordPressサイトを
解説する時に
 
複数のテンプレートを使うと
メンテナンスが面倒になるので
 
使い慣れたテンプレートを使います。
 
私は
 
HTML & CSS の知識がなくても
ウィジェットショートコード
綺麗なWordPressサイト開設でき
レスポンシブWeb対応
(PC、スマートフォン、タブレット)の
   ↓ ↓ ↓
unlimited Template「THE WORLD」
   ↑ ↑ ↑
お薦めしています。
 
 

 
とりさんのお薦め
情報商材はこちら
 ↓ ↓ ↓
http://fujiyama.pw/ls/4smtn

 
 

Source: アフィリエイトで稼ぐ e-piyo.net

新着情報