Hatena::ブログ(Diary)

masomi79の日記 このページをアンテナに追加 RSSフィード

2016-06-21 記事の抜粋を表示する このエントリーを含むブックマーク このエントリーのブックマークコメント

masomi792016-06-21

<?php echo mb_substr(strip_tags($post-> post_content), 0, 75); ?>

2016-03-04 独立したページをトップページとしてWordPressサイトで表示させる

masomi792016-03-04

[]/wp 以下に作成したWPサイトのトップページだけは独立したページを使用します。 13:11 /wp 以下に作成したWPサイトのトップページだけは独立したページを使用します。を含むブックマーク /wp 以下に作成したWPサイトのトップページだけは独立したページを使用します。のブックマークコメント

f:id:masomi79:20160303214930j:image

↑のindex.htmlをトップに表示させます。

1) テンプレートファイル template_toppage.phpを作成します。

内容は以下の通り

<?php
/*
Template Name: Top Page
*/
readfile(ABSPATH . '/index.html');
?>

ABSPATHはwordpressインストールされたフォルダのパスを示します。

ですのでindex.htmlwp/フォルダ以下にあっても上記の指定でOKです。




2) WP管理画面から固定ページを新規に作成します。

タイトルは「トップページ」などてきとうでかまいません。

f:id:masomi79:20160303215746j:image

テンプレートに先ほど作成したTop Pageが表示されますのでこれを選択します。




3) 「設定」=> 「表示設定」=>「フロントページの表示」で「固定ページ」にチェックをし、先ほど作成したページを選択します。

f:id:masomi79:20160303215747j:image

2015-06-27 box-sizing

[] 15:43 を含むブックマーク のブックマークコメント

width = border + padding + コンテンツ にするには

box-sizing: border-box; 

こっちが標準ならいいのに。。。

2014-12-12 Yahoo!ショッピング店舗構築のおぼえがき

[] 08:46 を含むブックマーク のブックマークコメント

Yahoo!店舗の製作の際に覚えたこと

画像ファイルのパス

テンプレート内で記入する場合は下記でOK

どのフォルダにアップしてもここに入ります。

<img src="/lib/ストアアカウント/画像ファイル名">

実際のURL

<img src="http://shopping.c.yimg.jp/lib/ストアアカウント/画像ファイル名">

となるようです。


固定たて帯バナーを設置する

トリプルを使わない場合は外部のstylesheetを読み込めないので、全部インラインで指定する必要があります。

<div style="position:fixed;background-image:url(http://shopping.c.yimg.jp/lib/店舗ID/画像ファイル名);background-repeat:repeat-y;right:0;top:0;height:1000px;width:200px;z-index:-1"></div>

position:fixed;

background-image:url(http://shopping.c.yimg.jp/lib/店舗ID/画像ファイル名);  /*画像ファイル*/

background-repeat:repeat-y;

right:0;

top:0;

height:1000px;

width:200px;

z-index:-1 /*重なった時に下になるように*/

2014-11-03 アイキャッチ画像のサイズ指定

[]thumbnail,medium,large,fullから選ぶ 05:14 thumbnail,medium,large,fullから選ぶを含むブックマーク thumbnail,medium,large,fullから選ぶのブックマークコメント

<?php the_post_thumbnail('画像のサイズ'); ?>

画像のサイズは下記から指定します。

thumbnail サムネイル
medium
large
full 原寸大

選べるのは4種類だけですが、管理画面からそれぞれのサイズの数値を指定できます。

「設定」→「メディア」から設定できます。

f:id:masomi79:20141104141343p:image