はいソコー、チョーク投げるぞー、現実を見ろー そう現実は・・・ヤヤコシいことがいっぱいです。 あなたがブログを始める理由はなんでしょう。何にせよ、これらをぜーんぶ勉強しながらスタートするために必要な時間と気力は、相当なものです。 一方、「本格的なサイト」が最初から用意されていれば、最初から本格的に挑戦できます。 じゃあ具体的には【なぜWordPress初心者がMAGを選ぶべきなのか？】本当に良いものなので本気で紹介していきます。本気でベストなテーマを探している人だけ読み進めてください。 MAGのバリエーション例 設定画面は全て日本語の詳しい説明付き。迷うことがありません。書いてあるとおりに設定していけば簡単に満足のいくサイトレイアウトが完成します。 バリエーション例1 バリエーション例2 バリエーション例3 今回のためにバリエーション例をつくるのも、あっという間でした。どんなサイトコンセプ

サイトレイアウトは、直感的に、簡単に。 WEBサイトを立上げると、最初におおまかなレイアウト設定をすることになります。サイトのテーマカラー、ロゴの設置、SNSシェアボタンの設置などなど・・・ 色々と方法を探ってみるのもまあ、勉強になっていいものです。でも、納得のいくサイトが完成するのはいつになるやら・・・。 TCDテーマなら専門的な知識は不要。私たちのような素人でも簡単に、イメージどおりに設定できてしまいます。プロに外注するような本格的なサイトを自分で作れて、管理していける。そんな時代が来た、ということですね。 ここでは、TCDテーマならではの機能が集約した【テーマオプション】を紹介。サイトレイアウトを直感的に、簡単に設定できる様子をお伝えします。 サイト設定はほぼここで完結。「TCDテーマオプション」 TCDテーマをインストール・有効化すると、「外観」の中に「TCDテーマオプション」が現

本当のことを話します。 ワードプレスのブログテーマ【MAG】。このサイトで今、実際に使っているテーマです。これまでカスタマイズ例なども記事にしてきましたが正直に言います。 MAGは、インストールするだけで、このサイトのように仕上げてくれます。 手前味噌な... が。ここでは、さらにMAGのユーザビリティー・収益性・デザイン性を最大限に発揮する記事をまとめました。コピペで設定できる大胆なカスタマイズから基本的な設定例まで、すべてMAGをベースに解説しています。これらを参考に、アレンジして有効活用してください。

レイアウトの自由度2.5倍。 ワードプレスのTCDテーマ「MAG」では、テーマオプションから簡単に広告を設置できます。メインカラムの広告枠は大きく分けて3ヶ所。お使いのあなたならご存知のとおり。それぞれの場所で2枚ずつ、横に並べることもできる。嬉しいイージーっぷりです。

「そのつもりじゃないのに」広告をタップしてしまう。「ついうっかり」じゃなくて、罠のような広告ゾーンの網に引っかかり、行きたくもないページに飛ばされる・・・そんな目にあった訪問者が、元のページに戻ってくるでしょうか・・・ 私なら、戻りません。 意図せずに広告だらけになることも・・ 画面をタッチしながらスクロールする狭い画面。「広告ばっかりな瞬間」があると、ちょっと残念な気分になりますよね。Google AdSense、アフィリエイト広告。収益化も同時に考慮したい。でもそんな運営者目線ばかりでいると、ついマヒしてしまいがちです。 これは印象だけでなく、ユーザビリティーを損なうことになる。長い目でみると・・結果的に逆効果になりうる問題。大いにありうる大問題。敏感なあなたならもう気づいてるでしょう？ ・・・でも意図せず、スマホ表示では「広告でイッパイ状態」になってしまってることもある。コレをなんと

初心者でも、コピペで簡単。 「バイラルメディア風」と呼ばれる、Facebookの「カード型いいね！ボタン」。よく見かけますよね。そう、記事下にシュピッ！とたたずむ、こんなステキなかたです。 いーですねぇ。カッコいいですねぇ。記事に設定したアイキャッチ画像を自動で表示してくれるのも魅力。作成者の方には感謝キワマレリです。

