Wordpress の更新はよかったのですが、テーマの更新もかけてしまったため、カスタマイズしていたスタイルシートが飛んでしまいました。仕方ないので、数年前に使っていた Twenty Fourteen のテーマに切り替えしています。ftp でしかいじれないサイトなので、細かい作業無理なため当分このままでいきます。よろしくお願いします。
タグ: WordPress
.png 画像ファイルで透過設定のものが見えにくい状態となっていたのでテーマ設定変更しました。
テーマ変更しておいて今さらいうのも駄目な話やったりますが、Blog の記事にアップロードしている画像のうち .png ファイルが透過設定になっている関係で今のバックグランドカラー黒では、見えないものがありました。テーマの配色を白ベースに変更しました。
WordPress の新テーマ Twenty Fifteen のカスタマイズメモ
WordPress のバージョンが上がって Twenty Fifteen というテーマが追加されました。今までは Twenty Fourteen を使っていて Futured タグ付けた記事は Blog 画面の先頭に表示されたりして、これはこれで良いテーマでしたが、最近 Futured タグ付けられる記事がなかなか書けない状況のためシンプルな表示スタイルの Twenty Fifteen に切り替えしました。
WordPress のテーマをそのまま日本語で使うとフォントの指定が無視されるわけでして、大抵「明朝体」のやたら大きな文字とかで表示されて、なんじゃこりゃ状態になります。英語などでは serif sans-serif など使い分けで綺麗なページになるのでしょうけど、日本語でページ作ると地味に中途半端な感じになります。とりあえず、今日時点のカスタムCSSをメモでのこしておきます。
まだ、明朝体で表示されてしまうところは残っていますが、あらかた修正した状態のものです。なお、サイドバーとコンテンツエリアの幅調整は難しくて手を出していません。
@import "http://fonts.googleapis.com/earlyaccess/notosansjapanese.css";
/*
カスタム CSS へようこそ!
CSS (カスケーディングスタイルシート)
は、ブラウザに対し Web
ページの表示方法を指定するためのコードです。このコメントを削除し、カスタマイズを始めることができます。
デフォルトでは、ここで指定したカスタムスタイルはテーマのスタイルシートが読み込まれた後に追加されます。つまり、デフォルトの
CSS
ルールを上書きできるということです。テーマのスタイルシートの内容をここにコピーする必要はありません。追加したい内容だけを書き込んでください。
*/
body {
font-family: 'Noto Sans Japanese', serif;
}
input, textarea {
font-family: 'Noto Sans Japanese', serif;
}
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form input[type="submit"],textarea {
font-size: 80%;
}
.page-title, .comments-title, .comment-reply-title, .post-navigation .post-title {
font-size: 2.1rem;
line-height: 1;
font-family: 'Noto Sans Japanese', serif;
}
.entry-title {
font-size: 125%;
}
.entry-content {
font-size: 90%;
}
.widget-title {
font-size: 100%;
}
.widget li {
font-size: 95%;
}
.textwidget {
font-size: 95%;
}
.widget_rss .rsswidget {
border: 0 none;
font-weight: 700;
font-size: 90%;
}
.rss-date {
font-size: 80%;
}
input.skuquantity {
width: 10em;
}
Twenty Fourteen テーマのコンテンツの横幅調整には Fourteen Extended プラグインが便利
Wordpress の Twenty Fourteen のテーマのコンテンツ横幅は 474 ピクセルですが、これは PC で見るぶんには正直狭い状況です。Fourteen Extended というプラグインがあったので、入れてみたところ、スタイルシートを一生懸命直さなくても、コンテンツの幅をメニューから設定出来ます。
このプラグインを入れると、テーマのカスタマイズに英語のメニューが増えるので、設定すれば OK 。チェックボックスなど ON/OFF してみて、どのようにサイトが表示されるか確認してみて下さい。
WordPress のテーマを Twenty Ten から Twenty Fourteen へ変更
ふと、思いつきでテーマの変更を行いました。まだスタイルシートなど一切いじっていない状況のため、タイトルの文字がもう少し小さくてもいいのではないかなど、修正した方が良い場所もあるので少しづつカスタマイズして行きます。
この Blog を始めたときに添付されていた Twenty Ten というのを使い続けていましたが、新しいものへ切り替えて WordPress いじりもやって見たいと思っています。
wordpress-3.7.1-ja 更新
メジャーリリースの後にすぐ更新来るのが毎度のパターン。地味に面倒臭いです。
wordpress-3.7-ja 更新
Wordpress-3.7-ja の更新が来ていたので、放置していてもアレなんで更新することに。前回は、データベースの更新中というところで止まってインストールし直すというエライ目にあったので今回最後まで自動で更新出来るか心配でしたが、無事完了です。
これは、記事が正しくポスト出来るかの動作確認用の記事です。すいません。
Welcart で、商品詳細の出力位置をカートに入れるボタンより下に出す
以前の記事で商品詳細ページに在庫数を表示するという修正をご紹介させていただきました。私のところでは Twenty Ten というテーマのまま運用しています関係上 Welcart の掲示板を見てもなかなか一発で回答に着かないことが多いです。今回修正したかった内容は、商品の説明文の表示位置を、「カートに入れる」ボタンよりも下に表示したくなったというものです。調査の結果、前回同様 single_item.php を修正すればいけそうということで、コードの修正したところうまい具合にいけたので OK です。
wordpress のディレクトリ/wp-content/plugins/usc-e-shop/templates/ のファイルを修正しているので、更新やパッチを当てた場合は、この作業も都度しなければなりません。これは注意ですね。ここらへんの表示位置などはカスタマイズ対応されるといいですね。
$ cat single_item.php.patch
*** single_item.php.orig 2013-07-25 14:48:18.541764200 +0900
--- single_item.php 2013-07-25 14:52:15.426313200 +0900
*************** if(usces_sku_num() === 1) { //1SKU
*** 28,34 ****
$html .= '<div class="field_name">' . apply_filters('usces_filter_sellingprice_label', $usces_sellingprice, __('selling price', 'usces'), usces_guid_tax('return')) . '</div>'."\n";
$html .= '<div class="field_price">' . usces_the_itemPriceCr('return') . '</div>'."\n";
$html .= '</div>'."\n";
! $singlestock = '<div class="field">' . __('stock status', 'usces') . ' : ' . esc_html(usces_get_itemZaiko( 'name' )) . '</div>'."\n";
$html .= apply_filters('single_item_stock_field', $singlestock);
$item_custom = usces_get_item_custom( $post->ID, 'list', 'return' );
if($item_custom){
--- 28,34 ----
$html .= '<div class="field_name">' . apply_filters('usces_filter_sellingprice_label', $usces_sellingprice, __('selling price', 'usces'), usces_guid_tax('return')) . '</div>'."\n";
$html .= '<div class="field_price">' . usces_the_itemPriceCr('return') . '</div>'."\n";
$html .= '</div>'."\n";
! $singlestock = '<div class="field">' . __('stock status', 'usces') . ' : ' . esc_html(usces_get_itemZaiko( 'name' )) . ' 在庫数 ' . usces_the_itemZaikoNum('return') . '</div>'."\n";
$html .= apply_filters('single_item_stock_field', $singlestock);
$item_custom = usces_get_item_custom( $post->ID, 'list', 'return' );
if($item_custom){
*************** if(usces_sku_num() === 1) { //1SKU
*** 37,43 ****
$html .= '</div>'."\n";
}
! $html .= $content."\n";
$html .= '</div><!-- end of exp -->'."\n";
$html .= usces_the_itemGpExp('return');
$html .= '<div class="skuform" align="right">'."\n";
--- 37,43 ----
$html .= '</div>'."\n";
}
! // $html .= $content."\n";
$html .= '</div><!-- end of exp -->'."\n";
$html .= usces_the_itemGpExp('return');
$html .= '<div class="skuform" align="right">'."\n";
*************** if(usces_sku_num() === 1) { //1SKU
*** 50,56 ****
$html .= "</table>\n";
}
if( !usces_have_zaiko() ){
! $html .= '<div class="zaiko_status">' . apply_filters('usces_filters_single_sku_zaiko_message', esc_html(usces_get_itemZaiko( 'name' ))) . '</div>'."\n";
}else{
$html .= '<div style="margin-top:10px">'.__('Quantity', 'usces').usces_the_itemQuant('return') . esc_html(usces_the_itemSkuUnit('return')) . usces_the_itemSkuButton(__('Add to Shopping Cart', 'usces'), 0, 'return') . '</div>'."\n";
$html .= '<div class="error_message">' . usces_singleitem_error_message($post->ID, usces_the_itemSku('return'), 'return') . '</div>'."\n";
--- 50,56 ----
$html .= "</table>\n";
}
if( !usces_have_zaiko() ){
! $html .= '<div class="zaiko_status">' . apply_filters('usces_filters_single_sku_zaiko_message', esc_html(usces_get_itemZaiko( 'name' ))) . ' 在庫数 ' . usces_the_itemZaikoNum('return') . '</div>'."\n";
}else{
$html .= '<div style="margin-top:10px">'.__('Quantity', 'usces').usces_the_itemQuant('return') . esc_html(usces_the_itemSkuUnit('return')) . usces_the_itemSkuButton(__('Add to Shopping Cart', 'usces'), 0, 'return') . '</div>'."\n";
$html .= '<div class="error_message">' . usces_singleitem_error_message($post->ID, usces_the_itemSku('return'), 'return') . '</div>'."\n";
*************** if(usces_sku_num() === 1) { //1SKU
*** 63,69 ****
usces_have_skus();
$html .= '<h3>' . usces_the_itemName( 'return' ) . ' (' . usces_the_itemCode( 'return' ) . ') </h3>'."\n";
$html .= '<div class="exp clearfix">'."\n";
! $html .= $content."\n";
$item_custom = usces_get_item_custom( $post->ID, 'list', 'return' );
if($item_custom){
$html .= '<div class="field">'."\n";
--- 63,69 ----
usces_have_skus();
$html .= '<h3>' . usces_the_itemName( 'return' ) . ' (' . usces_the_itemCode( 'return' ) . ') </h3>'."\n";
$html .= '<div class="exp clearfix">'."\n";
! // $html .= $content."\n";
$item_custom = usces_get_item_custom( $post->ID, 'list', 'return' );
if($item_custom){
$html .= '<div class="field">'."\n";
*************** if(usces_sku_num() === 1) { //1SKU
*** 117,127 ****
$html .= '<span class="price">' . usces_the_itemPriceCr('return') . '</span><br />' . usces_the_itemGpExp('return') . '</td>'."\n";
$html .= '</tr>'."\n";
$html .= '<tr>'."\n";
! $html .= '<td class="zaiko">' . usces_get_itemZaiko( 'name' ) . '</td>'."\n";
$html .= '<td class="quant">' . usces_the_itemQuant('return') . '</td>'."\n";
$html .= '<td class="unit">' . usces_the_itemSkuUnit('return') . '</td>'."\n";
if( !usces_have_zaiko() ){
! $html .= '<td class="button">' . apply_filters('usces_filters_single_sku_zaiko_message', esc_html(usces_get_itemZaiko( 'name' ))) . '</td>'."\n";
}else{
$html .= '<td class="button">' . usces_the_itemSkuButton(__('Add to Shopping Cart', 'usces'), 0, 'return') . '</td>'."\n";
}
--- 117,127 ----
$html .= '<span class="price">' . usces_the_itemPriceCr('return') . '</span><br />' . usces_the_itemGpExp('return') . '</td>'."\n";
$html .= '</tr>'."\n";
$html .= '<tr>'."\n";
! $html .= '<td class="zaiko">' . usces_get_itemZaiko( 'name' ) . ' 在庫数 ' . usces_the_itemZaikoNum('return') . '</td>'."\n";
$html .= '<td class="quant">' . usces_the_itemQuant('return') . '</td>'."\n";
$html .= '<td class="unit">' . usces_the_itemSkuUnit('return') . '</td>'."\n";
if( !usces_have_zaiko() ){
! $html .= '<td class="button">' . apply_filters('usces_filters_single_sku_zaiko_message', esc_html(usces_get_itemZaiko( 'name' ))) . ' 在庫数 ' . usces_the_itemZaikoNum('return') . '</td>'."\n";
}else{
$html .= '<td class="button">' . usces_the_itemSkuButton(__('Add to Shopping Cart', 'usces'), 0, 'return') . '</td>'."\n";
}
*************** if(usces_sku_num() === 1) { //1SKU
*** 134,139 ****
--- 134,141 ----
$html .= '</div><!-- end of skuform -->'."\n";
$html .= apply_filters('single_item_multi_sku_after_field', NULL);
}
+
+ $html .= "\n".$content."\n";
$html .= '<div class="itemsubimg">'."\n";
$imageid = usces_get_itemSubImageNums();
Jetpack 2.2.2 モバイルテーマの表示エラーが出るので deactivate
自分のサイトを携帯で見るときに簡易表示してくれる、Jetpack のモバイルテーマを有効にして運用していましたが、サイト表示したときのフッターの所に
Warning: stripos() [function.stripos]: needle is not a string or an integer in ... wordpress-2.8.2-ja-undernavicontrol/wp-includes/functions.php on line 658 Warning: stripos() [function.stripos]: needle is not a string or an integer in ... wordpress-2.8.2-ja-undernavicontrol/wp-includes/functions.php on line 661 View Full Site Proudly powered by WordPress
というエラーが出るのです。何回か JetPack の更新もあったんだけど解消しなかった。一応 Solve WordPress function.stripos Error を見つけてワークアランドやってみるも駄目だったので、一度 deactivate します。
当ブログに Welcart プラグイン導入
ちょっと思い付きで 日本初 WordPress 専用ショッピングカート Welcart for WordPress というのをインストールしていろいろ実験していました。
プラグインを入れてテスト的にカートが動くなぁというところで約半日。マスタに相当するところをいじりつつ関連がハッキリしてきたところで1日。PayPal の PDT にチャレンジするも、PayPal での決済は OK。プラグインのログも Success になっているけどカートがエラー出すのが原因わからず挫折。PayPal 請求決済で十分でしょということにしたところで2日。
商品を登録すると、それが Blog のエントリになるので、登録直後 Blog の最初の画面に表示されちゃうという仕様ですがこれは放置する方向で考えちう。
にしても、個人がちょろっとカート運用するだけなら十分な機能です。有償オプションは、ダウンロード販売や定期購入で繰替えし請求発生するものとかなので今の私には必要ないと。