Weblog学習記: 2010

2010年10月11日月曜日

livedoorブログのデザインカスタマイズメモ

livedoor blogのデザインをカスタマイズしたのでメモ。

ヘッダー画像は、bannerというid名になっていて、
この画像を変更するために、外部サーバに画像を置いてリンクしたら、
エラーに。

しかたないので、livedoor blogが提供している、
画像アップロードサービスでアップロードすると、
jpgがさらに圧縮される様子。。
jpgで最高画質にしても、圧縮率が高くて使えない。

仕方ないので、png24にしてアップすると、圧縮されなかった。
が、ファイルサイズがやはり大きい。。
まあ、次善策、ということで。今時は、たいがいブロードバンド、ということで許していただこう。
（携帯には微妙かな。）

まあ、その他、cssとhtmlを色々いじったが、実に簡単に反映された。
カスタマイズのしやすさは、かなり高めかな。
少なくともbloggerよりは取っつきやすかった。

メモでした。

2010年10月5日火曜日

寄稿者が画像アップロードをできるようにするメモ

wordpress3で寄稿者が画像のアップロード可能にするための方法を探して、
http://www.softel.co.jp/blogs/tech/archives/2133
でメモがあり、
本家フォーラムに元があったので、引用しておきます。

適用しているテーマのfunction.phpに加えたら、無事アップロードできるようになりました。
感謝。

if ( current_user_can('contributor') && !current_user_can('upload_files') )
add_action('admin_init', 'allow_contributor_uploads');

function allow_contributor_uploads() {
$contributor = get_role('contributor');
$contributor->add_cap('upload_files');
}

本家フォーラムではここ
http://wordpress.org/support/topic/allow-contributor-to-upload-media#post-1438467

2010年8月10日火曜日

WPで画像のalignやcaptionを反映するメモ

Wordpressのテンプレートに、よくvicunaさんを使わせていただいていますが、
写真の.alignrightやcaption等が聞いていないので、困りました。

すると、本家のドキュメントに記載があったので、core.cssに追記すると、すぐ反映されて幸せでした。
http://wpdocs.sourceforge.jp/CSS

ありがたや。

2010年6月4日金曜日

wp.vicunaのstyle-monoメモ

けっこうこれまで、WPのテーマ、「wp.vicuna」を愛用させてもらっています。

しかし、自分がフルスクラッチで最初から書いたものではないので、
CSSの記述の全体を把握するのに少々時間がかかったりします。
（これは、他の方がつくられたどんなテーマに関しても当然言えることですが。）

そこで、ぼつぼつメモを残して行こうと思います。

とりあえずは、
http://wp.vicuna.jp/skin/official-skin/
style-monoというスキンを現在カスタマイズ中なので、
そのメモです。

::::::::::::::::::::::::::::::::::::::::::

■layout.cssとcore.cssという二つがメインのcssになっています。
core.cssに主に色々な記載がありますが、layout関連はlayout.cssに名前の通り記載されている事が多いです。
eye-catch（ヘッダー画像）に関しては、layout.cssの方に書かれています。

このeye-catch画像に関して、二つのファイルに別々の記載をしたりして、反映されずに悩んだりしました。
layout.cssでの記述の方が優先度が高い記述になっていたので、そこがミソでした。

WPとjQuery.noConflict()。。

http://tech.ironhearts.com/blog/archives/366

WPでjQueryコードを書いても「$ is not defined」みたいなエラーが出るので悩んでいたら、上記の記事を発見。

jQuery.noConflict()されていて、$("#test")みたいな形式がデフォルトで使えないんですね。WPに付属のjQueryは。

回避策を考えねば。

■追記
http://digwp.com/2009/06/including-jquery-in-wordpress-the-right-way/
にやり方が書いてありました。

<?php wp_enqueue_script("jquery"); ?>

<?php wp_head(); ?>

をthemeのheader.phpの<head>内に記述。

そして、いかのように$jという変数にjQuery.noCnflict();を代入して、$jを使っていく、と。

var $j = jQuery.noConflict();

$j(function(){　以下略。。

でもはて、プラグインはどうなんだろう。。

■追記2
プラグインの追加方法も同一解説内に書いてありました。

<script type="text/javascript"
src="<?php bloginfo("template_url"); ?>/js/yourScript.js"></script>

と記述して、プラグインの中身で、$()を使っていなければOK。使っていれば書き変え、というところでしょうか。

2010年6月3日木曜日

とりあえず作成。

だんだん書いていきます。
とりあえず、作成まで。

Weblog学習記