テンプレ、プラグインのカスタマイズを色々試しつつ、こっそりテンプレ作成などしてみたり(謎)
09月 ≪ 2017年10月 ≫11 月
12345678910111213141516171819202122232425262728293031
つぶやきぃ~♪
チェックチェック!
クリックしてね♪
ぽちっと同盟名簿へ
meromero park



タグふれんず

BlogPet

いろいろサーチ
プロフィール

あき

etc・・・
 エントリーナビ 
スポンサーサイト 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
この記事に拍手する
スポンサー広告 * * TOP↑
個別記事編集タグ 
記事の一つ一つに管理画面の過去の個別記事管理に飛べるタグを付ける。

いるのかいらないのかは別にして、アップした後に誤字脱字を見つけた時など、役に立ちます。
タイトル付近に小さめの画像を置いて、リンクしたり、日付けにリンクしたり、色々見かけますよね。
あきの場合は、そのままテキストリンクで【EDIT】と入れてます。

以下覚え書き


作業メモ

キイタ?( ゚д゚)オクサン(゚д゚ )アラヤダワァより~♪

【画像不使用(テキストリンク)】

<!--▼記事編集▼-->
<a href="<%server_url>control.php?mode=editor&process=load&eno=<%topentry_no>" target="_blank" title="管理者用記事編集">[編集]</a>
<!--▲記事編集▲-->



【画像使用】

<!--▼記事編集▼-->
<a href="<%server_url>control.php?mode=editor&process=load&eno=<%topentry_no>" target="_blank"><img src="画像URL" style="vertical-align:middle;" border="0" alt="管理者用記事編集"></a>
<!--▲記事編集▲-->



Return・‥…━━━★
スポンサーサイト
この記事に拍手する
カスタマイズ * CM(0)TB(0)TOP↑
ブログ拍手の位置変更。 
FC2ブログ拍手FC2ブックマークの位置を変更。By キイタ?( ゚д゚)オクサン(゚д゚ )アラヤダワァ

CANDIED様のアイコンに変えてみました~。
お気に入りに追加のマークって★に+じゃなぁい?
それっぽくない??

覚え書き・・・


作業メモ

①<!--topentry-->~<!--/topentry-->内の任意の場所に下記を追加。

<a href="http://blogvote.fc2.com/pickup/<%blog_id>/<%topentry_no>/clap" target="_blank"><img src="<%server_url>image/w-button.gif" width="18" height="18" border="0" style="vertical-align:middle;" alt="この記事に拍手する"></a>



<a href="http://bookmark.fc2.com/user/post?title=<%enc_blogname>-<%topentry_enc_utftitle>&url=<%topentry_link>" target="_blank"><img src="<%server_url>image/b-button.gif" width="18" height="18" border="0" style="vertical-align:middle;" alt="このエントリーをFC2ブックマークに追加"></a>



②管理ページ→ブログ拍手の管理→拍手ボタンの設定→拍手ボタンの表示→なしに設定。

Return・‥…━━━★
[] by ちゃん

トラバ&コメント有難うございました(*´ω`)
お役に立てて光栄です。
テンプレ作りが出来ないのでもっぱらカスタマイズばかりなんですよ~(汗)
プラグインは2つほど共有に出していますが、テンプレ登録までの道のりは長そうです。。。
[] by ★トモ★

早速変更させてもらったよぉ~♪
かわいいアイコンに変更できてよかったぁ!!
ありがとねーん(* ̄ー ̄)v
[] by あき

>ちゃん様

コメントありがとうございま~す♪
(ノ´▽`)ノオオオオッ♪共有プラグインに登録してるのですね??
そっちの方がすごいかも~~♪

また色々ネタを探しに遊びに行かせていただきますね!!

昨日も、個別に記事を編集するってやつをやってみました~♪

>トモちん

相変わらず仕事の早い女・・・

昨日は遅くにありがとね~~♪
また話そうねv-238
コメントを閉じる▲
この記事に拍手する
カスタマイズ * CM(3)TB(0)TOP↑
サイトマップ続き 
一生懸命カスタマイズ・・・というか、FC2ブログのテンプレート工房のいたおさんのブログを見て、ナビゲーション付けたのに・・・
こちらでしっかり紹介してありました・・・○┼< バタッ・・・・・
泣ける・・・時間返せ・・・

一応載せておきまする・・・・・・・・



作業メモ

