ブログ部分お客さん カスタマイズ

まとめます。12/19 2013

まずこちらが意図して使って欲しい
サイズ・位置・リンクタイプのデフォルトを設定できる

http://example.jp/wp-admin/options.php

の様なページで
image_default_align : none
image_default_link_type : file
image_default_size : medium

設定保存

サムネイルサイズ増やす。
選べるように
simple image sizesのプラグイン

設定▶メディア▶Add anew size
サイズを入れ 名前を入れ CROPが切り抜き強制 Show in post inserting チェックで ポストに反映される。

大体600px位がコンテンツ幅だから
パンパンサイズを
XL 600 600
L 580 580
デフォルト 大 480 480
ミディアム 320 320

などにする。

まずフロートなしで画像が改行するように設定
blog.css(見える側 editor-style.css(管理画面 書く時

img.alignnone {
	display: block;
	clear: both;
	padding-top: 7px;
	padding-bottom: 7px;
}

あとは画像 フロートの設定

/*画像後改行 中央は含めず ついで上下パディング*/

.alignnone,.alignleft,.alignright,.aligncenter{
	display: block;
	clear: both;/*なしの自動改行*/
	padding-top: 7px;
	padding-bottom: 7px;
}


/*画像 中央 左 右*/
.aligncenter {
	float: none;
	margin-right: auto;
	margin-left: auto;	
}

.alignleft {
	margin-right: 10px;
	float: left;
}

.alignright {
	margin-left: 10px;
	float: right;
}
	
/*ここまで*/

こいつを管理画面 ブログ画面両方のCSSへ

ついでに他のやつも
エディターCSSへ

body{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, Helvetica, "MS Pゴシック", "MS PGothic", Osaka, "MS, Osaka", "MS ゴシック", "MS Gothic", sans-serif;
}

/*Pを改行と同じに ついで文字サイズ指定*/
p{
	margin: 0px;
	padding: 0px;
	line-height: 28px;
	font-size: 16px;

}

ブログの幅と投稿画面の幅を揃えます。

アスタムアドミンへ
フルスクリーンも整えます。

/*ブログの幅と投稿画面の幅 30px多く*/
#post-body{
	width: 680px!important;
}
/*ブログの幅と投稿画面の幅 22px多く フルスクリーン用*/
#wp-fullscreen-wrap{
	width: 702px!important;
}

現状出てきた問題 ビジュアルエディターの項目 
ストロングはseoかけた場合ほそくするから ブログコンテンツ用にcssつくる。
リストなど消すかmoreけすか さらにとでた

段落 もh1とかいらね t wもいらん

とりあえず 以上かな

TinyMCE Advancedで消す
Save Editor Scroll Position
投稿を保存した時、エディタのスクロールは一番上に移動してしまいます。このスクロールの位置をそのまま動かさないようにするプラグインです。
Parent Category Toggler
親勝てチェック

Admin Post Navigation
変小前後ろ

NEXTGEN 覚え書き

ブラスタ キャッシュが悪さしてた アルバム表示されない キャッシュリセット 表示された

レミールさん ブログ投稿で ギャラリーを使ってた
オプションで自動リサイズをonに設定

既存ファイルは 大きいやつだけ選んで 画像変更 指定サイズでOK

注意点は 後からのサイズ変更は 小さい物が大きくもなり いっぺんにすべては危険
アップロード時の拡大はおこらないようだ。

スパム登録を人間的ブロック

//スパム登録を防止
add_action( 'register_form', 'add_register_field' );
function add_register_field() { ?>
    <p>
        <label><?php _e('市外局番は?スパム防止') ?><br />
        <input type="text" name="user_proof" id="user_proof" class="input" size="25" tabindex="20" /></label>
    </p>
<?php }

add_action( 'register_post', 'add_register_field_validate', 10, 3 );
function add_register_field_validate( $sanitized_user_login, $user_email, $errors) {
    if (!isset($_POST[ 'user_proof' ]) || empty($_POST[ 'user_proof' ])) {
        return $errors->add( 'proofempty', '<strong>ERROR</strong>: あなたはスパムですか?'  );
    } elseif ( strtolower( $_POST[ 'user_proof' ] ) != '0561' ) {
        return $errors->add( 'prooffail', '<strong>ERROR</strong>: 登録したいお店の市外局番を入れてください'  );
    }
}

アイキャッチ画像を表示 クラス名をつけて

<?php the_post_thumbnail( 'post-thumbnail', 'class=alignright' ); ?>
//リンク付き
//クラスをつけ altにタイトル titleにタイトルをつけ blogsamを呼び出し
<a href="<?php the_permalink(); ?>">
<?php 
$title= get_the_title();
the_post_thumbnail('blog_sam',
array('class' => 'blog_sam_img','alt' =>$title, 'title' => $title)
); ?>
            </a>

