作成者別アーカイブ: kaneda

kaneda

kaneda について

ショッピングサイト運営してます! 宜しくお願いします。 好きなタグ img src のアイ、エム、ジー、エス、アール、シー の響きと、文字の並びが、なんか好き。画像のタグ! 好きなCSSのプロパティ text-decoration: none; これに最初悩まされたから。。。

学習履歴:

職業:

swipe3

スマートフォン向け jQuery touch slide swipeで画像表示させる その2(解決)

前回質問したスマートフォン向け jQuery touch slide swipeで画像表示させるについて、ひとまず解決したので内容を書きます。

これは、カラーミーの商品詳細ページ(スマートフォンのテンプレート)で使用しました。
カラーミーはプランによって、商品詳細ページに掲載できる画像の枚数が決まっています。
私は4枚までのプランなので、今回は4枚の画像をスワイプさせました。
カラーミーショップは独自タグがあって画像を読み込む為に、if文?が使われています。
これがカスタマイズする時に、探し出すのが少し難しいのです。
今回は1枚目の画像とカラーミーのデフォルトで、<商品画像その他>とわかれている部分を4枚連続で表示できるようにhtmlを変更してます。そこに、下記のCSSを使用しました。CSSはコメントアウトしてる部分を変更しました。
※今回の大事な所
.deviceを100%
.swiper-containerにmax-width
他にも大事な指定はあると思いますが、ここが大事なのかな?と思います。
スマホを縦にした時は全体画像が見えて、画像の上に矢印が見えるようになります(矢印にz-indexを指定)。
横にスマホを回転した時は画像の大きさはそのままで、.deviceが100%になります。
画像の大きさを100%にすると横に回転した時に、商品の全体画像の一部が表示されて全体画像が見えないので、画像サイズは固定したほうが見やすいと思いました。
公開したページ(スマートフォン用)こちら 

html

css

こんなに長くなりましたが、まとめてみました。
足りない所があると思います。
まだまだこれからも、カラーミーショップのテンプレート(PCとスマートフォン)をカスタマイズしていくつもりです。
また、宜しくお願いします!
ありがとうございまいた。

swipe

スマートフォン向け jQuery touch slide swipeで画像表示させる

Android、iphone、ipadなどで、スワイプ(フリック)操作による画像切り替えをしたいです。
2013-10-18 Friday 勉強会の議事録
jQuery Slide Panel
真中さんのサイトを参考に、jQuery本体を読み込む方法をやりました。
jQuery carousel

スワイプの参考サイトはhttp://www.idangero.us/sliders/swiper/demos.php
DemosのDefaultを参考にしています。
スワイプ(フリック)操作による画像切り替えをするまではできました。
作業中のページは商品詳細ページ
できれば、スマホで見て下さい。m(-..-)m
.device(外枠の黒い部分)width 100%にしました。
画像を読み込んだのですが、画像サイズの指定がうまくいきません。
画像をきちんと表示させるには、%で指定するのでしょうか?
CSSの問題ですよね?その場合、paddingやmarginの事を考えて指定しなければいけないですよね?
雑ですみませんが、画像でまとめてみました。(~_~)

他のサイトを色々見て、スマホを横にした時に表示範囲で画面に均等に画像が表示されるのも良いと思ったのですが、どうでしょうか?これだと、表示画像が小さくなりますよね?

宜しくお願いします。

0615

WP カテゴリーのリンク名を変更したい。

ナビゲーションのカテゴリーのurlが、メニューの名前ではなくカテゴリーIDなどで表示されているのが気になって、
メニューの表示名やカテゴリー名を変更して
固定ページ→固定ページの投稿オプション → カスタム構造を選択してパーマリンク設定をいじってしまいました。
ワードプレスが入ってるフォルダ名を入れるのかと思い、http://st-neverland.com/blog/と記入しました。
すると、投稿一覧と、記事の個別ページが表示出来なくなりました。
★★★調べたら、こんな記事を発見しました。
http://wp-exp.com/blog/permalink-settei/
★★★この作業が必要ですか?
http://www.adminweb.jp/wordpress/permalink/index2.html
パーマリンク設定をデフォルトに戻したら、http://st-neverland.com/?cat=7の様にurlが元に戻り、表示されました。
ftpで見てみたら、.htaccessファイルが作成されてました。
リンクのurlをhttp://st-neverland.com/カテゴリー名にしたければ、パーマリンクの設定が必要ですか?
倶楽部リンゴは、投稿名 カスタム構造に設定されてますね?
今から設定しても、投稿一覧と記事の個別ページが表示出来なくなりますよね?
どうしたら良いでしょう(@@)
でも、そんなに今はページないからやっぱり必要ないのでしょうか。

0607

独自ドメイン サブドメインをカラーミーで使用