①赤字 a name~aの部分を追加。
青字部分以下の赤字部分を、ごっそり書き換え。

<!--▼サイトマップ▼-->

<div class="~"><a name="mapnavi_title">サイトマップ</a></div>


/*--- カテゴリ名を記述 ---*/

/*------------------------*/


I+='<p><b>■ カテゴリ一覧 ■</b></p>'
I+='<ul class="navi">'
for (i=0;i<C.length;i++) { I+='<li><a href="#'+i+'">'+C[i]+'</a></li>' }
I+='</ul>'

for (i=0;i<C.length;i++) {
Flg=false;
I=I+'<a name="'+i+'" id="'+i+'"></a><br />';
I=I+'<p><b>【 '+C[i]+' 】</b>';
if (i!=C.length-1) {I=I+' <a href ="#'+(i+1)+'" title="次のカテゴリへ進む">▽</a>';}
if (i!=0) {I=I+' <a href ="#'+(i-1)+'" title="前のカテゴリへ戻る">△</a>';}
I=I+' <a href ="#mapnavi_title" title="カテゴリ一覧へ戻る">▲</a>';
I=I+'</p><ul>';

for (j=0;j<S.length;j++) {
if (C[i]==S[j].innerHTML) {
if (Flg==true) {
I+='<li><a href="'+A[k].href+'">'+A[k].innerHTML+'</a></li>';}
k=j;Flg=true;}}
I+='<li class="end"><a href="'+A[k].href+'">'+A[k].innerHTML+'</a></li>';
I+='</ul>';}
document.getElementById('maplist').innerHTML=I;
--></script>
<!--/titlelist_area-->

<!--▲サイトマップ▲-->



②スタイルシートを追加。

#maplist ul.navi li {
background-image: none;
list-style-type:disc;
margin-left:20px;
padding-left:0px;
}



③リストにアイコンを使う場合は、②でなくこちらを追加。

#maplist ul.navi li {
background: url(アイコン画像URL);
background-repeat: no-repeat;
margin-left:20px;
padding-left:0px;
}



Return・‥…━━━★
この記事に拍手する
カスタマイズ * CM(0)TB(0)TOP↑
サイトマップを作る! 
FC2ブログのテンプレート工房さんで紹介されている、全記事表示のプラグインを使って、見やすいサイトマップを作っちゃおう~~!編。

ブログのお引っ越しで総記事数がとんでもない事になってますが、全記事表示で、デロデロデロ~~~っと表示されるよりも、スッキリします。
まぁ、まだズラズラズラ~~~なんですが。

あきが今、記事上部のプラグイン3に入れているのが、タイトルリスト#という共有プラグインです。
便利ナビと迷ったのですが、ここは、これです(謎)
これのALL(全記事表示)部分から飛べるようにカスタマイズ~♪



以下覚え書き~。


作業メモ

FC2ブログのテンプレート工房さんのところから、ソースをごっそり!

<!--▼サイトマップ▼-->
<!--titlelist_area-->
<div class="menu_outline3">
<div class="menu_title3">サイトマップ</div>
<div class="menu_cont3">
<div id="maplist">
<ul><!--titlelist--><li>
<span><%titlelist_category></span>
<a href="<%titlelist_url>"><%titlelist_title></a></li>
<!--/titlelist--></ul>
</div><!--/maplist-->
</div><!--/menu_cont3-->
</div><!--/menu_outline3-->
<script type="text/javascript"><!--
var A=document.getElementById('maplist').getElementsByTagName('A');
var S=document.getElementById('maplist').getElementsByTagName('span');
var C=new Array(); var I=""; var Flg=false;

/*--- カテゴリ名を記述 ---*/
C[0]="カテゴリ名その1";
C[1]="カテゴリ名その2";
C[2]="カテゴリ名その3";
C[3]="カテゴリ名その4";
/*------------------------*/

for (i=0;i<C.length;i++) {
Flg=false;
I=I+'<p><b>【 '+C[i]+' 】</b></p><ul>';
for (j=0;j<S.length;j++) {
if (C[i]==S[j].innerHTML) {
if (Flg==true) {
I+='<li><a href="'+A[k].href+'">'+A[k].innerHTML+'</a></li>';}
k=j;Flg=true;}}
I+='<li class="end"><a href="'+A[k].href+'">'+A[k].innerHTML+'</a></li>';
I+='</ul><br />';}
document.getElementById('maplist').innerHTML=I;
--></script>
<!--/titlelist_area-->
<!--▲サイトマップ▲-->



