tamlog

主にwebのフロント回り たまに登山

三連休の過ごし方

今週末は三連休でしたね。 我が家の三連休の過ごし方のメモです。

Craft CMSのスニペットをPhpStormで使う

このエントリーは、Craft CMS Advent Calendar 2016の22日目のエントリーです。 www.adventar.org

ユニット、主にテキストユニットの設定について

このエントリーは、a-blog cms Advent Calendar 2016の7日目のエントリーです。 www.adventar.org

a-blog cms site2016テーマ新規作成モジュールを「top_summary」と同じ見た目の2段組に変更にする

エントリーサマリーモジュールを新規作成すると1段組のレイアウトになります。

a-blog cms ロリポップでエントリーから画像をアップロードするとエラーがでる。

古いロリポップのサーバーからPHPを5.6へa-blog cmsを2.6.1.4にバージョンアップした時に出た症状です。

ウェブアクセシビリティを学ぶ

アクセシビリティを学ぶためのメモです。

ベーシック認証の設定

アクセス設定(ログイン可否、認証) | 運用管理 | ドキュメント | a-blog cms 制作者向け情報 ベーシック認証の設定は コンフィグ → アクセス設定→ ベーシック認証の欄に追加または削除します。 子ブログがある場合は子ブログにも同様の作業をします。

簡単・時短、子供の朝ごはん。

料理は出来ませんが我が家では子供の朝ごはんはパパの担当です。 さてさてどうしているかというと。

源じいの森へ行ってきました。

夏の終わりに家族で「源じいの森」へ行ってきました。 キャンピングカーに泊まる事ができる「ガーデンホーム」を予約しました。

さくらサーバー、ディレクトリ一覧を表示させない

ディレクトリ一覧が表示されるので消したい。 「/」ディレクトリにアクセスした場合デフォルトだとこうなる。

Googleアカウントのデータをバックアップする

Googleの情報をバックアップ取りたい場合は以下にアクセスして必要な物にチェックをいれてダウンロードすると良い

Craft CMS ローカルインストールまでの手順

Craftとは「Yii1 」のフレームワークと「Twig」のテンプレートエンジンを使ったCMS Twigベースなので学習コストも低くく、パワフルとのこと 英語だけどドキュメントも充実 Introduction | Documentation | Craft CMS

Drupal7 ローカルインストール〜日本語化、Zenテーマ設定まで

オープンソースのCMS Drupal について | ≡ Drupal Japan ≡ 動作環境 Overview | Drupal.org Drupal 7: PHP5.2.5 以上(5.4以上推奨) ローカル環境はMAMPを使用

ママパパ必見!ゆびえのぐ - 子供が喜ぶこと間違いなし!暑い夏にオススメのおうち遊び。

外が暑かったので家の中でできる遊びということで床に紙を敷き詰めてえのぐでぺたぺた遊びました。

TOTOミュージアムに行ってきました。

北九州市小倉北区にあるTOTOミュージアムに行ってきました。 我が家では息子がトイレトレーニング中なので、とてもタイムリーな場所です。 アクセス TOTOミュージアム | TOTO 最寄りの交通機関は西鉄バス貴船町バス停。 バスを降りるとすぐ見えます。入り口…

英彦山のスロープカーに乗ってきました。

休日に家族で福岡県添田町にある英彦山のスロープカーに乗ってきました。 子供が皿倉山のケーブルカー・スロープカーを気に入ったようだったので、ほかのスロープカーにも乗ってみよう、と英彦山へ www.tamshow.com 英彦山は標高1200m福岡で2番目に高い山で…

ノマドワーカー必見!どこでも快適なワークスペースを作るアイテム7選!

ちらほら、外で作業する場合があります。 ホテルやコワーキングスペースなど電源、WiFiが整っていればまだ良いのですが、 ファミリーレストラン、カフェなどは電源が無かったりスペースが狭かったりと外では色々と制限があります。 そんな中これさえあればな…

皿倉山のケーブルカー、スロープカーに乗ってきました。

休日に家族で福岡県北九州市の皿倉山のケーブルカー、スロープカーに乗ってきました。 アクセス 北九州市 八幡東区 皿倉山ケーブルカーのホームページ 最寄り駅はJR八幡駅です。 八幡駅からは無料送迎バスも出ているようです。 我々は車で行きましたので皿倉…

テストきじですよー

見出大ですよー 吾輩は猫である。名前はまだ無い。 見出中ですよー どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。 見出小ですよー 吾輩はここで始めて人間というものを見た。 しかもあとで…

スタイルガイドとa-blog cmsの連携

