ปรับแต่ง Google Reader iPhone Edition ใน Firefox Sidebar ของคุณ
หากคุณเป็นแฟนตัวยงของทั้ง Google Reader และ Firefox คุณจะสนใจที่จะรู้ว่า Reader เวอร์ชัน iPhone ของ Google นั้นเหมาะสำหรับแถบด้านข้างของ Firefox และด้วยการปรับแต่งเล็กน้อยเราสามารถทำให้มันพอดี.
เราสามารถปรับแต่งมันเพื่อลบส่วนหัวเลือกหน้าเริ่มต้นของเราลดแบบอักษรและลบข้อความที่ตัดตอนมาเพื่อให้รายการสะอาดดีเช่นนี้:
เพิ่ม Google Reader iPhone Edition ลงใน Firefox Sidebar
สิ่งที่คุณต้องทำคือคลิกขวาที่ใดก็ได้บนแถบบุ๊คมาร์คและเลือกที่คั่นหน้าใหม่ตั้งชื่อ (หรือปล่อยว่างไว้) และใส่ URL ต่อไปนี้:
http://www.google.com/reader/i/
ตรวจสอบให้แน่ใจว่าคุณทำเครื่องหมายที่ช่อง“ โหลดบุ๊กมาร์กนี้ในแถบด้านข้าง” และเสร็จแล้ว.
ตอนนี้เมื่อคุณคลิกที่คั่นหน้าคุณจะเห็นว่ามันเปิดขึ้นในแถบด้านข้าง.
เปลี่ยนบุ๊กมาร์กเพื่อเปิดแท็กเฉพาะ (หรือหน้า)
ปัญหาแรกคือบุ๊กมาร์กเปิดไปที่มุมมองรายการทั้งหมดตามค่าเริ่มต้นซึ่งไม่ดีสำหรับพวกเราที่มีการสมัครสมาชิกจำนวนมาก ฉันชอบเปิด Reader ด้วยแท็ก "รายการโปรด" ที่เลือกไว้ตามค่าเริ่มต้นดังนั้นเราจะต้องปรับเปลี่ยนนี้.
นำทางในแถบด้านข้างไปยังแท็กที่คุณต้องการจากนั้นคลิกขวาในพื้นที่ว่างของหน้าและเลือก "ดูข้อมูลหน้าเว็บ"
ตอนนี้คุณจะเห็น URL โดยตรงไปยังหน้านั้นซึ่งคุณสามารถคัดลอกไปยังคลิปบอร์ด ...
และจากนั้นใช้ในคั่นหน้าใหม่หรือปรับแต่งคั่นหน้าเดิมที่คุณสร้างขึ้น.
ตอนนี้เมื่อใดก็ตามที่คุณคลิกที่คั่นหน้าคุณจะเห็นหน้าที่คุณต้องการดู.
ลบเส้นขอบสีน้ำเงินที่น่าเกลียด
หมายเหตุ: สำหรับการปรับแต่งส่วนที่เหลือคุณจะต้องมี การขยายที่มีสไตล์ ติดตั้งหรือคุณสามารถสร้างไฟล์ชื่อ userContent.css ในไดเรกทอรีธีม Firefox ของคุณและวางรหัสที่นั่น.
ไม่ว่าจะด้วยเหตุผลใดโลโก้ Google Reader จะมีขอบสีน้ำเงินที่น่ารำคาญอยู่รอบ ๆ แต่เราสามารถลบออกได้ด้วยสคริปต์ Stylish Stylish.
คลิกที่ไอคอนมีสไตล์เลือกสไตล์การเขียนและสไตล์ที่ว่างเปล่า.
ตั้งชื่อที่สื่อความหมายให้กับสไตล์แล้ววางในข้อความต่อไปนี้:
@namespace url (http://www.w3.org/1999/xhtml);
@ -moz-document url-prefix (http://www.google.com/reader/i)
.โลโก้ img border: 0px! important;
คุณสามารถคลิกปุ่มดูตัวอย่างเพื่อดูการเปลี่ยนแปลงได้ทันที:
ลบส่วนหัวทั้งหมด
แทนที่จะเปลี่ยนเส้นขอบคุณสามารถลบส่วนหัวภาพทั้งหมดได้เนื่องจากไม่จำเป็นจริงๆ ปรับสคริปต์ที่มีสไตล์ให้เป็นดังต่อไปนี้แทน:
@namespace url (http://www.w3.org/1999/xhtml);
@ -moz-document url-prefix (http://www.google.com/reader/i)
.โลโก้ display: none! important;
การคลิกปุ่มดูตัวอย่างจะแสดงการเปลี่ยนแปลงใหม่ ...
ปรับขนาดตัวอักษร
ไซต์ iPhone นั้นได้รับการปรับให้เหมาะกับหน้าจอสัมผัสขนาดเล็กดังนั้นแบบอักษรจึงใหญ่เกินไปสำหรับรสนิยมของฉัน เราสามารถเพิ่มบรรทัดต่อไปนี้ลงในสคริปต์ที่มีสไตล์เพื่อทำให้แบบอักษรมีขนาดเล็กลงเล็กน้อย:
* ขนาดตัวอักษร: 0.97em! สำคัญ;
หากคุณกำลังติดตามอยู่สคริปต์แบบเต็มควรเป็น:
@namespace url (http://www.w3.org/1999/xhtml);
@ -moz-document url-prefix (http://www.google.com/reader/i)
.โลโก้ display: none! important;
* ขนาดตัวอักษร: 0.97em! สำคัญ;
ตอนนี้เรามีมุมมองที่กระชับมากขึ้นอ่านง่ายขึ้น:
เปลี่ยนรายการเป็นหัวเรื่องเท่านั้น
คุณจะสังเกตเห็นว่าคุณสามารถเห็นคำสองสามคำแรกของโพสต์ในมุมมองรายการ…โดยส่วนตัวแล้วฉันอยากแสดงหัวข้อข่าว เพิ่มสิ่งต่อไปนี้ในสคริปต์ของคุณ:
span.item-snippet display: none! important;
span.item-source-title font-size: 0.9em! important
ตอนนี้เรามีแอปพลิเคชันแถบด้านข้างที่มีประโยชน์จริงๆ:
สคริปต์เต็ม
นี่คือเวอร์ชันสุดท้ายของสคริปต์นี้โดยมีการลบแถบโลโก้ขนาดตัวอักษรเล็กกว่าและไม่มีข้อความที่ตัดตอนมา.
@namespace url (http://www.w3.org/1999/xhtml);
@ -moz-document url-prefix (http://www.google.com/reader/i)
.โลโก้ display: none! important;
* ขนาดตัวอักษร: 0.97em! สำคัญ;
span.item-snippet display: none! important;
span.item-source-title font-size: 0.9em! important
นี่ควรอธิบายว่าทำไมฉันถึงเป็นแฟนตัวยงของ Stylish.