②タイトルリスト#の<!--titlelist_area-->~<!--/titlelist_area-->部分とごっそり交換。

<div id="maplist">のみ残し、後はお好みで変更。

④ツリー化する為に、CSSに下記を追記。
ツリー化しない場合は、③までで終了♪

#maplist li {
background-image: url(ツリー画像URL);
background-repeat: no-repeat;
list-style-type:none;
list-style-image: none;
padding:0 0 0 20px;
margin:0;}

#maplist li.end {
background-image: url(ツリーエンド画像URL);
}



Return・‥…━━━★
[] by ★トモ★

あきちーーーー(泣)
できんよぉ~~ビェ─・゚・(。>д<。)・゚・─ン!!!

プラグイン(タイトルリスト#)DLして、そっからあきちと同じことしたけどダメー

テンプレート工房さんのところに載ってたサイトマップは出来るんだけどあきちみたいに▲とか最初のカテゴリ表示?みたいなのが表示されないの・・・・

ここに書いてあることだけでできるのー??
[] by あき

>トモちん

ちょっとスクリプトを変更する必要があるよ~!
あきとまったく同じでよければ、教えるよ~♪
コメントを閉じる▲
この記事に拍手する
カスタマイズ * CM(2)TB(0)TOP↑
NEWマーク続き 
記事のタイトルに付けるNEWマークとプラグインのコメントやトラックバックに違うマークを付ける場合。

またまたFCafeのdanielさんの共有プラグインNewMarkをダウンロードしてしまえば簡単なのですが、その場合、サイドバーにプラグイン名が表示されてしまいます。

なので、htmlに埋め込んでしまえ!!



以下覚え書き。


作業メモ

①</body>タグの手前に以下のスクリプトを追加。
青字の画像URL部分はfontタグで指定も可。
赤字部分は、新着として扱われる期限(単位は時間)。

<script type="text/javascript"><!--
function New(){
if (document.getElementsByTagName){
var Mark='<'img src="画像URL" border="0">';
var LIMIT=48;
if (LIMIT>240){LIMIT=240}
var T=new Date();
var Y=T.getFullYear();
var M=T.getMonth();
var D=T.getDate();
var H=T.getHours();
if (H>=LIMIT) {H=H-LIMIT} else {
var L2=Math.floor(LIMIT/24);LIMIT=LIMIT%24;
if (LIMIT<=H) {H=H-LIMIT} else {H=H+24-LIMIT;L2++}
D-=L2; if (D<1) {
if (M==4 || M==6 || M==7 || M==9 || M==11) {D+=30}
else { if (M==2) {D+=28} else {D+=31} }
if (M==0) {Y--;M=11} else {M--}
} }
T=Y*1000000+(M+1)*10000+D*100+H;
var A=document.getElementsByTagName('A');
for (i=0;i<A.length;i++){
if(A[i].className){ if(A[i].className.indexOf("time")==0){
if (eval(A[i].className.split("me")[1])>T) {
A[i].innerHTML=A[i].innerHTML+Mark;
} } } } } }
New();
//--></script>



②Aタグにtimeで始まる以下のような内容のクラス名を付加。

time[年変数][月変数][日変数][時変数]
  ↓
コメントに付けた場合。
class="time<%rcomment_year><%rcomment_month><%rcomment_day><%rcomment_hour>"



Return・‥…━━━★
この記事に拍手する
カスタマイズ * CM(0)TB(0)TOP↑
記事タイトルにNEWマークを付ける! 
記事タイトルにNEWマークを付ける。

FCafeのdanielさんとこから拝借。
これ、すごいです。
プラグインでも、同じように新着マークを付けられます。

それとは違う画像で、プラグイン部分にもNEWマークを付ける!はまた次回。



以下覚え書き・・・


作業メモ

①head領域に以下のスクリプトを追記

<script type="text/javascript"><!--
var today=new Date();
function nw(u1,u2,u3,u4) {
var nt=24; var c=new Date(u1,u2-1,u3,u4);
if (today-c<3600000*nt) {
document.write('<span class="new">New</span>')}
}
--></script>



②CSSに新着マークのクラスを記述。

.new {color:red; font-weight:bolder;}



②-①新着マークを画像にしたい場合は、CSSのクラスは必要なし。

document.write('<span class="new">New</span>')}
   ↓ 
