「作成」タグアーカイブ

ワードプレスメール投稿編その後

どーも！イエローモンキーデザインのまるおです！普段は、デリヘルや、キャバクラなどのウェブを作成しております！かなり久しぶりの投稿ですが、、、、。最近は、順調にバジキッズになりつつあります！
ここのところ求人サイトの作成で、てんてこ舞いでして、、、、。

かなり前に投稿した、メール投稿で、k-tai entryのプラグインを紹介してしましましたが、、、、、。
あのプラグイン更新されてないし、不具合もまぁまぁありまして、現状はjetpackが秀逸かと思います。

あくまでも僕がやるとしたらですが、通常のメール投稿を使います。
あらかじめメール投稿させるキャストの数だけキャスト名でカテゴリーを作って、jetpackのメール投稿を使います。
メール投稿にキャストごとのカテゴリのショートコードを１回ごとに入力させるのは、不備があるといけないので、

手順としては、
ログインページを作って、各キャストを識別して、そのページに投稿するボタンを作る。
mailto:info@example.com?body=[category キャスト名]でメール立ち上げさせて、メール投稿の流れでしょうか。
ページ自体には、
投稿をforeachで回して
‘category’ => ‘1’,/* カテゴリーIDで指定 */
で拾う形で行けるのではと思います。

※mailto:info@example.com?body=[category キャスト名]のリンクを各キャストに渡してもいいですが、セキリティ的にあまりお勧めはできませんので！

ご質問はまるおまで！では、ゴジラの下のマル○ン行ってきます！

woocommerce 商品詳細ページ　LightBox→スライド表示

コメントを残す

どーも！イエローモンキーデザインのまるおです！先日、久々に、woocommerceにて通販サイトの作成をしましたので、その時の備忘録としてですが、、、、。woocommerceは、すべてが、簡単に使えてかなり優れていますね！という印象です、、、、。

今回はタイトル通り、woocommerceの商品詳細ページの画像をライトボックスに変更する手順のご紹介をしたいと思います。

ググってみると、グックつけたり、ファンクションをいじって対応はできるみたいですが、、、。

対象サイトでは、もともとスライド画像を使っておりまして、slickを使っておりましたので、そちらをうまくいれこんでいく方針を考えました！
slickの使い方は、『slick』でググっていただければ、かなり細かく説明がありますので、そちらをご参照ください。

方向さえ変えて仕舞えば、結構簡単でして、まずは、プラグインのファイルを直接いじってしまうか、こテーマでいじるかはご自由ですが、、、、。

詳細ページのファイルは、「prodact-image.php」ですが、もともとの

<div class="images">
	<?php
		if ( has_post_thumbnail() ) {
			$attachment_count = count( $product->get_gallery_attachment_ids() );
			$gallery          = $attachment_count > 0 ? '[product-gallery]' : '';
			$props            = wc_get_product_attachment_props( get_post_thumbnail_id(), $post );
			$image            = get_the_post_thumbnail( $post->ID, apply_filters( 'single_product_large_thumbnail_size', 'shop_single' ), array(
				'title'	 => $props['title'],
				'alt'    => $props['alt'],
			) );
			echo $attachment_count;
			echo $image;
			echo apply_filters(
				'woocommerce_single_product_image_html',
				sprintf(
					'<a href="%s" itemprop="image" class="woocommerce-main-image zoom" title="%s" data-rel="prettyPhoto%s">%s</a>',
					esc_url( $props['url'] ),
					esc_attr( $props['caption'] ),
					$gallery,
					$image
				),
				$post->ID
			);
		} else {
			echo apply_filters( 'woocommerce_single_product_image_html', sprintf( '<img src="%s" alt="%s" />', wc_placeholder_img_src(), __( 'Placeholder', 'woocommerce' ) ), $post->ID );
		}

		do_action( 'woocommerce_product_thumbnails' );
	?>
</div>

<?php

