欅坂 乃木坂 LOVEです。

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

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

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


とりさん です。
 
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

— 広告 —


— 広告 —
新着情報