Category Archives: Wordpress

今頃なんですが、FlavorDesignのサイトをレスポンシブ化しました。

http://flavor-design.biz

自分のサイトって、真っ先にやれよという感じなんですが、
結局後回しにして、ここまで…汗

…といっても、作り直す余裕はなくて、既存のサイトに、モバイル用のCSSを追加しただけです。
手抜きすぎますが、タブレット用は、PC用と同じものを見せることにしました。

style.cssをコピーして、mobile.cssを作り、
検索置換で、横幅を100%にしたり、フロートを解除したりしてから、表示を調整。

当時、グローバルナビを背景画像でだしてあったので、そこが面倒でしたが、
カスタムメニューを使って、テキストに変更。
jQueryプラグイン「MeanMenu」を使って、スマホ用折りたたみメニューを。

下記メモです。

<?php if (is_mymobile()):?>
<!-- ↓スマートフォン用のviewport -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- ↑スマートフォン用のviewport -->
<?php else: ?>
<!-- ↓スマートフォン以外のviewport -->
<meta content="width=1024" name="viewport">
<!-- ↑スマートフォン以外のviewport -->
<?php endif; ?>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<link media="only screen and (min-width: 0px) and (max-width: 480px)" href="<?php bloginfo( 'stylesheet_directory' ); ?>/mobile.css" type="text/css" rel="stylesheet"/>
<?php
$files = get_post_meta($post->ID, PDF, false);
foreach($files as $file){
$file = wp_get_attachment_url($file);
}
?>

<a href="<?php echo $file; ?>" target="_blank">PDFファイルです</a>

PHPメモ。

                
<?php if(): ?>
アイウエオ
<?php elseif(): ?> 
カキクケコ    
<?php else: ?> 
サシスセソ
<?php endif; ?>

とか

 
<?php if ( is_home() || is_front_page() ) { ?>
<?php bloginfo( 'name' ); ?>
<?php } else { ?>
<?php the_title(); ?>
<?php } ?>

Welcartメモ。

「カートに入れる」を「買い物かごに入れる」という文言に変更したいというご要望。
テーマの wc_item_singl.php の中。

<?php usces_the_itemSkuButton(__('Add to Shopping Cart', 'usces'), 0); ?>

(‘Add to Shopping Cart’, ‘usces’) を ‘買い物かごに入れる’ に変更する。

1箇所ではない。カスタマイズによる。

すぐ忘れちゃうから〜メモメモ
時間ないから、手抜きメモ。
リンク先はなくならないはず(笑)

http://welcustom.net/postal-code/

プラグインはこちら

自分用メモ。

ブログカテゴリの時だけ、サイドバーにブログ下のカテゴリメニューを出す。
件数表示付きの場合です。
(階層2階層の場合が、depth=2)

<ul>
<?php $cats = get_category_by_slug('blog'); ?>
<?php wp_list_categories('show_count=1&depth=2&orderby=slug&use_desc_for_title=0&hide_empty=1&child_of='.$cats->term_id.'&title_li='); ?>
</ul>

3年くらいサイト放置されてた会社さんの御依頼で、
WordPressをバージョンアップした際の不具合。
いろいろ検索して、対応策を発見。

原因は、テーマのfunction.phpの中に、
1つでも下記のような書き方があると、
メディアライブラリの画像が表示されなくなるということ。

<?php //処理 ?>

<?php //処理 ?>

上記を下記に変更で、解決です。

<?php //処理 ?>
<?php //処理 ?>

9月5日の土曜日は、WordPressの勉強会で、支援センターに。
これといった勉強会風景の写真は撮ってなかった。
富山から来られた方に頂いたお土産【かんこんたん】

かんこんたん

かんこんたん


ふだん、ひとりで作業してることが私にとって、とても有意義な勉強会でした。
皆様、ありがとうございました!

ヘッダーによくある電話番号画像で、
スマホで見た時だけ、電話番号をタップしたら電話がかかるようにする。
パソコンなどのときは、リンクエラーになるので、リンクさせたくない。

実装はjquery にて。

<img src="img/tel.png" alt="0120000000" class="tel">

内に

<script src="/js/jquery.js"></script>
<script type="text/javascript">
$(function(){
	var device = navigator.userAgent;
	if((device.indexOf('iPhone') > 0 && device.indexOf('iPad') == -1) || device.indexOf('iPod') > 0 || device.indexOf('Android') > 0){
		$(".tel").wrap('<a href="tel:0120000000"></a>');
	}
});
</script>

wp_pagenavi()は、wp_reset_query()よりも先に書くこと、忘れるな〜

WordPress設定→表示設定でのページ数を取ってきてしまうので、
一覧ページの表示数が、カテゴリー毎に違う場合、間違った数字が出ます。

カスタム投稿のときも同じです。

気をつけましょう(自分)汗