サイトアドレス対策 サイトアドレスは短い方がよい、分かりやすい方が良い、など色々あるので、個人的にしっくりきたタイトルを英語にすることにした。しかし、毎回変換するのは、過去の記事を修正するにも大変なので、ここはプラグインに頼りたいので検索。 Simple Slug Translate   色々勉強になったけど、どうも今のバージョンに対応されいないようで？うまく変換されていなかった。 コメントでお願いしたら、対応していただけそうだけど、よく考えてみたら、せっかく英語の勉強をしたんだし、自分で翻訳した方がよいのでは？と思い、結局現在は使っていない。 しかし、今回有効化するときに、ちょっとわからなかった部分があったので、一応備忘録に。 APIの利用   IBMの機能を利用するため、登録が必要となるが、その手順の中で、APIの鍵を表示することが分からなかった。 左上の「管理」を…..

WordPressのembed 外部リンク、Wordpressで書かれたものでないとブログカード は作成されないらしい。でもリンク先は見やすいし、是非利用したい。そこで、数ある方法で、シンプルなこちらを参考にさせていただいた。   理想は記事内にリンクを貼るだけで、作成されること。楽をとる。 欲を言えば、内部リンクと同じようなスタイルにしたいけど、そこまでまだ手をかけられないので、いずれの宿題にしたい。 WordPressエディターに外部URLをコピペするだけで、どんなサイトでも「はてなブログカード」を表示させるカスタマイズ方法

webアイコンを使う webフォントに続き、一つのアイコンのために画像をインストールするのも手間なので、使ってみることに。色々あるなかで、サーバーダウンなどの心配がないかなぁと、googleさんのアイコンを拝借することにした。アイコンは検索窓の虫眼鏡だけあればいいので、シンプルに。 意外とないし、できないし 検索窓にwebアイコンを入れる方法は、Font Awesomeでたくさんみられるが、なぜかgoogleさんが見当たらない。あったとて、試すもなぜかできない。 どうやら、画像の指定はユニコードを使わないといけないらしいが、googleフォントはできない。 ユニコード一覧で試すができない。 「\」とコードでいいらしいもできない。 バックスラッシュも指定を googleのガイドをみると、バックスラッシュではないものが…。 ということで、ちゃんと指定したらできました。ちょっとのことだけど、時間…..

記事を隠して体裁を整える 記事の長さによってボックスの高さが変わると、読みにくいし、いくつあるかがわからないので、隠すことにした。 jQueryかcssかで考えるも、本文をWordpressから取得してくるので、高さを取得するためにもjQueryにした。readmore.jsというプラグインも試してみたが、こちらもWordpressの記事を読み込むと高さが取得できず、アコーディオンの高さに応じて、親要素の高さが変えられなかったので、断念（使い方の問題だったかもしれないが）。 参考ページ     ボタンのところを少し改変。デフォルトだと「+　続きを読む」「-　閉じる」だったので、wrapInnerでタグを追加した。 $(this).text(‘more’).removeClass(‘active’); $(this).wrapInner(‘<div class=\”…..

全投稿数を取得したい カテゴリー別はいくらでもあるけれど、全投稿数の取得が意外となかったので、メモ。 ないってことは、あまり使われないのかもしれないけれど。。 →のサイドバーの一番下のAllがこちらの方法でゲットしております。  

カテゴリーページの記事に アコーディオンを無事設置したが、その後。 閉じた時、どこにいるかが不明で、使いにくいなぁと、模索。閉じた時にスクロールもないため、どこの記事をみていたかがわからない。これはよくない。 理想は、閉じた時に、開いていた記事のタイトルに戻ること。 完成して振り返ると、シンプルなことをやっているのに、なぜかうまくいかず、ちょっとヤキモキとする取り組みだった。 var position = $(this).parents(‘dl’).offset().top; $(‘html,body’).animate({scrollTop: position}); 結果としてはこれで終わるも、ループの中の位置を取得するのに、クラスを追加してみたりしたけど、うまくいかない。ループ内では、ちゃんと$( this )の何、を指定しないと、ループしている全てにクラスが追加されるため、うまくいか…..

プラグインでうまくいかない サイドバーの固定にプラグインを使っていたけれど… どうも、思った通りに固定できない。一応、レスポンシブにしているので、pxを使っていないから、余計にうまくいかない。Wordpressの「Q2W3 Fixed Widget」というプラグインが、とても簡単で感動していたが、どうもずれる。         画像２枚目は、もうcssを調整していないので、大げさなずれだけど、とにかくずれる。 stickyが便利らしい position系はマスター出来ていないので自信はないが、ピタッと理想通りなのと、cssなので理想的。 ただ、IEやEdgeに対応できていないのが難ありのようだが、polyfillを使えばよいとのことで、素直にそのままに。   最後のpolyfillで難渋 IEとEdge向けにpolyfillを使う最後の手段…..

カテゴリーの選択 記事を作成する際、カテゴリーを選択するのは、親子関係がある場合、子だけでなく親も一緒にしないと、親カテゴリーに属さないような記事があったので、一緒に選択していた。 選択すると、子カテゴリーだけクリックしても、親が自動で選択されないため、わざわざプラグインを入れて一緒にしていたが、結局いらないようだ。 情報って難しい。 それも面倒に… Bloggerからお引越しすると、カテゴリーはデフォルトが選択されてしまう。 また、新規記事を作成中にも、デフォルトにチェックが入っているため、①デフォルトのチェックを外す、②子カテゴリーを選ぶという、地味に手間な作業があった。それは、カテゴリー選択が一つだけとなるよう、functionsへ記載する方法があったので、早速試す。     これは楽。。。 検索で、一番上のページをたまたま見ただけだったが、他の方法の弱点も踏まえ…..

データの管理がずさん 毎度、データを一度にリモートとローカルを同期すると、必ずエラーになり、毎度手間がかかっていた。 制作の環境は、MAMPを使用していたが、結局Dreamweaverだけでサイト管理の設定をし、ローカルのファイルを変更してはアップロードし、Webブラウザで確認していた。途中で変えたので、MAMPにデータが残っていたり、サーバーに同じファイルがあったりと、ずさんな管理があだとなっていたようで。 幸い、基本のデータは大事にしていたので、ローカルに残っており、事なきを得たが、やっぱり動作に無駄があるため、バックアップとスムーズな作業となるよう、再度検討することとした。 ローカルの環境を構築するのは手間に見える Dreamweaverを基本に使っているので、これで一通りできるから問題ないかなぁと思う。 もちろん、バックアップをとったり、サイト管理をサーバーにあげずに見たいという場…..

地味に一番時間がかかった 何度挑戦しても、現在開いているページIDが取得できず、ありとあらゆる情報を試すもできなかった。。。 今振り返ると、なぜ迷宮入りしていたか、少し不思議な部分もあるが、学校の先生に質問をしている途中、再挑戦したところ、あっさりできた。喜びとともにびっくり。 原因 $cat = get_the_category(); $catId = $cat[0]->cat_ID; ①カテゴリーの取得を上述していたまま、他の方法を投入していたという、根本の知識不足。 ②カテゴリーページでget_the_category()はエラーを起こしやすいという記事を見逃していた。 ③ID取得の指定が$cat[0]だった。これじゃ永遠親ですよね。。。 解決 $catId = get_query_var(‘cat’); $catを決して、ID取得のみ。get_query_varで取得したとこ…..