Weblog学習記: WP

ラベル WP の投稿を表示しています。すべての投稿を表示

2013年1月18日金曜日

TinyMCEにCSSを適用。

TinyMCEで、ポストに適用しているCSSの通りに表示させるようにしたい、と思いググる。

以下のリンクが参考になった。
http://takahashifumiki.com/web/programing/1667/

functions.phpに
以下の行を追加。（もちろん、CSSファイル名は、自分の環境の通りに変更）

add_editor_style("editor-style.css");

無事、適用されました。

良かった。

wordpressでこのテーマを使い始めてみた。

http://www.cssigniter.com/ignite/themes/euclides/

searchから飛ぶと、へんな「download」とか「view demo」という謎の表示が出る。

さて、なんのことやら。調べるべし。

で、調べると、
「Euclides is the perfect theme for those who write tutorials online. While we concentrate on web workers, anyone can use this theme.」と書かれていた。。。

チュートリアル用のテーマだったのね。

あれま。無料で、良い感じだったから使い始めてみたけど、地雷かな。。

：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：：

あぎゃ。ポストごとの編集アイコンが、どこかに行ってしまった。
そもそもあったかな。。
うーん。

以下、追加したOKだった。
http://codex.wordpress.org/Function_Reference/edit_post_link

a-blogCMSから、wordpressへの移行をせねば。

a-blogCMSから、wordpressへのエクスポートの必要が出来たので、メモです。

http://manual.onsen.ne.jp/?p=129
ここに、やり方のメモがありました。

と思ったら、「a-blog CMS」から、ではなくて、「a-blog」でした。
私がやりたいのは、a-blog CMSからの吸い出し。

sql文でエラーが出たので、なんでだろう、と思ったら、そういうオチでした。。
　

2011年9月30日金曜日

RSSImport、べんり

wordpressでRSSImportというプラグインを使ってみた。
便利。
http://bueltge.de/wp-rss-import-plugin/55/

shortcodeでいろいろ表示も出来る。
参考にさせて頂いたのは以下のページ。
http://iphone-diary.com/?p=6202

2011年7月5日火曜日

vicunaでグローバルナビ

wordpress用のテンプレートvicunaが使いやすくて愛用しています。

グローバルナビを導入する方法がちょっと分からなかったので、以下のサイトを参考にさせて頂きました。

http://tpex.fem.jp/blog/wordpress/vicuna_cms_globalnavi.php

globalnavi.phpなりのファイルを作って、
それを各ページのテンプレートでインクルードする、というのは便利です。
いちいち全ページを変更するのって､ひどくおっくうですから。

ありがたい情報でした。

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。使っていれば書き変え、というところでしょうか。

Weblog学習記