独自ドメインについて質問です。
ムームードメインで独自ドメインを取得して
http://st-neverland.com/ (ワードプレス)で使用していました。今まで、http://st-neverland.shop-pro.jp/でカラーミーを利用していたのを、サブドメインを設定して http://shop.st-neverland.com/に変更しました。
http://shop.st-neverland.com/ サブドメインで、カラーミーのショップページは見れるのですが、
http://st-neverland.com/ のページが表示出来なくなりました。
※st-neverland.com という名前のサーバが見つかりませんでした。
と表示されます。
http://st-neverland.com/はワードプレスを表示するはずです。
ワードプレスのログイン画面も表示されません。
ムームードメインで何か設定が必要なのでしょうか?
それとも、ワードプレス?
ロリポップにサブドメインの新規登録?
色々調べたのですが、ドメインの設定方法とか意味がよくわからなくて、質問させて頂きました。
宜しくお願いします。

wp テーマインストール 子テーマについて

大変な事をしてしまいました。
今まで、twenty eleven でサイトをカスタマイズしてましたが、
試しに、Twenty Twelveでやったらどうなるかftpで見てました。
Twenty Twelveの小テーマを作って・・・。
そしたら、元々のttchild(小テーマ)を削除してしまいました。(ー..ー;)
サイトも表示できなくなりました。
テーマを見ると何も入ってませんでした。
新しいテーマを追加しても

パッケージを展開しています…
→→→→テーマをインストールしています…
ディレクトリを作成できませんでした。
/home/users/2/pupu.jp-micco/web/st-neverland/blog/wp-content/themes/twentyeleven/

テーマのインストールに失敗しました。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
と表示されてしまいます。
テーマのインストールも出来なくなりました。
どうしましょう(>_<) こうなってしまったら、Twenty Twelveでやりたいと思っています。。。。 テーマ編集を見ても、選択したテーマはありません。としか表示されません。 ダッシュボードの現在の状況の部分に、 エラー: テーマディレクトリが空か、存在しません。インストールを確認してください。 と表示されています。 wpを新しくインストールしなおすんですか???

WP CSS3フルスクリーン背景スライドショーについて-Fullscreen Slideshow

CSS3で、スライドショーを背景にしたサンプルをみつけました。
ちょっとやってみたくなって、
http://st-neverland.com/
でやってみました。
写真は仮です。

wpの、front-page.php (固定ページ)に
demoサイト
から、コピペ(^_^;)して、やってみました。
表示は出来るのですが、背景に指定できません。
コンテンツもきちんと表示できません。
スマホもグチャグチャです。

Demo1のように表示して、新着ブログも背景の中に表示したいのですが。
どこにスタイルを指定すれば良いのか、、、困っています。(~_~)

ヘッダー含め、修正箇所が沢山あると思いますが、どうしたら良いですか???。。。

front-page.php

div id=”page” は元々body id=”page” でした。
bodyはおかしいと思って。divに変更しました。
これだと、bodyには指定できてない気がします。。。
すみません。長いですがこんな感じです。

WP固定ページに最新投稿一覧を表示する

front-page.php(固定ページの表示したい場所に記述)

WordPress 固定ページ追加について

本日、タカハシ先生に教えて頂いて、
フロントページ(front-page.php)を作成し、TOPの固定ページにしました。

ナビゲーション部分には、今の所

  • topページ
  • SHOPページへ戻る
  • BLOG(front-page.phpを作成後、追加しました)

のボタンがあります。

BLOGのページですが、リンクは
http://サイト名.com/blog/なのですが、
色々試してみましたが過去の記事を、ページのメインに表示する事ができませんでした。

とりあえず、Twenty Eleven: 固定ページテンプレート (page.php)を
front-page.phpにペーストした状態です。

※フロントページは、現在
http://st-neverland.com/

この場合、BLOGページも固定ページ?を作成するのでしょうか?
club ringoの様に、topと違う表示にしたいのです。

質問が、分かりにくいですよね。。。すみません。

http://clubringo.com
は、ナビゲーションが cat=1とか、page_id=※※※ とか?になってますね。。。

頭が混乱してます。。。後日、この投稿内容は、修正します。(=..=)zzz

★追記★
WordPress を専用ディレクトリに配置する – WordPress Codex 日本語版

既存のサブディレクトリをルートディレクトリとして表示する場合

手順9.次の修正を行ない、ファイルを保存する。
修正前:require(‘./wp-blog-header.php’);
修正後: WordPress コアファイルの新ディレクトリ名を使います。
require(‘./wp/wp-blog-header.php’);

この手順のindex.phpファイルを修正前のファイルで上書きしてしまいました。(;_;)
修正箇所を変更しましたが、表示ができなくなりました。

require(‘./wp/index.php’);
と変更しました。
これが間違いでしょうか??(><) 表示が出来なくなり、index.htmlの表示に戻しましたが(><)