この記事は、 a-blog cms Advent Calendar 2015 の8日目の記事です。 cssスタイルガイドとa-blog cmsの連携について紹介します。 ・CSSスタイルガイドとは? ・デモ ・組込み方法 ・書き出し ・a-blog cms設定 ・その他 ・まとめ CSSスタイルガイドとは? ・…

ブログのインポート

・ブログインポート インポートはエクスポートデータをsetup→binフォルダの中に入れてメンテナンスメニューから行います。 「setupフォルダ → binフォルダ 」の中に作成したエクスポートデータを移動させます。 メンテナンスメニューから「ブログ毎のインポ…

ブログのエクスポート

・ブログエクスポート エクスポートデータはテーマ名を同じフォルダを作りフォルダ内にarchivesフォルダとテーマ名と同じ名前の.yamlファイルを用意します。 「ブログ毎のエクスポート → エクスポート実行画面へ」を選択します。 <div class="clarify-step-image-wrapper"> <div class="clarify-step-image-container"> </div></div>

a-blog cms オリジナルテーマでレイアウト機能を使う

オリジナルテーマにレイアウト機能追加したい場合の必要なファイル systemから持ってくる admin/layout/block.html admin/lmodule/field.html include/layout.html 作ったモジュールを置く場所 include/module/template/Entry_Body(モジュール名)/モジュール…

バナーモジュールリンクがない時はaタグ消す

<ul> <li>{src}[raw]</li> <li> <a href="{url}" target="{target}"> </a></li></ul>

a-blog cmsのレイアウトモジュール - 少し慣れた編

a-blog cms2.5以降はレイアウトモジュールという機能が追加されました。 とてもいいですね。少し慣れたのでまとめようと思います。 まぁなんてことはないんですが現在のテンプレートの管理と書き方を残しておきます。 レイアウトモジュールって何という方は…

ライセンス発行手順

マイページにログインします http://www.a-blogcms.jp/mypage/mypage.html ライセンス一覧をクリックします ライセンス一覧のダウンロードをクリックします PHPのバージョンにあったlicense.php をダウンロードしてください。

Ajaxクリックで外部htmlを読み込む

See the Pen html load ajax by tamshow (@tamshow) on CodePen.

iframe内の高さ取得

