指定した箇所の文字を変更する | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery

★ 指定した箇所の文字を変更する

● 概要

① 指定した場所(セレクタ)の文字や文章(テキスト)を変更する


● やり方


① フリープラグインへ追記する(テーマのケース)

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type='text/javascript' src='http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css'></script>
<script type="text/javascript">
text_replace('.articleTheme','テーマ','category');
</script>



◆ 説明

 ・ 下記はフリープラグインの最初に1つあればOKです。

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>

 ・ 下記が既に設定されていれば、不要です。

<script type='text/javascript' src='http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css'></script>


 ・ text_replace('.articleTheme','テーマ','category');

'.articleTheme'・・・変更したい場所のセレクタ名
'テーマ'・・・変えたい文字・文章
'category'・・・変えた後の文字・文章




● スクリプトのソース内容

function text_replace(chg_selector,org_text,chg_text){
$(document).ready(function(){
$(chg_selector).each(function(){
$(this).html($(this).html().split(org_text).join(chg_text));
$(this).css("display","block");
});});
}