Additional image sizes
[WordPress] 画像のリンク先を強制的に添付ファイル投稿URLに変更する
http://memo.dogmap.jp/2012/11/28/wordpress-attachment-link-convert/
ブログ部分お客さん カスタマイズ
まとめます。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
注意点は 後からのサイズ変更は 小さい物が大きくもなり いっぺんにすべては危険
アップロード時の拡大はおこらないようだ。
イラレのピクセルずれを修正してくれるだろうスクリプト
http://hommebrew.com/lab/?p=27
CS6にもはいったぞ!
アップロード
illustrator_rounded
/Applications/Adobe Illustrator CS6/Presets.localized/ja_JP/スクリプト
にいれた
http://12px.com/blog/2010/05/illustrator/
スパム登録を人間的ブロック
//スパム登録を防止 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 echo get_avatar(get_the_author_id(), 100); ?>
http://sterfield.co.jp/designer/%E3%82%B5%E3%82%A4%E3%83%88%E3%83%AA%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%A2%E3%83%AB%E3%81%AB%E9%9A%9B%E3%81%97%E3%80%81wordpress%E3%81%A7%E3%81%A4%E3%81%BE%E3%81%A5%E3%81%84%E3%81%9F%E3%82%B3%E3%83%88.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;
}
URLディレクトリ 忘れないために書く
../1つ上 2個
./ 今いる 1個 つまりリンクではいらない。
./img/abc.jpgと
img/abc.jpgは同じ
../img/abc.jpgとなったとき
はじめて
一個上の階層に移動し
そこからのimgフォルダへいく
http://hooktail.org/computer/index.php?%BA%C7%C4%E3%B8%C2%B3%D0%A4%A8%A4%C6%A4%AA%A4%AF%A4%D9%A4%AD%BB%F6
無限についでにほしいかな TOPスクロール
scrolltopcontrol.js
scrolltopcontrol.js をエディタで開き、12行目の画像ファイルのURLを修正
これだけで
Jクエリを読みこましてれば
jsを読みこますだけで
自然と画像が出てくる。
細かい指定改造はDL HTML記載
easing.jsも読み込んでいれば
ゆっくりとまらせることも
simple-lightbox
simple-lightbox
ベター番は相フレームがあるとおかしくなったかた
あーるあどばんすのとこでこぴってやった。