カテゴリー : WordPress

【Follow Me】ボタンを付けるには。。。

最近良く見かけるようになった、【Follow Me】のボタン
(バッジと言うみたいですね。。。)

ここにも付けてみました。

Twitter "Follow" Badge for your site / blog

とにかく簡単です!
へんなメンバー登録も必要なく、
・twitterのアカウント
・ボタン(バッジ)の種類(中の文字)
・背景色
・右か左か
・画面の上からどの位置に表示するか
の5つを設定して、[UPDATE CODE」で取得出来るコードを、
表示したいブログなりホームページの body終了タグ (</BODY>)
前に書き込めばOK

【Plug-in】 runPHP 「ページや記事内でphpを実行させる」

【目的】
ページ内でwordpressのアドオンである「d-Tree」を実行させたい。

【対応】
Plugin「runPHP」を使用する
 入手先 = no sq – runPHP

通常<?phpなどから始まるphpコードを記事内に書いても、wordpressでは、実行できない。しかし、runPHPプラグインを使って設定すると記事内でもphpコードが実行できるようになる。

runPHPの使い方
投稿画面のrun PHP項目にチェックを入れて。適切なPHPコードを投稿内容に書き込み投稿するだけです。書かれたコードが実行されます。

(引用)runPHP:wordpress記事内でphpを実行する | ああwordpress

【Plug-in】 WP-dTree 「カテゴリやアーカイブのリストをツリー化する」

【目的】
・リスト項目が増えて縦長になるのを見やすくする
・リストをエクスプローラーのようなツリー表示にする
・見栄えが良い

【対応】
Plugin「WP-dTree」を使用する

(参考)
 ・ 【WP】カテゴリ・アーカイブリストをツリー化する。WP-dTree || Ange*Blanc

【結果】
プラグインrun PHPと使用することにより、ページ内にリスト表示出来た。

但し、上部に意図しない空白部分が出来ている
原因わからない・・・

【Tips】 1ページ内で段組み表示する

【目標】
個別ベージの中に段組みを作る

【対応】
ページや記事の中に個別のスタイルシートを書き込んでやる。

<div style=”width:200px; float:left;”>
左側の記事はここに書かれたものが表示されます。
</div>
<div style=”width:200px; float:left;”>
右側の記事はここに書かれたものが表示されます。
</div>
<div style=”clear:both;”></div>

(HTML編集ができるブログを使う必要があります。<>は<>に変えてください)

(引用)
 ・ 左右二段組の記事を作成する方法(回り込みの方法)

【結果】(例)

左側の記事はここに書かれたものが表示されます。
右側の記事はここに書かれたものが表示されます。

やはりスタイルシートで出来るんですね。
これでTOPページを2段組みにして、左に説明文・右にカテゴリー等アーカイブツリーが出るのが出来るかな。。。

【Theme】 wp.Vicuna Ext Custom 「固定幅にする」

【目的】
全体のサイズを900
レイアウトがマルチに成った時のサイドバーを各200にする。
(コンテンツ領域は500)

【対応】
wp-content/themes/wp.vicuna.exc/style-vega にある(*1)
「layouts.css」
20行目  width: 95%; /*(60%~ | 600px~ | 60em~) etc.*/
を、以下のように修正
width: 900px; /*(60%~ | 600px~ | 60em~) etc.*/

(*1)スタイル(skin)によって最後のstyle-vegaの部分が変わる

【結果】
マージンの関係なのか、各領域に数ピクセルの差は出たがほぼ◎

【Theme】 wp.Vicuna Ext Custom

色々探してみたけど、軽くてカスタマイズが容易ということで、
こちらの「wp.Vicuna Ext Custom」に決定。

元のテーマである「wp.Vicuna」がカスタマイズ例が豊富というのも、
今後困ったときに調べやすいかな。。。と

導入方法は他のテーマと同じ
ダウンロードファイルを解凍後、
所定の「/wp-content/themes/」へアップロード

TOP

Information

ここの文章と上に表示されているタイトルは管理画面の、 「 Pianoblackオプション設定 」 から変更してください。