css font-family
$font-family-sans-serif: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pr ...
javascript google map
<style>#map-canvas {height: 300px;margin: 0px;padding: 0px}</style><script type="text/javascript&quo ...
scss + compass + dreamweaver
インストールRubyInstaller for Windows
※Rubyの実行ファイルへ環境変数PATHを設定するgem install sassgem install compassconfig.rbhttp_path = &q ...
※Rubyの実行ファイルへ環境変数PATHを設定するgem install sassgem install compassconfig.rbhttp_path = &q ...
html templete
<!DOCTYPE html><html lang="ja"><head><meta charset="utf-8"><meta name=&qu ...
facebook ogp設定
<html lang="ja"><head prefix="og: http://ogp.me/ns# website: http://ogp.me/ns/website#" xml ...
css パラメータ追加
<?phpfunction cacheBuster($filename) {if (file_exists($filename)) {echo date('YmdHis', filemtime($filename));} else { ...
htaccess ブラウザのキャッシュ ファイルの圧縮
※文字コード:utf-8
# キャッシュの期間を設定<IfModule mod_expires.c>ExpiresActive OnExpiresDefault "access plus 30 minute ...wordpress プラグイン
画像圧縮EWWW Image Optimizer
画像 最適化
https://tinypng.com/
DreamWeaver テンプレート 使い方
1.テンプレートファイルの作成サイト定義をしておく。
雛形としたいファイルを作成。例:トップページなど
編集可能としたい部分を選択。
「挿入 → テンプレートオブジェクト → 編集可能領域」
任意の名前を付け、OK ...
雛形としたいファイルを作成。例:トップページなど
編集可能としたい部分を選択。
「挿入 → テンプレートオブジェクト → 編集可能領域」
任意の名前を付け、OK ...
Cakaphp2x メタタグ inline
<?php $this->Html->meta(array('name' => 'robots', 'content' => 'noindex,nofollow'), null, array('inline' ...
Cakephp2x 表示件数 動的変更
$this->paginate = array('maxLimit' => 1000);
■ページネーション
http://book.cakephp.org/2.0/ja/appendices/new-feature ...
cakephp ブログエディター ckeditor
■ckeditor
http://ckeditor.com/
■kcfinder(≠ ckfinder)
https://github.com/sunhater/kcfinder
各フォルダをj ...
Bootstrap sass メディアクエリー
p{@media (max-width: $screen-xs-max) {color:red;}@media (min-width: $screen-sm-min) {color:gold;}@media (min-width: $scr ...
Wp カスタム投稿のみ検索
<?phpglobal $query_string;query_posts($query_string . "&post_type=カスタムポストタイプ名");?><?php if (have_ ...
Wp アイキャッチが無い時 デフォルト画像
<?phpif(has_post_thumbnail()){the_post_thumbnail('thumbnail');}else{echo '<img src="' . get_bloginfo('templat ...
Wp 管理画面 js 読み込み
function.php
/*================================================管理画面用 js 読み込み====================================== ...Sql 基本文
create table if not exists テーブル名(id int not null auto_increment primary key,カラム名 varchar(255),created datetime,modified ...
Html html5テンプレート シンプル
<!DOCTYPE html><html lang="ja"><head><meta charset="UTF-8"><title>titl ...
Css slickの画像周りの青い線・点線を消す
.slick-slide:focus { outline: none;}
WordPress メインループ・サブループ
■メインループ
・デフォルト
<?php if(have_posts()): while ( have_posts() ): the_post(); ?><?php the_title(); ...Jquery FaceBook Page Plugin レスポンシブ
http://wpgatera.matrix.jp/post-1922/
Jquery CDNで読み込めない時のためのフォールバック
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><script>w ...
Cakephp ページング
public $components = array('Session');public $paginate = array('Timetable' => array('limit' => 5,'order' => arr ...
Sublime text2 ブラウザオートリロード
1.Command + Shift + P
Install Packageと入力
2.SublimeServer、LiveReloadをインストール後、再起動
3.Google Cromeにアドオンをイ ...
Wp 投稿画面 画像隣接テキスト回り込み
_utilities.scssに以下記載。
.pull-right, .alignright{ float: right !important; margin-bottom: 1em; margin-left: 1em;}.pu ...Wp 初期設定
■xmlrpc.phpアクセス時にリダイレクト
//.htaccessに追加RewriteRule ^xmlrpc.php$ "http://0.0.0.0/" [R=301,L]//after# BEGIN ...Gulp タスク管理
Node.jsをインストール
http://nodejs.org/
バージョン確認
node -vGulpのインストール(グローバル環境)
npm install -g gulppack ...
Html google map 画像表示
index.html
<!DOCTYPE html><html lang="ja"><head> <!-- 元ネタ http://minomon.jp/blog/?p ...css font-family
$font-family-sans-serif: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pr ...
wp カスタム投稿のサイドバー表示
http://msweb.moo.jp/wordpress/958/
wp カスタム投稿プラグイン
カスタムフィールドテンプレートhttp://make.mapmap.biz/plugins/37/Custom Post Type UIhttp://kotori-blog.com/wordpress/custom_post_type_ui ...
wp ターム表示
<?php the_taxonomies(); ?>タクソノミー:商品のカテゴリー
ターム:aaa
ターム:aaa
の場合、
商品のカテゴリー: aaa
html html5テンプレート
<!DOCTYPE html><html lang="ja"><head><meta charset="UTF-8"><title>titl ...
wp カテゴリー別記事一覧を表示(サイドバー)
基本
<?php$categories = get_categories();foreach($categories as $category) :?><h3><?php echo $categor ...wp テンプレート名取得
<?php global $template; var_dump($template); ?>
wp jquery cdnを読み込む
function include_jquery_cdn_loader() {if( !is_admin() ){//WP Default jQuery Load Deregister.wp_deregister_script('jquery ...
wp 管理画面のテンプレートでJqueryを使う
<script>jQuery(document).ready(function(){jQuery('#hoge').click(function(){alert('hoge');});});</script>