$(function () { $('.js-iframe-height').load(function(){ var iframeHeight = $(this).contents().find('body').height(); $(this).css('height', iframeHeight + 'px'); }); See the Pen ifreme内の高さを取得 by tamshow (@tamshow) on CodePen.

Dreamweaverテンプレート機能

久々にDreamweaverテンプレート機能をつかったのでメモです くっ...Mac Dreamweaver CCで 挿入→テンプレートの項目、オプション領域など表示が崩れておりますな... まぁ、気をとりなおして、 ・タイトル <title itemprop="name">@@((pageTitle == '')?'' : pageTitle + ' …

a-blog cms用テーマ tmp_rwd2015公開しました。

a-blog cms用テーマ「tmp_rwd2015」を公開しました。 ベースは以前作成していた「tmp_rwd01」です。 バージョンアップで動かなくなっていたので放置していましたが、 2.5(2.5.1.1)でも動くように修正しました。 今回はsite2015のカスタムフィールドなど参…

カテゴリーとエントリーのOGPを設定する

標準テーマsite2015にカテゴリとエントリーのOGPを設定する 動き top - blogのOGPが無い場合は非表示 index - indexのOGPが無い場合はblogのOGPを表示 entry - entryのOGPが無い場合はblogのOGPを表示 管理画面側 /admin/blog/ogp.htmlをコピーして次のファ…

a-blog cmsのsassを使う

a-blog cmsでベースのCSSをカスタマイズしたい場合ですが、 lessを使っている方はthemes/system/lessを使うとカスタマイズ可能です。 sassを使いたい方はダウンロード時に付いてくるomake/scssフォルダを使うとカスタマイズ可能です。 less,sassファイルが同…

cssでPCサイトaタグリンクを無効にする

CSS

cssでPCサイトaタグリンクを無効にする。 modernizr IE11〜 http://caniuse.com/#search=pointer-events See the Pen cssでPCサイトaタグリンクを無効にする by tamshow (@tamshow) on CodePen.

「a-blog cms × baserCMS 合同勉強会」に参加しました

2015年7月18日(土)にクリエイティブセンター福岡で開催された「a-blog cms × baserCMS 合同勉強会」に参加しました。 今回の勉強会は、前半はセミナー形式で後半はハンズオン形式の2部構成となっており、 baserCMS、a-blog cmsのどちらからも開発側が登壇し…

DWとCodeKitのKit Language

やりたいこと HTMLをKit Languageでテンプレート管理 Dreamweaverのインクルート、プレビュー機能も使いたい 更新案件、非CMSの場合で 更新はDreamweaverが良いんだがテンプレート機能はちょっと面倒って時に良い プレビュー機能、関連ソース表示機能もスペ…

a-blog cms 画像ユニット、メディアのキャプションを改行有りに変更する

画像ユニット、メディアのキャプションを改行したい。 管理画面側の入力inputをtextareaへ変更。ついでに校正オプショ[row]も付けるとよさそう。 公開画面側の表示{caption}に校正オプション[nl2br]を付ける。 管理画面側 themes/{myTheme}/admin/entry/unit…

.htaccessの書き方 - www統一 -

www有り無しを統一したい場合 例) http://tamshow.com/ .htaccessに以下を記述 RewriteEngine on RewriteCond %{HTTP_HOST} ^(www\.tamshow\.ドcom)(:80)? [NC] RewriteRule ^(.*) http://tamshow.com/$1 [R=301,L]

.htaccessの書き方 - 404ページ -

404ページを作る場合 .htaccessに以下を記述 ErrorDocument 404 /404.html

CodeKitのKit Language

CodeKitがあれは黒い画面を触らなくてもsassやらlessやら使う事ができます。 フロントエンドの作業をとても楽になるのでMacユーザーにお勧めです。 https://incident57.com/codekit/ 機能が沢山あるので気になりましたら公式サイトをご覧ください。 ・Compil…

Googleマップの拡大縮小調整バーが崩れた場合

BootstrapでGoogleMap を読み込んだらマップの拡大縮小の調整バーが崩れた。 以下で対応 .gm-style img{ max-width : none; } .gm-style label{ width : auto; display : inline; }

Bowerのインストール先を指定する

bower installをするとbower.jsonと同じディレクトリにbower_componentsがインストールされます。 bower.json 【bower_components】 ←ここにされちゃう Gruntfile.js node_modules package.json app ├── xxx.js └── 【bower_components】 ←ここにインストー…

Bootstrapサンプル

Bootstrapのサンプルを作ったので公開。 特に意味はありません。 See the Pen Bootstrapサンプル by tamshow (@tamshow) on CodePen.

BootstrapをつかうならYeomanがいいよ

CSSフレームワークは何だかんだオレオレフレームワークを使う機会が多いんですが、 Bootstrapを使う機会もちらほら増えてきました。 そして、Bootstrapを使う時は Yomanのgenerator-webappを使ってます。 Bootstrapはサイトからcssファイルをダウンロードし…

IE8でtableで幅100%にしたいとき

CSS

IE8でtable幅100%にしたい場合 以下でなりそうだけどなんない... .table-a--block{ th, td { width: 100%; display: block; text-align: left; } } floatすると大丈夫 .table-a--block { th, td { float: left; width: 100%; display: block; text-align: le…

a-blogcms カテゴリー名とエントリー名が同じ場合

こういうの作りたい http://tamshow.com/company/「企業情報:/company/」 「企業情報」のカテゴリーを作ってから「企業情報」のエントリーをファイル名なしで作成すると 良い感じに表示してくれる。 しかし、タイトルの表示が以下のようになる 企業情報 | …

a-blogcms 値を次のページに引き継ぐ

ACMS_POST_2GETを使うといいみたい やりたかったことはカスタムフィールド値を次のページに引き継ぎたかった、以下で解決 tagのところを任意の値に出来たら良かったと思う。 多分方法があるんだけど、やり方が分からないからtagを使用しています。 <form action="" method="post"> <div class="submit"> <input type="hidden" name="bid" value="2" /> <input type="hidden" name="cid" value="13" /> </div></form>

masizime Framework

CSS

CSS Grid Systemを GitHubnに公開しました。 http://www.masizime.com/framework/

Dreamweaverでtable成形

プロパティの 検索置換(正規表現) class=".*?"

baserCMSテーマ作成時に使った関数まとめ

baserCMSのテーマを作ったので関数を忘れないようにメモ。 default.phpで使ったやつです。 ●サイトのDescriptionを出力する BcBaser->getDescription();?> 出力結果: tamlog-tamshowの気になったことのまとめ 個別に指定したい場合はsetDescriptionを使う。 …

Handlebarsの使い方

Handlebarsがなんだか良さげなのでメモ φ(._.)フムフム Handlebarsとは? JavaScriptのテンプレートエンジン http://handlebarsjs.com/