if ( has_post_thumbnail() ) {

$attachment_count = count( $product->get_gallery_attachment_ids() );

$gallery = $attachment_count > 0 ? '[product-gallery]' : '';

$props = wc_get_product_attachment_props( get_post_thumbnail_id(), $post );

$image = get_the_post_thumbnail( $post->ID, apply_filters( 'single_product_large_thumbnail_size', 'shop_single' ), array(

'title' => $props['title'],

'alt' => $props['alt'],

) );

echo $attachment_count;

echo $image;

echo apply_filters(

'woocommerce_single_product_image_html',

sprintf(

'<a href="%s" itemprop="image" class="woocommerce-main-image zoom" title="%s" data-rel="prettyPhoto%s">%s</a>',

esc_url( $props['url'] ),

esc_attr( $props['caption'] ),

$gallery,

$image

$post->ID

);

} else {

echo apply_filters( 'woocommerce_single_product_image_html', sprintf( '<img src="%s" alt="%s" />', wc_placeholder_img_src(), __( 'Placeholder', 'woocommerce' ) ), $post->ID );

}

do_action( 'woocommerce_product_thumbnails' );

</div>

をこのように変更すれば、簡単にスライド表示なります。

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

global $post, $product;
?>
<div class="images">
<ul class="slider">
<?php
$attachment_count = count( $product->get_gallery_attachment_ids() );
$image1 = $product->get_gallery_attachment_ids();
?>
<?php
$myAry = $image1;
foreach ($myAry as $val) {
echo "<li>";
    echo wp_get_attachment_image($val,full);
    echo "</li>";
}
?>
</ul>

	
</div>

if ( ! defined( 'ABSPATH' ) ) {

exit;

}

global $post, $product;

<?php

$attachment_count = count( $product->get_gallery_attachment_ids() );

$image1 = $product->get_gallery_attachment_ids();

<?php

$myAry = $image1;

foreach ($myAry as $val) {

echo "<li>";

echo wp_get_attachment_image($val,full);

echo "</li>";

}

</ul>

</div>

これは、あくまでも、slickを使用している場合ですので、ご自分の環境に合わせてみてください。

あくまでも１例ですので、、、、。

ご質問は、まるおまで！

woocommerce,slick,woocommerce商品ページ,woocommerce商品ページスライド,woocommerce商品詳細ページ,woocommerce商品詳細ページスライド,WORDPRESS, いちゃキャバ, ウェブサイト, おっぱぶ, キャバ, キャバクラ, キャバ嬢, セクキャバ, デリヘル, ナイトワーク, ホームページ, ホスト, ヨガサイト, ワードプレス, 予約システム, 作成, 新宿, 東京, 水商売, 通販サイト, 風俗, 風俗嬢

ワードプレスメール投稿編

コメントを残す

どーも！イエローモンキーデザインのまるおです！普段は、デリヘルや、キャバクラなどのウェブを作成しております！最近の趣味はまどマギ２の穢れを解放することです！デザインは違うけど、中身はほぼ一緒だし、新しいものに挑戦したいもんですな！
そしてパチンカスやめたい、、、、、。

今回はワードプレスでのメール用高機能の紹介をしたいと思います！

まずは、投稿するメールアドレスでその分だけ、ユーザーの新規追加をします！

次は基本のプラグインですが、
１、Auto Post ThumbnailかEasy Add Thumbnail（添付ファイルからのサムネイル作成）
２、Ktai Entry(POPでメールフォルダと通信してくれます)
をインストールします。
有名なプラグインですので、説明は割愛いたします！

個人的には、Easy Add Thumbnailで十分かと思います！
Auto Post Thumbnailは、Easy Add Thumbnailの高機能版という感じですが、メールで簡易的に投稿するん￥ばいいに高機能である必要もないですし、まれに反映されない場合があります。

Auto Post Thumbnailで反映されない場合は、Easy Add Thumbnailでサムネイルが作成されますし、Easy Add Thumbnailは今のところ、不具合は少ないイメージですね！

まずは、gmailのアカウント作ります。この時に必ず、わかりにくいメールアドレスにしてください。
迷惑メールが来た際にも投稿されてしましますので、注意してください。

gmailを作成したら、設定からメール転送と POP/IMAPを選択して、下記画像のように設定します。

ワードプレスにはメール投稿の機能がありますので、ダッシュボード→設定→投稿設定で下記画像のように設定します。

以上で、設定は完了です！

例えば、メール投稿用カテゴリーの初期設定でカテゴリの選択ができますので、風俗サイトなんかでよくある写メ日記ですが、このメール投稿機能を使えば、一人一人の投稿が可能です。

実装には、一人一人の紐付けやなど細かい点もありますが、、、、、、、。

ご質問はまるおまで！では、ゴジラの下のマル○ン行ってきます！

Contact Form 7の使い方について（複数の変数を渡すには？）その３

コメントを残す

どーも！イエローモンキーデザインのまるおです！普段は、デリヘルや、キャバクラなどのウェブを作成担当しております！最近の趣味はまどマギ２の穢れを解放することです！悩みは、ワルプル苦手なことです、、、、。妖回胴中記大好き！

「そして動き出す・・・・・・・・・」

前回までで、Contact Form 7のフォームのhtmlをコピーした続きからです！
本当は、時間をかけて記事を書こうと思ったのですが、早く書けとの詔を受けまして、、、、、。

次は、ユーザーが入力したものをページ上で確認させて、Contact Form 7で双方に送るまでを実装します。

sousin.php(名前はなんでも)ですが、$_POSTで拾い、各変数をはめ込むだけです！

<input name="namae" type="text"value="<?php echo $test[namae];?>"/>
<input name="jusho" type="text" value="<?php echo $test[jusho];?>"/>

1 2	<input name="namae" type="text"value="<?php echo $test[namae];?>"/> <input name="jusho" type="text" value="<?php echo $test[jusho];?>"/>

みたいな感じです。

<?php $test=($_POST); ?>

1	<?php $test=($_POST); ?>

「契約書」(契約書を例にしてみると)

<?php echo $test[namae]; ?>

1	<?php echo $test[namae]; ?>

（以下、「甲」という。）とまるお（以下、「乙」という。）は、下記のとおり契約（以下、「本契約」という。）を締結する。
〜〜〜〜〜〜〜〜〜〜〜〜〜というように文章の中に、変数をechoで入れ込んでいき、確認文章を作ります。

<div role=”form” class=”wpcf7″ id=”wpcf7-xxxx-xxxx-o1″ lang=”ja” dir=”ltr”>〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
<span class="wpcf7-form-control-wrap your-name">
<input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /></span> </label>〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜</div>

<div role=”form” class=”wpcf7″ id=”wpcf7-xxxx-xxxx-o1″ lang=”ja” dir=”ltr”>〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

の先ほど、コピッた塊をペーストします！

上記の一塊に中に、名前の項目なら、

<p><label> お名前 (必須)<br />
<span class="wpcf7-form-control-wrap your-name">
<input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /></span> </label>

の項目があると思いますがこのvalue=””に変数を入れるだけですので、

value="<?php echo $test[namae];?>"

1	value="<?php echo $test[namae];?>"

に変更します！

<p><label> お名前 (必須)<br />
<span class="wpcf7-form-control-wrap your-name">
<input type="text" name="your-name" value="<?php echo $test[namae];?>" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /></span> </label>

<input type="text" name="your-name" value="<?php echo $test[namae];?>" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /></span> </label>

という箇所が名前のフォームボックスです！
あとは同じように各パーツのvalue=””にechoするだけです！
変数をセットしたら、各パーツ~~~~をコピぺで順番を変えるだけです！もしくは、
input type=”hidden”にしてしまっていいかもしれませんね！*/

実際に送信ボタンを押すと、Contact Form 7のメールが双方に送られます！

簡単に、おさらいをすると、

１ユーザー入力ページのinputのneme=””で変数としてセット
２確認ページで変数を各項目に代入し、コンタクトフォームの値に埋め込む＆文章形式で表示する
３Contact Form 7の送信メール機能で、双方に送信される
※Contact Form 7の中身を見るためにソースを表示の下が少しめんどくさいですかね、、、。ただ個人的には、ファンクションはあまりいじりたくないなーと思い考えました。
そもそも、Contact Form 7でやる必要がないとのご意見ありありですが、、、、、。ご勘弁を！

ちょっと眠くて、はしょってしましましたが、、、、。なるべくわかりやすく書きましたので、ご理解くださいませ。一応コピペで使えるようにコメアウトしてます！

if (empty($test)){
echo '<script type="text/javascript">' ;
echo 'alert("変数がありません。前のページに戻ります。");' ;
echo 'window.location.href = "http://自分のサイト名"';
echo '</script>' ;
}
?>

if (empty($test)){

echo '<script type="text/javascript">' ;

echo 'alert("変数がありません。前のページに戻ります。");' ;

echo 'window.location.href = "http://自分のサイト名"';

echo '</script>' ;

}

なんてのもできますね！

ご質問はまるおまで！

WordPress[ワードプレス]専門ホームページ作成のイエローモンキーデザイン。SEOに強いCMS、ワードプレス[WordPress]で作成するホームページが100,000〜。低価格で高品質なホームページ〜通販用ECサイトまで、雑誌デザインDTP、チラシ、看板デザインもお任せください。

Contact Form 7の使い方について（複数の変数を渡すには？）その２

コメントを残す

前回までで、ユーザーの入力ページは説明しましたので今回は、その続きからです。

次は、前回ユーザー入力させたinputのデータをメール似て飛ばすための下準備をContact Form 7にて作業します。

適当に新規フォームを作成します。
その際に前回設定した、Contact Form 7のフォームを作っていきます。

<label>メニュー１
[radio menu1 default:1] </label>

<label>メニュー2
[radio menu2 default:1] </label>

<label> お名前 (必須)
[text* your-name] </label>

<label> メールアドレス (必須)
[email* your-email] </label>

<label> 電話番号 (必須)
[tel* tel-1 placeholder "090-1234-5678"] </label>

<label> 題名
[text your-subject] </label>

<label> メッセージ本文
[textarea your-message] </label>

[submit "送信"]

<label>メニュー１

[radio menu1 default:1] </label>

<label>メニュー2

[radio menu2 default:1] </label>

<label> お名前 (必須)

[text* your-name] </label>

<label> メールアドレス (必須)

[email* your-email] </label>

<label> 電話番号 (必須)

[tel* tel-1 placeholder "090-1234-5678"] </label>

<label> 題名

[text your-subject] </label>

<label> メッセージ本文

[textarea your-message] </label>

[submit "送信"]

その後、一番のミソとなるContact Form 7のメールタブのメッセージ本文を編集します！
メッセージ本文を仮に契約書にイメージで作ります！

「契約書」
[your-name]（以下、「甲」という。）とまるお（以下、「乙」という。）は、下記のとおり契約（以下、「本契約」という。）を締結する。
〜〜〜〜〜〜〜〜〜〜〜〜〜というように文章の中に、フォームの項目を入れ込んでいきます。
上記の例だと、[menu1],[menu2],[your-email],[tel-1]などですかね。

「メール２を使用」してメッセージ本文の箇所をコピペしてフォームでの作業は完了です。

次に、新規固定ページを作ります。これは後で捨てるので、タイトルなどはなんでも構いません。
このページに、先舗で作ったContact Form 7のフォームのショートコードを貼り付け→公開→ページを表示します！
この時点でのフォームは、先ほど作ったまんまの状態ですが、全然問題ありません！
ここで、GoogleChromの出番でして、右クリックのページのソースを表示をポチ！

長ったらしいhtmlをすらすらーと下まで「キングクリムゾン！」とスクロールします。
探す文章は、

div role=”form” class=”wpcf7″ id=”wpcf7-xxxx-xxxx-o1″ lang=”ja” dir=”ltr”>〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
<span class="wpcf7-form-control-wrap your-name">
<input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /></span> </label>〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜</div>

div role=”form” class=”wpcf7″ id=”wpcf7-xxxx-xxxx-o1″ lang=”ja” dir=”ltr”>〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

ここの一塊ををまるっとコピリます！
コッピタものはメモ帳などに貼り付けておき、次回編集します！
では、次回まで、「the world　時よ止まれっっっっっ」
WordPress[ワードプレス]専門ホームページ作成のイエローモンキーデザイン。SEOに強いCMS、ワードプレス[WordPress]で作成するホームページが100,000〜。低価格で高品質なホームページ〜通販用ECサイトまで、雑誌デザインDTP、チラシ、看板デザインもお任せください。

Contact Form 7の使い方について（複数の変数を渡すには？）その１

コメントを残す

どーも！イエローモンキーデザインのまるおです！普段は、デリヘルや、キャバクラなどのウェブを作成しております！最近の趣味はまどマギ２の穢れを解放することです！

ワードプレスでサイト構築の際には、Contact Form 7は手放せませんよね！

Contact Form 7の使い方について（複数の変数を渡すには？）
Contact Form 7の通常の使い方は、言わずもがななところでして、説明は割愛いたします！

Contact Form 7も申し込みや、お問合せに使っている方も多いかと思います！
かなり自己流でお恥ずかしいですが、Contact Form 7にて、複数の変数を受け取り方をわかりやすく明記しますので、参考にしていただければと思います！

ケース例としては、サイト上で契約書を交わすときや、ユーザーが選択もしくはテキスト入力したものを次のページにて表示します。
その後Contact Form 7に変数としてセットして双方に確認メールを飛ばしたいケースですが、（かなりレアなケースだと思いますが、いろいろ流用できるかと思います。）

まず、nyuryoku.php(名前はなんでも)とsousin.php(名前はなんでも)を使っているテーマ、もしくはこテーマにアップロードします！

ユーザーの入力フォームの新規固定ページを作りテンプレートをnyuryoku.php(名前はなんでも）にします。

入力の確認と送信用ページ新規固定ページを作りテンプレートをsousin.php(名前はなんでも)にします。

流れとしては、nyuryoku.php(名前はなんでも)でユーザーに自分で入力もしくは、選択させた項目をsousin.php(名前はなんでも)に設置したContact Form 7で送信する感じです！

nyuryoku.php(名前はなんでも)に記述に記述することですが、

<?php
/*
Template Name: nyuryoku
*/
get_header(); ?>
<div id="primary" class="site-content">
<div id="content" role="main">
<form method="post" action="http://自分のサイト名/sousin/">
お名前：<input type="text" name="namae" > <br/> <br/>
ご住所：<input type="text" name="jusho" > <br/> <br/>
電話番号：<input type="text" name="tel" > <br/> <br/>
E-mail：<input type="text" name="mail" > <br/> <br/>
メニュー１：<input type = "radio" name = "menu1" > <br/> <br/>
メニュー２：<input type = "radio" name = "menu2" > <br/> <br/>
<input type="submit" value="内容を確認する">
</form>
<br/>
※次のページにて、内容がご確認できます
</div><!-- #content -->
</div><!-- #primary -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

<?php

Template Name: nyuryoku

get_header(); ?>

お名前：<input type="text" name="namae" > <br/> <br/>

ご住所：<input type="text" name="jusho" > <br/> <br/>

電話番号：<input type="text" name="tel" > <br/> <br/>

E-mail：<input type="text" name="mail" > <br/> <br/>

メニュー１：<input type = "radio" name = "menu1" > <br/> <br/>

メニュー２：<input type = "radio" name = "menu2" > <br/> <br/>

</form>

<br/>

※次のページにて、内容がご確認できます

</div>

</div>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

自分の好きなinputに変えてください。

続きは次回にて！

ご質問はまるおまで！

次は、ユーザーが入力したものをページ上で確認させて、Contact Form 7で双方に送るまでを実装します。

今後、こちらで、ワードプレスのおすすめ情報を公開していきます！

コメントを残す

今後、こちらで、ワードプレスのおすすめ情報を公開していきます！

ワードプレスはgoogleも認めるSEOの優れものです。
しかし、そのままでは、SEOのパフォーマンスも発揮されません。

ワードプレスでのサイト作成について、よく使うプラグインのご紹介をします！
プラグイン自体は、他のサイトで詳しい説明がありますんで、ここでは省略します。
正直、このプラグインだけで、ほぼ全てのサイトが作れます！

・All In One SEO Pack
・Contact Form 7
・Custom Field Suite
・Custom Post Type UI
・Google XML Sitemaps
・WP Super Cache
・SiteGuard WP Plugin
・Really Simple SSL
・Responsive Menu

ぜひ参考にしてください！

メンズエステのホームページ作成しました。

コメントを残す

メンズエステのホームページ作成しました。

メンズエステのホームページになります。
ワードプレスの特徴を生かし、ブログ形式で新着情報の更新などが簡単に可能です。
また、キャスト管理システムを導入しており、お客様ご自身でキャスト管理が可能です。

キャスト管理では、オーナー様のみがアクセスできる専用ページを作成し、キャストの出勤データなど直感的に操作できるように作成しております。

洋服ブランドサイト作成しました。

コメントを残す

洋服ブランドサイト作成しました。

洋服ブランドのホームページ（ECサイト）になります。
ワードプレスの特徴を生かし、ブログ形式で新着情報の更新などが簡単に可能です。
WooCommerceをカスタマイズすることで自社ブランド商品の管理・販売が可能です。

商品に関しては、オーナー様が直感的に編集、更新が可能です。
paypalを利用して、クレジットカード決済が可能です。

ヨガ教室のホームページ作成いたしました。

コメントを残す

ヨガ教室のホームページ作成いたしました。

ヨガスタジオのホームページになります。
ワードプレスの特徴を生かし、ブログ形式で新着情報の更新などが簡単に可能です。
また、スケジュール管理システムを導入しており、お客様ご自身でのスケジュール管理が可能です。

作成にあたって、ヨガ教室に必須のレッスン情報の編集（日時や内容など）や、インストラクターの編集（インストラクター情報の編集や、新規追加など）をオーナー様が変更、設定できるように作成しています。
また、ホームページから直接ユーザー様からレッスンの予約ができるように作成しております。

このサイト自体は、もともとワードプレスで作成されていたものを変更修正作業になりましたが、オーナー様にご満足いただけるものになりました。

Yellow Monkey Design

Yellow Monkey Design

「作成」タグアーカイブ

ワードプレスメール投稿編その後

woocommerce 商品詳細ページ　LightBox→スライド表示

ワードプレスメール投稿編

Contact Form 7の使い方について（複数の変数を渡すには？）その３

Contact Form 7の使い方について（複数の変数を渡すには？）その２

Contact Form 7の使い方について（複数の変数を渡すには？）その１

今後、こちらで、ワードプレスのおすすめ情報を公開していきます！

メンズエステのホームページ作成しました。

洋服ブランドサイト作成しました。

ヨガ教室のホームページ作成いたしました。