制作事例 しゅんあぐり様LINEスタンプ

!cid_2B627BAF-4A48-46AD-AD65-3D0F8187BD41

弊社で制作させていただいたしゅんあぐり様LINEスタンプ「ビーンくんとフラちゃんと。」が販売開始されました!

購入はこちら

 

 

[スタンプの一部をご紹介]しゅんあぐりスタンプ150116

 

※画像はサンプルです。

みなさんバンバン使ってくださいね。

さてさて、いよいよ販売が開始されました。何だと思います?しゅん・あぐりのLINEスタンプです!ぜひ使ってみてください。http://line.me/S/sticker/1119924よりお入りください。

Posted by 株式会社しゅん・あぐり on 2015年5月12日


Twitterのタイムラインを埋め込む

150424_01

 

みなさんお花見はしましたか?どこかおすすめはありますか?

出店で食べるお好み焼きが好きです。

新潟もたくさんお花見スポットがあるので、来年ぜひ行ってみてくださいね。

 

さて今回はTwitterのお話です。

サイトのサイドとかフッターにTwitterのタイムラインを埋め込むのは良く有ると思います。今回はその基本的なカスタマイズについてです。

Twitterウィジットのコードを取得する

Twitterにログインしたら、「設定」→「ウィジット」と進めます。新規作成ボタンからTwiterウィジットを作ります。150424_02

基本的な設定はこの画面で行います。

設定する項目は

  • ユーザー名
  • @ツイート除外の有無
  • 画像を自動で開くかどうか
  • 高さ
  • テーマの色(light/dark)
  • リンク色

です。

設定が終わったら「ウィジットを作成」ボタンでコードが表示されるので、表示されたコードをコピーして自分のサイトへ貼付けます。これで基本的にTwitterのタイムラインを埋め込むことができました。


Twitterウィジットをカスタマイズする

埋め込んだウィジットのdata-chrome属性でカスタマイズができますよ。

data-chrome属性で変更できる設定は

  • noheader:タイムラインのヘッダーを無くします。
  • nofooter:タイムラインのフッターやツイートボックスを無くします。
  • noborders:ボーダーを削除します。
  • noscrollbar:タイムラインのスクロールバーを削除します。
  • transparent:タイムラインの背景を透明にします。

今回はスクローバー以外は全部設定してみました。data-chrome属性を複数設定する場合は半角スペースで繋ぎます。transparentで背景が透明になっていることに背景を設定したボックスの中に入れてあります。


<a class="twitter-timeline" href="https://twitter.com/agn_web" data-chrome="noheader nofooter noborders transparent" data-widget-id="000000000000000000">@agn_webさんのツイート</a>
<script>// <![CDATA[
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
// ]]></script>

data-chrome属性以外にも、幅・高さ・ボーダー色・表示するツイート数なども設定できるようです。

詳しくは「カスタマイズに関するドキュメント」をご覧ください。

これでサイトデザインに合わせて使いやすくなりましたね!しかし前からこんなに変えられたかなぁ。

 

AGN Web TeamでもTwitterしてます。お気軽にフォローしてくださいね!@agn_web

ちなみにFacebookはこちら


【千社札めぐり】本日が最終日!!

約1ケ月開催された古町花街千社札めぐりも本日が最終日です。

みなさんはもう行かれましたか?

twitterやFacebookでも「行ってきたよ♪」という声も聞かれます。

春の訪れを感じるこの季節にふらり古町も素敵ですよね!


特定のユーザーの場合にはカテゴリをあらかじめチェックする【WordPress】

すっかり春めいてきまして。みなさんの花粉症の具合はいかがですか?

私自身は平気なのですが、まわりの花粉症の人たちをみると辛そうで・・・

それよりも私は春先特有の猛烈な眠気に困っています。間断なく春の眠気が襲ってくるのです。強敵です。手強いです。眠いです。

いつものことじゃないのかって?いやー、まぁ。。。

150327

さて、今日はWordpressのお話で。

現在投稿するユーザーが複数入るポータルサイトみたいのを作ってまして。

記事書く時にカテゴリーのつけ忘れって、結構あると思うのですよね。それで、特定のユーザーの場合は、必ずあるカテゴリに初めからチェックが入った状態にしたいな、と。

ユーザー権限で分岐できればもっとカンタンだったかもなのですが、今回はjQueryで処理しました。

 

条件

  1. ユーザーのプロフィール項目にカスタムフィールド(ACF使用)でタイプ別のチェック項目を作っている。
  2. 前記チェック項目とslugが対応したカテゴリを作ってある。

 

処理

  1. ユーザーのプロフィール情報から該当するチェックボックを配列に入れる。
  2. slugのカテゴリIDを取得する。
  3. ダッシュボードのカテゴリのチェックボックスには「in-category-カテゴリID」のIDが付与されるのを利用し、対応する「in-category-カテゴリID」のチェックボックスの’checked’を’checked’にする。
  4. 2、3の処理をforeachでプロフィール情報のチェックボックス分行う。

 

コード

※function.phpに記述

function check_cat_type() {
    //ユーザーID取得
    $user = wp_get_current_user();
    $userID = $user->ID;
        
    //type 
	/* プロフィール情報とカテゴリの共通するスラッグ */
    $type01 = 'type01';  
    $type02 = 'type02'; 
    $type03 = 'type03'; 
    $type = 'profile_type';
	/*  'profile_type'はプロフィール情報のカスタムフィールドのslug */
    //ユーザーのタイプ取得
    $profile_type = get_the_author_meta( $type, $userID);
    
    if($profile_type != ''){
        foreach ($profile_type as $thistype){
            //カテゴリーIDの取得
            if($thistype == $type01){
                $idObj = get_category_by_slug( $type01 );
            }elseif($thistype == $type02){
                $idObj = get_category_by_slug( $type02 );
            }elseif($thistype == $type03){
                $idObj = get_category_by_slug( $type03 );
            }
            $cat_id = $idObj->term_id;
            
            //jQueryでチェックボックスに該当するチェックボックスにチェックを入れる
            $script_type = '<script type="text/javascript">';
            $script_type .= 'jQuery(document).ready(function($){';
            $script_type .= 'jQuery("input#in-category-' .$cat_id  .'").attr("checked", "checked");';
            $script_type .= '});';
            $script_type .= '</script>';
            echo $script_type;
        }
    }
}
add_action('admin_head', 'check_cat_type');

 

今回はコチラを参考にさせていただきました。ありがとうございます!

記事投稿時に指定したカテゴリーのチェックボックスを選択済みにする

 

今の所これだと、編集時にも必ずチェックが入るんですよね。

あえてチェック外したいなっていうときは忘れないようにですねー