引越 301使えない

http://rinare.com/20130625_rel_canonical_meta_refresh.html

el=”canonical”とmeta refresh併用

個別記事(エントリ)のページ用rel=”canonical”とmeta refresh

<link rel="canonical" href="http://exampl.com/xxxxx" />
<meta http-equiv="refresh" content="0;URL=http://exampl.com/xxxxx" />

それ以外のページ用(トップページなど)rel=”canonical”とmeta refresh

<link rel="canonical" href="http://exampl.com/" />
<meta http-equiv="refresh" content="0;URL=http://exampl.com/" />

ビジュアルエディタ表示と、実際に投稿された時の表示を揃えるカスタマイズ方法

PS Disable Auto Formattingを入れる

http://kininarunet.com/wordpress_tinymce.html

ファンクションに

//ビジュアルエディタ表示と、実際に投稿された時の表示を揃える
add_editor_style('editor-style.css');

テーマフォルダに
editor-style.css

p{
	margin: 0px;
	padding: 0px;
}

関連オススメ記事

サイドバー オススメ ページビューかな?
Popular Posts
http://wispyon.com/46/

記事下 関連記事

Similar Posts
Yet Another Related Posts Plugin(YARPP)

http://schoolsidejob.com/wordpress/%E9%96%A2%E9%80%A3%E8%A8%98%E4%BA%8B/
http://blog.teruterubouzu.net/wr/plugin/1237

CSS3 角丸 光彩内側

-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px;

 -webkit-box-shadow: inset 0 0 5px 0 #ddd; /* Safari, Chrome用 */
  -moz-box-shadow: inset 0 0 5px 0 #ddd; /* Firefox用 */
  box-shadow: inset 0 0 5px 0 #ddd; /* CSS3 */

/*角とり 上だけ*/

.kado_ue_img{
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;

border-top-left-radius: 10px;
border-top-right-radius: 10px;}

http://micomura.hatenablog.jp/entry/2012/02/08/225523
http://www.css-lecture.com/log/css3/css3-text-shadow-box-shadow.html

simple locla avater で 悲しくも 導入削除されたコード

   <?php if(get_the_author_meta('author_img1')): //オーサーイメージがあれば?>
<?php
$prof_photo_id = get_the_author_meta('author_img1'); //prof_photo_idにオーサーイメージを収納 アドバンスにて返り値をIDにしたからIDが
$title= get_the_title();
$prof_photo_img = wp_get_attachment_image_src($prof_photo_id, 'thumbnail');
echo '<img src="' .$prof_photo_img[0] . '" width="77">'
?>

</div>


  

    <?php else: ?>
        
   <img src="img/titol/05navi_profile_no_photo.png" width="77" height="77" alt="瀬戸・尾張旭・長久手・日進・みよしのナビサイト0561naviのNO PHOTOの登録ユーザー"/>
    
    </div>

<?php endif; ?>

これはアドバンスカスタムでオーサーページに新しくカスタムポストを作り それをget_the_author_metaで取得して表示させる方法
画像 ニックネーム としたが
結果 
wpmember+テーマバイログインででログイン時にネックネームをデフォルトで入れる強制ができたので
標準肉ネームを使い
コメント欄でもアバターバしか使えない事がわかったので
シンプルローカルアバターを入れた。

デフォルトでブログ表示名をニックネームにする方法もわかった。

ファンクションに

//登録時ブログ表示名をニックネームに変える wpmenber tmlひつよう
function sd_new_login_filter ($login) { /* Don't do anything to login, just see if already in database.*/ global $wpdb, $sd_is_new_login; $id = $wpdb->get_var("SELECT ID FROM $wpdb->users WHERE user_login = '$login'"); $sd_is_new_login = (isset($id)) ? false : true; return $login; } function sd_substitute_displayname_filter ($display_name) { global $sd_is_new_login; if ($sd_is_new_login) $display_name = $_POST['nickname']; return $display_name; } add_filter('pre_user_login', 'sd_new_login_filter'); add_filter('pre_user_display_name', 'sd_substitute_displayname_filter');
 

ニックネーム導入で非公開となったコード

<div class="blog_nickname">
      <a href="<?php bloginfo('url'); ?>/?author=<?php $user_id = get_the_author_meta( 'id' ); ?><?php echo $user_id; ?>">
    <?php if(get_the_author_meta('author_nickname')): 
	echo get_the_author_meta('author_nickname');
	?>  </a>
   
    
        <?php else: ?>
   投稿者
<?php endif; ?>
</div>

マックメール設定できるか?

http://support.sakura.ad.jp/manual/rs/mail/soft_mac106.html