document.write('<img src="画像URL">')}



③新着マークを表示させたい箇所にスクリプトを追加。

<script type="text/javascript">nw(年変数,月変数,日変数,時変数)</script>



Return・‥…━━━★
この記事に拍手する
カスタマイズ * CM(0)TB(0)TOP↑
コメントを折りたたみ表示する 

昨年末に「続きを読むを折りたたみ表示する」記事をアップしましたが、投稿されたコメントもパーマリンクに飛ばずに、トップページで読めるようにカスタマイズしてみました。【参考記事】・ARTIFACT ―人工事実― コメントを折りたたみ表示する



今まで使ってたスクリプトの記述がやたらと長かったのです。
こちらのJavaScriptは簡潔で( ̄▽ ̄)b グッ!

作成テンプレの全てに導入!!


作業メモ

①</head>タグの上に以下のJavaScriptを記述。

<script language="javascript" type="text/javascript">
<!--
function showHide(id){
var disp = document.getElementById(id).style.display;
if(disp == "block"){
document.getElementById(id).style.display = "none";
}else{
document.getElementById(id).style.display = "block";
}
return false;
}
//-->
</script>



②<!--allow_comment-->~<!--allow_comment-->間を変更。
以下のJavaScriptを追記。

<!--allow_comment--><a href="<%topentry_link>#com" title="コメント">Comments(<%topentry_comment_num>)</a><!--/allow_comment-->

  ↓

<!--allow_comment--><a href="<%topentry_link>#com" title="コメント">Comments(<%topentry_comment_num>)</a>
<!--not_permanent_area-->
<script language="JavaScript">
<!--
document.writeln("<a href=\"javascript:void(0);\" onClick=\"showHide('cmnt<%topentry_no>');\"> 見る▼</a>");
//-->
</script>
<!--/not_permanent_area-->

<!--/allow_comment-->



③コメントを表示させる記述を、rdfを定義している部分の上に、追加。

<div class="sidehide" id="cmnt<%topentry_no>"><hr>
<div id="topentry_comment_area<%topentry_no>" style="text-align:left">
<!--comment_list-->
<div class="topentry_comment_body">
<div><strong><%topentry_comment_list_title></strong> by<%topentry_comment_list_name></div>
<div><%topentry_comment_list_brbody></div>
<hr>
</div>
<!--/comment_list-->
</div>

<div style="text-align:right">
<a href="javascript:void(0);" onClick="showHide('cmnt<%topentry_no>');">コメントを閉じる▲</a>
</div>
</div>

<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"~



④スタイルシートに以下を追記。

.sidehide{display:none;}



⑤管理者ページ⇒環境設定の変更⇒ブログの設定ページの一番下「アドバンス設定(上級者用)」の「<%topentry_comment_list>を有効にする」が”有効にする”になっているか確認。
CSSのclassを忘れずに指定(確認)。

Return・‥…━━━★
[] by なお

あきりんぐ様、初めまして。
先日fc2にてブログを始めたばかりなのですが、何処を見ても『アドバンス設定』が見つかりませんでした…

折りたたみ機能を使いたくて探したのですが…

何か解決策をご存知ではないでしょうか…?
いきなりこの様な内容すみません…
[] by あき

>なおさん

ご訪問ありがとうございます。
アドバンス設定は、管理画面にあるはずですよ。
この記事を読んでいただけたなら、わかると思います。
この記事の5番目をもう一度よく読んでみて下さいね~♪
コメントを閉じる▲
この記事に拍手する
カスタマイズ * CM(2)TB(0)TOP↑


登録してね♪
おこづかいゲット~!
宿・ホテル予約ならじゃらんnet セシール セシール - デジタルカタログ テニス365 オンライン書店 boople.com(ブープル) e87.com(株式会社千趣会イイハナ) ジャパネットたかた メディアミックスショッピング みんなが気になるあなたのブログ レビューブログ
最近のコメント
カテゴリ
アーカイブ
リンク
List Me! by BlogPeople
ユーザータグ
トラックバック
テンプレ一覧

* デザイン変更 *
(トップに飛ぶと 元に戻ります)


Style Changer(改)
Script by FCafe
Arrange by ウェビンブログ

カウンター

今ここに:人います!
今日の献立
Yahoo!オークション
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。