反則ギリギリな簡単さ。 小見出しのデザインを美しくしたい？ああ、例えば、世にも美しいこういうヤツですか？ 囲み枠のデザインもキレイにしたい？ああ、例えば背景がウッスラ色づいた、点線のヤツ？ 主張しすぎない点線の囲み枠 それともこんな角丸でフレッシュ！なヤツ？ 角丸フレッシュ！な囲み枠 ・・ええそーなんです。コレらはぜんぶ、本・当・は、CSSの知識が必要になります。 関連記事のカード型リンクを作りたい？YouTubeが記事枠を飛び出してしまう？かっちょいいボタンリンク？・・・ああ、、申し訳ない。ぜーんぶCSSの知識が必要です。本・当・は。 というのも、TCDテーマなら全部、最初から解決しているんです。上に挙げたものも全部、最初から用意されているモノ。WordPressを使おう！と決めたとき、「壁」に感じる専門的な知識が、ほとんど必要ありません。 ナンスカその顔。・・ああ！完っ全に疑ってますね

反則ギリギリな簡単さ。 小見出しのデザインを美しくしたい？ああ、例えば、世にも美しいこういうヤツですか？ 世にも美しい見出し 囲み枠のデザインもキレイにしたい？ああ、例えば背景がウッスラ色づいた、点線のヤツ？ 主張しすぎない点線の囲み枠 それともこん... ボタンのカスタマイズ まずクイックタグを使って、2つのパターンを見比べてみます。 クリックで拡大 フラットボタン-M（デフォルト） クリックで拡大 フラットボタン-green ボタンを押しただけで出力されたテキストを比べて見てみると・・・ 1つめ注目箇所 class="q_button" 2つめ注目箇所 class="q_button bt_green" という部分が違います。つまり、【q_button】でフラットボタンが表示され、その後に【半角スペース+bt_green】を付ければ緑色に表示される、ということです。 ボタンの色・形を自

TCDテーマからTCDテーマへ。 魅了されてしまった。ついに乗り換えてしまった。最初はそんなつもりじゃなかったんだ。いや、どこかでそんな気持ちはあったのかもしれない・・・ え？あぁ、WordPressテーマの話です。次々とリリースされるTCDテーマを見ていると・・・サイトをリニューアルしたくなりますよね。でもテーマの変更って、レイアウトも変わるし、注意点多そうだし・・・いくら同じTCDテーマからの乗り換えだとしても・・ねぇ？ いきなり新しいテーマを「有効化」するなんて不安過ぎる・・・ 不具合で表示が崩れたサイトなんて、一瞬たりとも見せたくないっ 今までしてきたカスタマイズって、うまく引き継げるんだろうか？ どーせやるなら絶っっ対に失敗したくない！ 記事数が多いほど、カスタマイズが多いほど慎重になってしまいますよね。大切なサイトを台無しにしたくない。今回はそんな不安たちを一掃するテーマ変更方

あ、でも”初心者お断り”系のカスタマイズはちょっと… 画面が真っ白になるよーなアブナイことはしたくない ここはひとつ、プラグインとかでサクッといっちゃいたいんすけど OKです。みなさんお入りください。 必要とされていく、高解像度ディスプレイ対策 MacのRetinaディスプレイをはじめ、モニター環境はどんどん高解像度化し、画面も大きくなっています。普段Windows環境で更新している中でふと、MacやiPadで自分のサイトを覗いてみると・・・ いや、それは歳のせいなんかじゃあないんです。Windowsで閲覧する分には全く問題ない。でもMacで見るとやっぱり画像がボヤケて見える。ディスプレイの解像度の違いですね。そして今や、モバイルやタブレットさえも解像度が高く、画面も大きくなってきている… 画像をRetina対応させたい！可愛い我が子のようなサイトを思うと、人様の前でキレイでいてほしい…そ

サイトロゴは、サイトの顔。 このサイトでは最上部にロゴを配置しています。Windowsだけでなく、MacのRetinaディスプレイで見ても綺麗に表示されているのが確認できるでしょう。 そう、WEBサイトの顔とも言えるサイトロゴだって、Retina対応したい。どんな環境で見られても、綺麗でいてほしい・・・そんな親心だって生まれてくるものです。・・生まれますよね？ というわけで今回は、サイトロゴの解像度を上げ、Retinaをはじめ高解像度化していくディスプレイでも見劣りしない設定方法を紹介します。