検証結果

SMTP できた!

説明 任意の文字列
受信用メールサーバ 初期ドメイン(※1) または @以後のドメイン(※2)
ユーザ名 メールアドレス
パスワード メールパスワード (※3)

つまり

説明 任意の文字列
受信用メールサーバ doggstarpromotion.info
ユーザ名 mail@doggstarpromotion.info
パスワード メールパスワード

送信

説明 任意の文字列
送信用メールサーバ 初期ドメイン(※1) または @以後のドメイン(※2)
このサーバのみを使用 チェックあり
認証を使用 チェックあり
ユーザ名 メールアドレス
パスワード メールパスワード (※3)

つまり

説明 任意の文字列
送信用メールサーバ doggstarpromotion.info
このサーバのみを使用 チェックあり
認証を使用 チェックあり
ユーザ名 mail@doggstarpromotion.info
パスワード メールパスワード (※3)

SSL認証を解除

★送信
『 アカウント情報 』のタブをクリックします。
送信用メールサーバ(SMTP)項目の、『 SMTPサーバリストを編集 』をクリックします。

SSL チェック外す

★受信
アカウント確認画面の『 詳細 』のタブをクリックします。

設定内容の確認し『 OK 』をクリックします。

画面を閉じるか一般タブで保存でOK!

 

POP検証結果

受信サーバー共 初期ドメインにしたらできた。

ユーザーによっての管理権限のメモ

ユーザーロールエディターで ユーザー権限を作る

そのメモ

■まずしげちゃんだけにユーザーを変更する権限を与える方法

基本投稿者の権限をコピー

////////////
これは他の人の投稿を自分のものにして消せるからある意味管理者権限

delete_others_posts
edit_others_posts

こいつだ!

だぶる効果!
//////

ユーザーを追加できるようにする
add_users
create_users
一覧で見れる
list_users

管理画面のメニューはcssで消すのがいいかも
//CSSで管理画面内のサイドメニューを非表示にする 権限指定

カスタムアドミンcss2 管理者以外などに専用に読み込ませる


#menu-dashboard,#menu-pages,#menu-posts-shop_profiless,#oam_menu-dashboard{
	display: none;
}
#oam_menu-dashboard{
	display: none!important;
}
#profile-page h3,
#profile-page table:nth-of-type(1) tr:nth-child(1),
#profile-page table:nth-of-type(1) tr:nth-child(2),
#profile-page table:nth-of-type(1) tr:nth-child(3),
#profile-page table:nth-of-type(2) tr:nth-child(2),
#profile-page table:nth-of-type(2) tr:nth-child(3),
/*#profile-page table:nth-of-type(2) tr:nth-child(4),
#profile-page table:nth-of-type(2) tr:nth-child(5),*/
#profile-page table:nth-of-type(3) tr:nth-child(2),
#profile-page table:nth-of-type(4) tr:nth-child(1)
{
	display: none;
}

/*ノーマルダッシュボード
#menu-dashboard	ダッシュボード
#menu-posts	投稿
#menu-media	メディア
#menu-links	リンク
#menu-pages	固定ページ
#menu-comments	コメント
#menu-appearance	外観
#menu-plugins	プラグイン
#menu-users	ユーザー
#menu-tools	ツール
#menu-settings	設定
.wp-menu-separator	(区切り線)

ドロップダウンメニューの場合変わってくる
#oam_menu-dashboard

すべてにoam_がつくようだ


*/

CSSで管理画面内のサイドメニューを非表示にする 権限指定

//CSSで管理画面内のサイドメニューを非表示にする 権限指定
function custom_admin_styles(){
$current_user = wp_get_current_user(); //現在のユーザー情報を取得
if(check_user_role($current_user,’shop_owner’)){ //shop_ownerかチェック
echo ‘ ‘;
}
if(check_user_role($current_user,’editor’)){ //編集者(editor)かチェック
echo ‘ ‘;
}

}
add_action(‘admin_print_styles’, ‘custom_admin_styles’, 21);

/*
* ユーザーの権限をチェックする
* @param $user ユーザーオブジェクト
* @param $role ユーザー権限の文字列
* (administrator, editor, author, contributor, subscriber)
*/
function check_user_role($user,$role){
foreach($user->roles as $user_role){
if($user_role === $role){
return true;
}
}
return false;
}

カスタムアドミンはこちら

無限についでにほしいかな TOPスクロール

scrolltopcontrol.js

scrolltopcontrol.js をエディタで開き、12行目の画像ファイルのURLを修正

これだけで
Jクエリを読みこましてれば
jsを読みこますだけで
自然と画像が出てくる。

細かい指定改造はDL HTML記載

easing.jsも読み込んでいれば
ゆっくりとまらせることも